Category CSS

CSS is the language for styling websites, including their colors, layouts, and typography. With CSS, you can propagate styles to your HTML components, ensuring a consistent design across all types of devices, browsers, and operating systems. We highly recommend Heydon Pickering’s introduction to two key CSS features on creating consistent designs with minimal effort, in addition to using Semantic CSS With Intelligent Selectors.

45 Powerful CSS/JavaScript-Techniques

by The Smashing Editorial

16 min read
No meows just yet

January 12, 2010 — CSS and JavaScript are extremely powerful tools for designers and developers. However, sometimes it’s difficult to come up with the one excellent idea that would solve a problem that you are ... Read More…

248 more articles

Tim Wright wrote

What You Need To Know About Behavioral CSS

December 19, 2009 — As we move forward with the Web and browsers become capable of rendering more advanced code, we gradually get closer to the goal of universal standards across all platforms and computers. Not only will we have to spend less time making sure our box model looks right in IE6, … Read More…

ZURB wrote

Stronger, Better, Faster Design with CSS3

December 16, 2009 — In our last article about CSS3, “Pushing Your Buttons With Practical CSS3, we talked about using new CSS3 techniques like gradients, border-radius and drop-shadows to create compelling, flexible and (in some cases) hilarious buttons. In this second article we’re … Read More…

Louis Lazaris wrote

Styling HTML Lists with CSS: Techniques and Resources

December 11, 2009 — In an online world now dominated by CSS layouts, CSS-styled HTML lists have become invaluable tools in a CSS developer’s toolbox, due to the HTML lists versatile and graphically flexible nature. All this despite some of the obvious browser inconsistencies that can … Read More…

ZURB wrote

Pushing Your Buttons With Practical CSS3

December 2, 2009 — CSS3 is the partially implemented sequel to the CSS2 spec we all know and love. It’s already popping up in new browsers such as Firefox 3.5, Safari 4 and Chrome. In this article, the first of the articles that explore practical (and even far-fetched) implementation of … Read More…

Inayaili de Leon wrote

How To Support Internet Explorer and Still Be Cutting Edge

December 1, 2009 — Everyone has been going on about how we should use CSS3 more and all of the possibilities and flexibility that come with it, but that we should still consider IE6 and other troubling browsers. But how do we actually do that? How do we create websites that are up to date with … Read More…

Soh Tanaka wrote

5 Useful Coding Solutions For Designers And Developers

November 23, 2009 — Let’s look at some clever techniques developed and used by top professionals in the Web design industry. We can use their examples to develop our own alternative solutions. Read More…

Sergey Chikuyonok wrote

Zen Coding: A Speedy Way To Write HTML/CSS Code

November 21, 2009 — In this post we present a new speedy way of writing HTML code using CSS-like selector syntax — a handy set of tools for high-speed HTML and CSS coding. It was developed by our author Sergey Chikuyonok and released for Smashing Magazine and its readers. Read More…

Janko Jovanovic wrote

Designing CSS Buttons: Techniques and Resources

November 18, 2009 — 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, … Read More…

Zoe Mickley Gillenwater wrote

Modern CSS Layouts: The Essential Characteristics

October 26, 2009 — Now is an exciting time to be creating CSS layouts. After years of what felt like the same old techniques for the same old browsers, we’re finally seeing browsers implement CSS 3, HTML 5 and other technologies that give us cool new tools and tricks for our designs. But … Read More…