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

Articles by Topic: CSS

  • Improving Code Readability With CSS Styleguides

    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

    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

    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

    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

    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

    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

    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

    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

    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

    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

    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

    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

    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

    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

    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


Page 1 of 212»
 

All Posts

Sideblog

A set of 18 splendid and colorful looking 3D RSS-Icons. They are done with 3d Studio Max. JPG.

Screenshot

In Font Clock 12 different fonts are printed within the mechanism of a clock, providing a random, mixed display of graphic language within a single time piece. Designed by by Sebastian Wrong.

Font Clock

One pixel notched corners as used by Google Analytics. Instead of each option being boxed in a clickable rectangle, there is a 1px notch in each corner. It's not necessarily a curved corner, but it is a little softer than a normal box. Nice little trick.

Screenshot

Hartija is a CSS print framework which is an attempt to unite best CSS printing practices into one single CSS-file.

Rather than standard website templates, a free admin template is nearly impossible to find. This is an admin template which you can use for web applications like online-shops or CMS.

Screenshot

Fully Personal Interface research is a survey where people are questioned about their interface preferences. Results: labels and icons should be placed on the left, horizontal menus are more popular than vertical ones.

Fully Personal Interface Research

Is Out Of This World a new old trend in modern web design? According to Gino Orlandi, more and more "sites have a space theme, where you can see planets, stars and nebula type effects."

Out Of This World

DropClock is a screensaver in which every minute is numerically expressed with heavy Helvetica dropping into water in super slow-motion. Win, Mac. [via]

Drop Clock Screensaver

  • Grab the High-Quality OpenType Free Font Anivers!
  • Grab the Dilectio WordPress Theme!
  • Grab the Smashing WordPress Theme!