ITT #5: Transparent Overlay with Slide-Out Description

I'm going to try something a little different this week and talk about CSS. I'm working on a client project that needed to overlay a PNG over the top of various thumbnails in order to make the thumbnails sit in nicely with the design. I'd never done anything like this before, so I thought it might be worth sharing.

If you're deeply offended that I've strayed away from programming-related posts, let me know in the comments, but don't worry! I added some jQuery in for good measure!

View the Demo | Download the Files

The Markup

I'm a firm believer in using as few HTML elements and classes as possible. I also really hate seeing empty elements that only exist to have styles applied to them, so I try to make sure that every... read more

SimpleCMS Part 2 - Images

In part 1 of this series, we went over the basics of reading and writing information in a database, effectively creating a very simple content management system (CMS).

Due to the overwhelmingly positive response, I've decided to continue building on this CMS. I'll be writing a series of tutorials to cover new feature additions to our CMS.

Also, due to helpful criticism from experienced programmers, I'll be trying to address security concerns that were not taken into account in the original tutorial, leaving the CMS vulnerable to attack. However, I don't claim to be a security expert, so if you see room for improvement, let me know in the comments!

Uploading Images

Images are one of the most important parts of any website, so what would our CMS be without the... read more

• «
• ‹
• 1
• ›
• »