An in-depth article explaining the best methods for structuring your CSS files to avoid any potential problems with CSS cascade…
Articles in the ‘Articles’ Category
-
CSS: Taking control of the cascade
Posted: 5 months ago in Articles
Read More: CSS: Taking control of the cascade
-
A Farewell to CSS3 Gradients
Posted: 5 months ago in Articles
An article all about CSS3 and how crappy they actually are. Raises some interesting points and gives alternative solutions using SVG…
Read More: A Farewell to CSS3 Gradients
-
Code smarter CSS with Sass
Posted: 5 months ago in Articles
Sass is a style sheet language that makes your style sheet as beautiful to read as your web page. This article explains how to use and maintain style sheets with Sass…
Read More: Code smarter CSS with Sass
-
Styling ordered list numbers
Posted: 8 months ago in Articles
Ordered lists can be difficult to style. Changing the font, size, color, background etc. of numbers is tricky. The key is using CSS generated content to create and insert the counter numbers after removing the default numbering from the list…
Read More: Styling ordered list numbers
-
CSS3 vs. CSS: A Speed Benchmark
Posted: 9 months ago in Articles
Compares the speed of the same design coded twice: once with CSS3, and a second time using CSS background images sliced directly from the PSD…
Read More: CSS3 vs. CSS: A Speed Benchmark
-
How to avoid common CSS3 mistakes
Posted: 10 months ago in Articles
Help on avoiding common mistakes when using shiny new CSS3 features in your day to day front end coding. Learn to write better CSS3 that works in as many browsers as possible…
Read More: How to avoid common CSS3 mistakes
-
A Comprehensive Guide to CSS Resets
Posted: 1 year ago in Articles
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…
Read More: A Comprehensive Guide to CSS Resets
-
Using the LESS CSS Preprocessor for Smarter Style Sheets
Posted: 1 year ago in Articles
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…
Read More: Using the LESS CSS Preprocessor for Smarter Style Sheets
-
Why we don’t have a parent selector
Posted: 1 year ago in Articles
With work, I’ve had to do quite a bit of examination of performance. We run a number of tools over an application to determine where the bottlenecks are. One such application is Google Page Speed which provides a number of recommendations to improve JavaScript and rendering performance. Before I get into its recommendations, we need to understand a little better about how browsers evaulate CSS…
Read More: Why we don’t have a parent selector
-
CSS Media Query for Mobile is Fool’s Gold
Posted: 2 years ago in Articles
Unfortunately, CSS media query is fool’s gold for mobile devices. It hides tough problems and gives developers a false promise of a simple solution for designing to multiple screens…
Read More: CSS Media Query for Mobile is Fool’s Gold