Tag Archives: CSS

Optimizing CSS background images using WebP

webp In continuation to our first article on WebP “Optimizing web pages using WebP”, we have extended our approach to display WebP images with the help of CSS background. As we earlier stated that Naukrigulf.com is one of the first few sites on the web to use WebP images format to serve banners. Now we are serving our background images in WebP format as well. In this approach we have two solutions to call background WebP images. - Using CSS Parent-Child Relationship - Using @ queries. CSS Parent-Child Relationship - In this approach we have to check user's browser and assign a class... Read More

SASS: Go sassy with css

In summers of 2014 we planned to start naukri.com 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