Popular Tags

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

Category: CSS

Modern CSS Layouts: The Essential Characteristics

Modern CSS Layouts: The Essential Characteristics

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 all of ...

Read more... | 54 Comments
The Mystery Of The CSS Float Property

The Mystery Of The CSS Float Property

Years ago, when developers first started to make the transition to HTML layouts without tables, one CSS property that suddenly took on a very important role was the float property. The reason that the float property became so common was that, by default, block-level elements will not line up beside ...

Read more... | 83 Comments
CSS Differences in Internet Explorer 6, 7 and 8

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 ...

Read more... | 230 Comments
Mastering CSS Coding: Getting Started

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 ...

Read more... | 177 Comments
Guide to CSS Font Stacks: Techniques and Resources

Guide to CSS Font Stacks: Techniques and Resources

CSS Font stacks are one of those things that elude a lot of designers. Many stick to the basic stacks Dreamweaver auto-recommends or go even more basic by just specifying a single web-safe font.But doing either of those things means you're missing out on some great typography options. Font stacks ...

Read more... | 39 Comments
The Z-Index CSS Property: A Comprehensive Look

The Z-Index CSS Property: A Comprehensive Look

Most CSS properties are quite simple to deal with. Often, applying a CSS property to an element in your markup will have instant results — as soon as you refresh the page, the value set for the property takes effect, and you see the result immediately. Other CSS properties, however, ...

Read more... | 42 Comments
CSS Wishlist: New Ideas, Debates and Solutions

CSS Wishlist: New Ideas, Debates and Solutions

The future of CSS is arriving fast, and many tools, languages, and solutions have been developed that make CSS a job not just for Web designers but developers, too. In many ways, the job could become more complex and confusing, but in many other ways, the new changes will provide ...

Read more... | 62 Comments
Backgrounds In CSS: Everything You Need To Know

Backgrounds In CSS: Everything You Need To Know

Backgrounds are a core part of CSS. They are one of the fundamentals that you simply need to know. In this article, we will cover the basics of using CSS backgrounds, including properties such as background-attachment. We'll show some common tricks that can be done with the background as well ...

Read more... | 61 Comments
Taming Advanced CSS Selectors

Taming Advanced CSS Selectors

CSS is one of the most powerful tools that is available to web designers (if not the most powerful). With it we can completely transform the look of a website in just a couple of minutes, and without even having to touch the markup. But despite the fact that we ...

Read more... | 91 Comments
Mastering CSS, Part 2: Advanced Techniques and Tools

Mastering CSS, Part 2: Advanced Techniques and Tools

CSS is one of the most basic building blocks of modern web design. It creates the structure and style that surrounds your content and is capable of making your site a joy to use or a pain in the neck. Mastering CSS is one of the most important things a ...

Read more... | 40 Comments
Mastering CSS, Part 1: Styling Design Elements

Mastering CSS, Part 1: Styling Design Elements

CSS is one of the most important building blocks of modern web design. Standards demand the use of CSS for formatting and styling pages, and with good reason. It's lighter-weight and capable of much more than older methods like tables.And CSS isn't nearly as tricky as some people tend to ...

Read more... | 112 Comments
The Definitive Guide to Using Negative Margins

The Definitive Guide to Using Negative Margins

Since the recommendation of CSS2 back in 1998, the use of tables has slowly faded into the background and into the history books. Because of this, CSS layouts have since then been synonymous with ...

Read more... | 95 Comments
12345
12 Principles For Keeping Your Code Clean

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, ...

Read more... | 336 Comments
53 CSS-Techniques You Couldn’t Live Without

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 ...

Read more... | 322 Comments
Top 10 CSS Table Designs

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 ...

Read more... | 269 Comments
CSS Differences in Internet Explorer 6, 7 and 8

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 ...

Read more... | 230 Comments
8 Simple Ways to Improve Typography In Your Designs

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 ...

Read more... | 209 Comments
Table Layouts vs. Div Layouts: From Hell to… Hell?

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 ...

Read more... | 200 Comments
50 Useful Design Tools For Beautiful Web Typography

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 ...

Read more... | 177 Comments
Mastering CSS Coding: Getting Started

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 ...

Read more... | 177 Comments
70 Expert Ideas For Better CSS Coding

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 ...

Read more... | 163 Comments
Take Your Design To The Next Level With CSS3

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 ...

Read more... | 154 Comments
Push Your Web Design Into The Future With CSS3

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 ...

Read more... | 149 Comments
50 Extremely Useful And Powerful CSS Tools

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 ...

Read more... | 143 Comments
CSS Editors Reviewed

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 ...

Read more... | 137 Comments
Free Typographic XHTML/CSS-Layouts For Your Designs

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, ...

Read more... | 132 Comments
5 Useful Coding Solutions For Designers and Developers

5 Useful Coding Solutions For Designers and 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 ...

Read more... | 128 Comments
Advertisement Advertise with us!
Join in Smashing Forum
Post your job


Advertisement