I spent yesterday afternoon creating a Chrome extension using Adnan Topal’s extractCSS library. I found extractCSS.com a few months back, I think via Hacker News, and thought it was a cool idea. It lets you paste a chunk of HTML code and it will extract the CSS classes, IDs, and inline styles used in that HTML. It produces a skeleton stylesheet with rules for those IDs and classes, and inline styles already filled in.

There are possibly a million tutorials out there about jQuery and menus, but there weren’t a million and one… until now! ;) I recently had cause to make a sliding drop-down menu for a project at work and thought I would write up how I did it. First off, check out the demo. The commented source code is below.

It may be useful to your visitors to know which links will take them off of your site without having to hover over all of them. It might also be a nice touch to mark links pointing to PDF documents, for example, with a little Adobe PDF logo. With the help of Javascript and CSS, you can do this pretty simply.

One of the easiest ways to keep your code easy to update, read, and debug is to keep it neat. That means indentation, documentation, consistency, and logic need to be applied. These are basics in any programming class, and they are just as applicable with coding HTML as they are with C++ or any other programming language.