Monthly Archives: November 2014

SASS: Go sassy with css

In summers of 2014 we planned to start revamp. It was a great chance for us to redesign and rethink our strategies. One of the pain point was to manage CSS effectively and after few brainstorming session we thought of bringing in CSS preprocessor . Now after 6 months it looks like without SASS, CSS could have gone haywire. Plain CSS had some issues: No concept of variables. Reusing a collection of rules is cumbersome. Missing support to include or extend block of css. Managing css into separate modules is not feasible CSS @import rule prevents... Read More

Static Consolidation v2

At change is good especially when it brings scalability and transparency to the system.Here at FED (Front end development) team we follows a pre-defined folder structure for our UI projects. Previously the following folder structure was used:/c - css files/i - images/j - js filesIssue with it was except the above three type of resources one cannot keep other resources in here as deployment tags which only includes c, j, i were to be made from the same directory.The new structureIt has two major folders: /src & /gen. /src - This is the working directory/c - css files/i -... Read More

Q-Unit : Test your private code

A tested and well-documented code is what we all strive for.At Q-Unit (JavaScript testing framework) has been the integral part of the Front End Development (FED) team since last one year. Qunit is cool but when it comes “Testing JavaScript’s private functions without modifying the code”  it gets rigid.Let us see step-by-step how we solved the above problem:Design plugins in object literal formatIn object literal format every function is global. Though it makes testing easy but it exposes all our functions which is a paltry way of coding.Example.API  = { private :... Read More

DIPSUM – A start towards adoption of Agile process

One of the big movements we hear about is the adoption of Agile processes for managing projects and daily communications. When you have one project on a white-board - it's fine, but when you have six or seven projects, the white-board approach just doesn't work !! It’s a well-known fact that a lot of time is wasted within organizations during meetings. In order to save time and to increase the level of knowledge transfer and collaboration - many teams, primarily software development teams, are using so called stand-up meetings which is central to most Agile processes. With faster... Read More

Grunt : Automate your UI processes

In today’s world Front-end Engineering is moving in an entirely new generation of web applications. Apps are becoming complex with richer UI and better interactions. But with it comes the ever increasing size of UI resources and their management.Managing UI resources effectively is posing as a major challenge to the Front-end world.Grunt is our preferred tool  for UI task automation. It’s a task runner, offering a lot of bundled plugins for common tasks.The best comes when you can combine various tasks together to create your own more powerful bundle.Following are some usual tasks we... Read More