Tag Explorer

To use the Tag Explorer simply select a category to the left, and the relevant tags will be displayed on the list below.

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

Category: CSS

Most Recent
Best Rated
Most Commented

50 New CSS Techniques For Your Next Web Design

CSS is almost certainly one of the best developments in web design since the first graphical web browsers were adopted on a wide scale. Where tables created clunky, slow-loading pages, CSS created much more streamlined and usable web pages. Plus, CSS has allowed designers to achieve a number of different ...

CSS 3 Cheat Sheet (PDF)

Just last week we released an extensive printable HTML 5 Cheat Sheet that lists all currently supported HTML 5 tags, their descriptions, their attributes and their support in HTML 4. In comments to this post we received many requests for a similar CSS 3 cheat sheet that would present the ...

Free Typographic XHTML/CSS-Layouts For Your Designs

In May we announced the Typographic Layout Design Contest that aimed to collect beautiful typographic (X)HTML+CSS-based layouts created by the design community and release them for free as a gift for the web design community. The response was overwhelming and we really had a hard time going through the designs, ...

10 Useful CSS/JS-Coding Solutions For Web-Developers

Often creative and truly remarkable design solutions remain unknown because we, designers, simply overlook them. Being busy with our own projects, we sometimes try to grasp the intuition behind (probably) complex and cluttered code of other designers to understand how they manage to implement particular design ideas. In fact, by ...

35 CSS-Lifesavers For Efficient Web Design

CSS-design is not easy. We need to find workaround across browser inconsistencies, not that easy CSS-concepts and quite counterintuitive CSS-solutions. However, there are effective and useful CSS-tools and Smashing Magazine reviewed many of them in our previous posts. Now it's time to present you with some fresh (or not mentioned ...

Take Your Design To The Next Level With CSS3

Cascading Style Sheets were introduced 13 years ago, and the widely adopted CSS 2.1 standard has existed for 11 years now. When we look at websites that were created 11 years ago, it's clear that we are a thousand miles away from that era. It is quite remarkable how much ...

Adaptive CSS-Layouts: New Era In Fluid Layouts?

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to ...

Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?

The problem has boggled the minds of Web designers for years: fixed, fluid, elastic or a hybrid layout design? Each option has its benefits and disadvantages. But the final decision depends so much on usability that it is not one to be made lightly. So, with all the confusion, is ...

Ask SM: CSS Quick-Question Edition

This is our sixth installment of Ask SM, featuring reader questions about Web design focusing on HTML, CSS and JavaScript. These entries are not all questions, but rather quick Twitter responses to the query, "What has been your most difficult CSS challenge?" Among other things, this post covers the sticky ...

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

CSS Sprites are not new. In fact, they are a rather well-established technique and have managed to become common practice in Web development. Of course, CSS sprites are not always necessary, but in some situation they can bring significant advantages and improvements – particularly if you want to reduce your ...

[Ask SM] Transparent Background, Positioning Problem

This is our fourth installment of Ask SM, featuring reader questions about Web design, focusing on HTML, CSS and JavaScript. In this post we’ll cover how you can style only the text inputs, refreshing a content-block automatically, how to avoid some positioning problems and create and use transparent div-backgrounds; ...

Table Layouts vs. Div Layouts: From Hell to… Hell?

Over the last several years, developers have moved from table-based website structures to div-based structures. Hey, that’s great. But wait! Do developers know the reasons for moving to div-based structures, and do they know how to? Often it seems that people are moving away from table hell only to wind ...

12 Principles For Keeping Your Code Clean

Beautiful HTML is the foundation of a beautiful website. When I teach people about CSS, I always begin by telling them that good CSS can only exist with equally good HTML markup. A house is only as strong as its foundation, right? The advantages of clean, semantic HTML are many, ...

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. Thus the design of pages ...

Top 10 CSS Table Designs

By R. Christie Tables have got to be one of the most difficult objects to style in the Web, thanks to the cryptic markup, the amount of detail we have to take care of, and lack of browser compatibility. A lot of time could be wasted on a single table although ...

CSS Differences in Internet Explorer 6, 7 and 8

One of the most bizarre statistical facts in relation to browser use has to be the virtual widespread numbers that currently exist in the use of Internet Explorer versions 6, 7 and 8. As of this writing, Internet Explorer holds about a 65% market share combined across all their currently ...

