.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
You’ve just found the perfect cat video to share with all your friends. You post it to your fancy responsive website, but whoops: the video doesn’t fit! Let’s fix that. […]
Read Article
I was tasked with replacing several dozen Photoshop-generated rounded buttons on a large site with a flexible HTML/CSS/JS equivalent. I wanted it to be simple and leave the code as clean as possible. It also needed to work in all modern browsers. This is my solution. […]
Read Article
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
This article is probably not the most practical tutorial I’ve ever written, but it was one of the most fun. While CSS is often treated as a straightforward web development workhorse, it can also have a lighthearted, eccentric side as well. Here’s how to use CSS to create art. […]
Read Article
Advertisements on the web: love them or hate them, it’s safe to say they’re here to stay for a good long while. But advertising is a tough line to walk for a lot of websites (such as this one). Make your ads too annoying, and you’ll lose readership. But make them too unobtrusive, and you might as well not even have them at all. Today I’d like to start an article series of three parts, the result of which will be a popout-style, jQuery-based box like the one pictured above, which I think strikes a nice balance on the obtrusion-scale. […]
Read Article
Mr. Sol’s development of the Faux Absolute Positioning technique was born of frustration in trying to use the two dominant positioning techniques: absolute positioning and floats. However, I fear his cure might be worse than the disease. […]
Read Article
Earlier this week, I explained the basics of CSS positioning: what it is and what your options are. Now I’d like to take some time and explain a couple of tricks for using positioning in the real world… stuff that […]
Read Article