How to Manage Your Webpage’s Layout with CSS

.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

CSS Art: The Flower

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

jQuery-Based Popout Ad: Part 1

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