8 Simple Ways to Improve Typography In Your Designs

Many people, designers included, think that typography consists of only selecting a typeface, choosing a font size and whether it should be regular or bold. For most people it ends there. But there is much more to achieving good typography and it’s in the details that designers often neglect. These details ...

Table Layouts vs. Div Layouts: From Hell to… Hell?

50 Useful Design Tools For Beautiful Web Typography

Typography is elegant when it is attractive and communicates the designer’s ideas. When chosen wisely and used carefully, it can be very effective in supporting the overall design. Designers are always exploring different techniques with type: some use images or sIFR to produce very beautiful typography, while others prefer CSS ...

Mastering CSS Coding: Getting Started

astering CSS Coding: Getting Started (via @smashingmag) - CSS has become the standard for building websites in today’s industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of ...

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 of the code is as useful as not-so-well-known ...

Take Your Design To The Next Level With CSS3

Cascading Style Sheets were introduced 13 years ago, and the widely adopted CSS 2.1 standard has existed for 11 years now. When we look at websites that were created 11 years ago, it’s clear that we are a thousand miles away from that era. It is quite remarkable how much ...

Push Your Web Design Into The Future With CSS3

By Chris Spooner There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification. Realistically, you won’t be able to use these on your ...

50 Extremely Useful And Powerful CSS Tools

We love useful stuff. For months, we have been bookmarking interesting, useful and creative CSS tools and related resources. We have been contacting developers, encouraging them to improve their tools and release their handy little apps to the public. Last year we prepared and published some of them in a ...

CSS Editors Reviewed

We continue to review text and source editors for designers and web-developers. After a thorough consideration of WYSIWIG- and source code editors now it’s time to take a closer look at applications for advanced CSS-coding. Reason: while numerous HTML-editors offer more or less advanced CSS-support there are also allround-CSS-editors which ...

Free Typographic XHTML/CSS-Layouts For Your Designs

5 Useful Coding Solutions For Designers and Developers

Interact

Twitter

Glassical: A Free WordPress Theme - http://bit.ly/19EvYr
Please nominate Smashing Magazine for Best Online Magazine in the 2009 Open Web Awards - http://bit.ly/10ynWA
Mega Drop Down Menus with CSS & jQuery - http://bit.ly/24novl
Join us on the Smashing Magazine's Official Facebook Page - http://bit.ly/18ebRT
#followfriday @inspiredmag @designerdepot @DesignMagTweets @inspirationbit @Colorburned @buysellads @TheCoolHunter @behoff
New format on @smashingmag: The Beauty of London in Design - http://bit.ly/1Hkju8
Unbelievable: Ponte City Tower in Johannesburg - http://bit.ly/Iv2k5 - When modern architecture isn't beautiful.

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

Category: CSS

50 New CSS Techniques For Your Next Web Design

CSS 3 Cheat Sheet (PDF)

Free Typographic XHTML/CSS-Layouts For Your Designs

10 Useful CSS/JS-Coding Solutions For Web-Developers

35 CSS-Lifesavers For Efficient Web Design

Take Your Design To The Next Level With CSS3

Adaptive CSS-Layouts: New Era In Fluid Layouts?

Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?

Ask SM: CSS Quick-Question Edition

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

[Ask SM] Transparent Background, Positioning Problem

Table Layouts vs. Div Layouts: From Hell to… Hell?

12 Principles For Keeping Your Code Clean

53 CSS-Techniques You Couldn’t Live Without

Top 10 CSS Table Designs

CSS Differences in Internet Explorer 6, 7 and 8

8 Simple Ways to Improve Typography In Your Designs

Table Layouts vs. Div Layouts: From Hell to… Hell?

50 Useful Design Tools For Beautiful Web Typography

Mastering CSS Coding: Getting Started

70 Expert Ideas For Better CSS Coding

Take Your Design To The Next Level With CSS3

Push Your Web Design Into The Future With CSS3

50 Extremely Useful And Powerful CSS Tools

CSS Editors Reviewed

Free Typographic XHTML/CSS-Layouts For Your Designs

5 Useful Coding Solutions For Designers and Developers

Interact

Popular

Twitter

Categories

Information

Content

Connect