.preview-block{position:relative;background:#f8f8f8;padding:20px;margin-bottom:20px;border:1px solid #dedede;text-align:center;transition:all .5s}
Before CSS was out, people used tables in order to layout their webpages. Now, the introduction of CSS changed all that. CSS provides us with a lot of flexibility to position the elements in a webpage. In […]
Read Article
The CSS float: property is a confusing one for some people when first dealing with it, and this insightful video tutorial does a great job explaining just about everything you need to know to keep you out of trouble.
[…]
Watch Video
Floated elements are a different beast than anything else in CSS. And many people don’t know how they work and interact with your document. Let’s remedy that. […]
Read Article
A friend challenged me to develop a simple horizontal navigation bar that could be span the width of the screen but center the navigation area over his content. This is the result of that challenge. […]
Read Article
Update: I’ve created an advanced version of this technique that works in IE6! Read more here.
The Accordion Effect is fast becoming one of the most commonly used (and perhaps abused?) effects of the Web 2.0 world. Most JavaScript frameworks […]
Read Article