Prefixed classes guide developers towards a simpler and more maintainable direction for building an extensive CSS design system. Here’s what we have if we take away the generic base class and scope things per component with prefixes:

.btn-success { ... }
.alert-success { ... }

This way, the base class is at the component level and not the entire system level. In other words, our base classes have become .btn and .alert, not .success. There’s no bleeding of styles or behavior from one component to another here because we treat components in a “successful state” as an idea across the design system. 

CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements.

A big problem we always have when we create a complex website is organizing the CSS properly. We add comments, we split it into files but the stylesheets still get pretty big if the project is very complex. Not only that but there are also a lot of browser specific CSS properties (such as -moz-border-radius) which make changing something (like the border-radius) very difficult. Well, there is something out there that can help us organize better and it is called LESS. The LESS CSS preprocessor has been out for some time and is well known by only a few developers. It basically enlarges the limits imposed by CSS’s simplicity and allows the code to be compiled into “real CSS”. The coding style of LESS was thought to be a simplified but extensive variant of CSS so regular CSS code writers wouldn’t need too much time migrating to this tool.

Really cool. Nice examples.

Source: toxel.com → | ∞ Permalink

The calc() function can be used to specify lengths. For example, you can use it for values of borders, margins, paddings, fonts, etc. Calculating widths can be extremely complicated, especially in fluid layouts; calc() is unique because it lets you make these calculations within the CSS itself.

It accepts addition (“+”), subtraction (“-“), multiplication (“*”) and division (“/“).

Source: webdesignernotebook.com → | ∞ Permalink

In this article, you will find a collection of excellent navigation techniques that use the CSS to provide users with an impressive interface.

Source: sixrevisions.com → | ∞ Permalink

I have referenced this article so many times, figured I should bookmark it!

Source: allaboutbasic.com → | ∞ Permalink

Whether you're using a free or custom theme, there are always little things you can do to personalize your WordPress site. Check out these 10 most-tweaked features and how to customize them.

Source: mashable.com → | ∞ Permalink

Creating facebook loading bar using CSS and JQuery, we can freely create the bigger one if this loading bar, this is just some experiment with jquery animate function

Source: superdit.com → | ∞ Permalink