Responsive Design’s Dirty Little Secret

Responsive Web design, as defined by Ethan Marcotte, consists of a fluid grid, fluid images and media queries. Different browsers have different methods of calculating widths for percentage based layouts. Browsers have to translate percentages into actual device pixels to fit in the viewport and this can cause problems. This article describes the potential problems and offers solutions…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

A Comprehensive Guide to CSS Resets

This guide examines the infinite-like variety of CSS resets created by web developers and designers across the world.While almost all of these CSS resets are generally provided free for public use many through Creative Commons licensing, it is incumbent upon you to check the terms of use before putting them to use in your projects…

VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

Using the LESS CSS Preprocessor for Smarter Style Sheets

The simple design of CSS makes it very accessible to beginners, it also poses limitations on what you can do with it. These limitations, like the inability to set variables or to perform operations, mean that we inevitably end up repeating the same pieces of styling in different places. Not good for following best practices—in this case, sticking to DRY don’t repeat yourself for less code and easier maintenance.

Enter the CSS preprocessor. In simple terms, CSS preprocessing is a method of extending the feature set of CSS by first writing the style sheets in a new extended language, then compiling the code to vanilla CSS so that it can be read by Web browsers. Several CSS preprocessors are available today, most notably SASS and LESS…

VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)