Published News » HTML & CSS

Here are a range of CSS page layouts, including 2 column and 3 column layouts - free to use and abuse as needed.

"Floatutorial" step by step layout tutorial

* Liquid two column layout
* Liquid two column layout - final result
* Liquid three column layout
* Liquid three column layout - final result

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

What does Blueprint have to offer?

* A CSS reset that eliminates the discrepancies across browsers.
* A solid grid that can support the most

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 earlier) tools that can assist designers in their work.

Usually, we create hover effects by changing: font color, font styles, border styles, background, and etc. But there are a lot more that we can do with hover. We can use hover to beautify design, minimize clutter, and display additional information. In this article, I’m going to provide various examples of websites that maximize the use of hover. Also, I will provide several quick tutorials on ho

Are you tired of your typical columned and boxed layout? It is time to learn how to break out of the box and do something creative. In this post, I’ve collected some of the best examples that are designed out of the box. I’ve also provided some quick CSS tips with demo files on how to break out of the box by creatively using background images and the CSS position property.

If you are the guy who uses tag for everything, this post is for you. It focuses on how you can write clean HTML code by using semantic markups and minimize the use of tag. Have you ever edited someone’s templates, don’t those messy tags drive you crazy? Not only writing clean templates can benefit yourself, but your team as well. It will save you time when you have to debug and edit (particula