Categories / CSS

Create a fancy web form with field hints using only CSS3

CSS3 tricks have been pretty popular in the last while on various design blogs and with good reason. Like many of you, I've caught the CSS3 bug and this afternoon I took a stab at this nifty little method of adding hints to your form fields (as well as some fancy style enhancements) using CSS3. The cool part is you don't require Javascript for the form field hints. Here's a demo and run down of the code used.

CSS3-only horizontal drop line tab menu

Recently, Web Designer Wall posted this really cool tutorial on creating a dropdown menu using only CSS3 (no javascript). Not being one to just sit back and let things sit as is, the approach inspired me make a variation. The result, however directly derivitive, is this horizonatal drop line menu based on a variation of WDW's tut.

5 Simple Horizontal CSS Menus

I thought I'd take the opportunity to build a few examples of straight-forward CSS menus, from the basic block style to CSS3 to CSS sprites. For advanced designers, this is pretty simple stuff but is a handy reference for budding professionals.

Dynamic navigation with PHP & CSS

One of the key approaches to web site navigation is to make sure your users know where they are moving around your site. One way to achieve this is to highlight the appropriate menu item for the page the user is on. This is easily done with a little CSS and PHP and can be put together in less than fifteen minutes.

This is your Captain speaking

Hi, my name's Fred and I'm a web designer & developer from Ottawa, Ontario. I specialize in front-end development and the user experience but also enjoy server-side development, SEO, social media and supporting my peers in the community.

Follow me on Twitter
Call me on Skype

Recent additions to the Community