Smashing Magazine we smash you with the information that will make your life easier. really.

Articles by Topic: CSS

• square
• line

• 

  Improving Code Readability With CSS Styleguides

  Once your latest project is finished, you are very likely to forget the structure of the project's layout, with all its numerous classes, color schemes and type setting. To understand your code years after you've written it you need to make use of sensible code... More... 96 Comments

• 

  Powerful CSS-Techniques For Effective Coding

  Sometimes being a web-developer is just damn hard. Particularly coding is often responsible for slowing down our workflow, reducing the quality of our work and sleepless nights with pizza and coffee laying around the laptop. Reason: with a number of... More... 192 Comments

•  
• 

  CSS Frameworks + CSS Reset: Design From Scratch

  You don't have to write the same CSS-code or (X)HTML-Markup over and over again. Whatever project you're starting to work with, at some point you have to define classes and IDs you've already defined in your previous web-projects. To avoid unnecessary mistakes... More... 123 Comments

• 

  CSS Specificity: Things You Should Know

  Apart from Floats, the CSS Specificity is one of the most difficult concepts to grasp in Cascading Stylesheets. The different weight of selectors is usually the reason why your CSS-rules don't apply to some elements, although you think they should have. In order... More... 67 Comments

•  
• 

  PDF: 70 Coding Ideas + 80 Design Tips

  It doesn't matter, whether you've been working with CSS for years or have started to learn it recently. In both cases expert ideas for CSS coding and creative approaches for professional design are extremely valuable and can turn out to be life-savers in the... More... 50 Comments

• 

  70 Expert Ideas For Better CSS Coding

  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. An easy way to minimize the complexity... More... 327 Comments

•  
• 

  CSS Float Theory: Things You Should Know

  The concept of floats is probably one of the most unintuitive concepts in CSS. Floats are often misunderstood and blamed for floating all the context around it, causing readability and usability problems. However, the reason for these problems isn't the theory... More... 84 Comments

• 

  CSS-Based Navigation Menus: Modern Solutions

  Navigation menus have to be intuitive, precise and easy-to-use. One simple, basic principle, which is common for all kinds of nav bars you would ever want to use for your projects. In fact, navigation menu is probably the most important element in web design:... More... 180 Comments

•  
• 

  Printing the Web: Solutions and Techniques

  Users don't read, they scan. In fact, after many years, reading online still didn't manage to assert itself against reading offline. Therefore long articles are usually printed out and read on paper. However, not every page will be printed out correctly by... More... 57 Comments

• 

  53 CSS-Techniques You Couldn’t Live Without

  CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don't have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page.... More... 890 Comments

•  
• 

  Free CSS Layouts And Templates

  As a web-developer you don't have to re-invent the wheel all the time. If it just has to work, and has to be valid, and has to have a nice, visually appealing design hierarchy, you just can use css-techniques developed in the web-dev-community over the last few... More... 86 Comments

• 

  CSS-Based Footers: Modern Solutions

  Every design element deserves particular attention in Web 2.0. Navigation menus, forms, comment forms, comment designs, tables, typography, fonts, even more fonts and even download buttons are designed in more detail to make a good first impression. The... More... 58 Comments

•  
• 

  CSS-Based Tables: Modern Solutions

  We coninue to present some of the best CSS-techniques which web-developers can always use working on their current web-project. Recently we’ve taken a look at the best css-based forms, today we present some useful techniques for displaying information... More... 68 Comments

• 

  Crème de la crème of CSS: List of CSS Galleries

  One can discuss whether numerous CSS-galleries challenge our creativity, however they can serve as a quite nice source for inspiration. The galleries of CSS-based designs showcase exemplary design practices, solutions, ideas and templates. Once you have no idea... More... 50 Comments

•  
• 

  50 Beautiful CSS-Based Web-Designs in 2006

  2006 was rich on creative, beautiful and unusual design concepts. We've seen a lot of whitespace, many examples of readable and usable text-design, badges, stars, rounded corners, shapes, gradients, mirror and 3D-effects - just name it. Let's take a close look... More... 471 Comments