You're Browsing - Smashing CSS

Go HTML and CSS your PSD

Did you ever needed someone to code your design and never knew where to go? If your answer is yes, let me ask you another question: Do you live in a cave? (no offense) So, here is what I’m going to do for you, caveman: name some sites that do PSD to HTML…

[More...]

Essential Web Designers Guide on PSD to HTML/CSS

Web designers need to know some aspects of web development to understand what is possible and where the technical limitations are but should code the web pages themselves too?.

[More...]

CSS 3 Cheat Sheet (PDF)

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

[More...]

The CSS3 box-shadow property

This is a detailed tutorial about the CSS3 box-shadow property, how it works and which browsers support it.

[More...]

SlickMap CSS

SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites.

[More...]

45+ Unusual Layout Website Designs

List of websites that are unusual, coll and quite different. Websites that are unique, unusual design, structure, navigation, flow. All this is so different from regular websites that we see everyday.

[More...]

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3.

[More...]

10 CSS properties that ‘were’ impossible to implement in IE6

Personally I hate IE6, and never wanted to support it. Unfortunately, a percentage of internet users still use IE6. Sometimes even customers get insistent about how their page should look in IE6. Anyways, let’s hope IE dies soon!

[More...]

12 Navigation Options That Help Users Navigate Through Your Website Effectively

Previously, we have discussed the 10 principles of navigation design and why quality navigation is so critical. Readers think differently about how to find content, depending on their training, profession or habits.

[More...]

The Do’s & Don’ts of Modern Web Design

WebD&D is a resource for the modern day web designer.

[More...]

Resource: Pagination CSS Styles

Pagination is one of the most important parts of your design. Though, most of the times it stands near the bottom part of a website.

[More...]

Detect Support For CSS3 & HTML5 With Modernizr

Modernizr is a JavaScript library that helps you take advantage of CSS3 & HTML5 while still maintaining a fine level of control over browsers that may not yet support these new technologies.

[More...]

20+ Resources and Tutorials for Creative Forms using CSS

With the proper understanding of each element (radio buttons, checkboxes, textareas..), CSS know-how, a little patience and some creativity you can make your forms beautiful. Throw in, the always important, semantics and accessibilty and things can get tricky.

[More...]

50 Free High-Quality and “New” (X)HTML/CSS Templates

In this post, we’ll showcase 50 Free high-quality & New (X)HTML/CSS template (some of them include the PSD-source files). You will also find among these elegant templates a very well written step-by-step tutorials showing you how to create your own.

[More...]

Best of CSS Design June 2009

The month of July is come in it’s way, and it’s time to select the Best CSS Design for the month of June. There are 14 websites that are worth mentioning to. In no particular order.

[More...]

15 Must Read Articles for CSS Beginners

This collection of 15 articles pulls together some of the best must read blog posts for anyone looking to get started with CSS styling.

[More...]

40+ Essential Front End Web Developer Cheat Sheets

Today more or less everyone can put a simple web page together but implementation of professional Web based Application Front Ends is not as simple as some people may think.

[More...]

24 Essential Submit Button Enhancements

Typically a press on a web page button indicates that a user is making a decision of some kind. Buttons are for that reason very important elements and they need to be well integrated with the overall design, easy to spot and use.

[More...]

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.

[More...]

Handy Tips for Creating a Print CSS Stylesheet

A print stylesheet can really help polish the printed document for when it is used. It doesn’t take too long to create, so let’s take a look at some handy tips that you can put into practice on your own site.

[More...]