Atatonic CSS framework

Lately there are more and more CSS frameworks popping out of ground. My issue with most of them is that they mainly focus on the grid. All the other options are added in later. This framework has it's main focus on typography. Vertical rhythm is one of the most important things in design, so why not start your perspective from that angle?To make my life easier as a developer I added grid support in the Atatonic CSS Framework. Its works like any other grid system, but with only about 10 lines of css…

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

Designing CSS Buttons: Techniques and Resources

Buttons, whatever their purpose, are important design elements. They could be the end point of a Web form or a call to action. Designers have many reasons to style buttons, including to make them more attractive and to enhance usability. One of the most important reasons, though, is that standard buttons can easily be missed by users because they often look similar to elements in their operating system. Here, we present you several techniques and tutorials to help you learn how to style buttons using CSS. We’ll also address usability…

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

CSS Restaurant Menu

When out having a meal with a few guys from work once we got talking about the menu, and how it would be intereting to work on a restaurant website in terms of using semantics and CSS to build menus properly. When I got in that night I had a spare few minutes and came up with the following lightweight and semantic xHTML with a sprinkle of CSS…

VN:F [1.9.22_1171]
Rating: +2 (from 4 votes)

Use the Cascade – On Using CSS Sensibly

Many times I see people of all skill levels making poor use of the first “C” in CSS; cascading. Furthermore, a constant underuse of specificity is apparent in a lot of developers’ work.

While this isn’t wrong per se, it doesn’t make best use of CSS’s primary attribute/purpose, and can cause unecessary workload and coding for the developer. It also makes projects harder to maintain over a long enough time frame — an ever growing list of class names used to target what could have been caught by the cascade and specificty automatically…

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

CSS Box Model: The Foundation For Improving Your CSS

The CSS box model lies behind everything you do in CSS. Every element is defined by a rectangular box that encloses that element. Understanding how the box model works is a key to understanding CSS and having greater control over your layout and presentation. Let’s dive right in and talk about what the CSS box model is, how one box affects the boxes around it, and some common browser issues when displaying CSS boxes.

In nutshell, the box model in CSS describes the boxes which are being generated for HTML-elements. In this post below you’ll learn the tips and techniques exactly about CSS box model to achieve best out of CSS development…

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

9 Most Common IE Bugs and How to Fix Them

Internet Explorer – the bane of most web developers’ existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn’t really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them…

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