css Archive

Simple Vertical Tabs

There are really two main ways (or a combination of them) to display menus on your web page: horizontally or vertically. Some sites have a combination of the two. For instance a main horizontal menu with vertically

A Rubber Band Selection Highlight Box For The Web

I recently released a web presentation framework that includes a handy highlighting feature. Below is a video of the highlighting feature in action. I also provided a ‘bookmarklet’ that you can save to enable this feature on

Web Talk – A Framework For Web Based Presentations

I recently was given the opportunity to present at a conference. The conference is targeting web developers / designers. I wanted my code (HTML, CSS, and JavaScript) to be functional. It seemed that transitioning between a Power

Create Natural Gradient Backgrounds For The Web

It is very common to use background colors to add a bit of design flare to a web site. In the ‘80s, sites seemed to be either black & white or designed (I use that term loosely)

Building A Web App – A Scrolling News Region

Note: This post is a continuation of a series of posts on the design and development of a web application for a non-profit organization. Previous Posts: Part 1: Securing Web Presence Part 2: High Level Design Part

Use Transparent Pixels To Create A Web Page With Pizzazz

Recently, Chris Coyier (@chriscoyier) tweeted the following… The site does indeed have some really nice utilization of jQuery. They also have a background that changes color as you click through their menu system. Here are a few

Drop Down Menu with HTML, CSS and jQuery

I am working on a website for my wife’s non-profit. We were discussing various navigational menus and decided upon a drop down menu. A drop down menu displays a horizontal row of top level menu items. As

Fancy
Tags In Less Than 5 Minutes

During this post we will explore using CSS to style the HTML <blockquote> tag. The <blockquote> tag is used to define a long quotation. This is content that your design should emphasize in your web page. The

ASP.NET MVC Contact Form

I’ve been meaning to add a contact form to the bobcravens.com web site to allow visitors an easy way to send me email. Besides the convenience to visitors, contact forms allow you to keep your email address

Three State Rollover Buttons Using A Sprite

Many times on a web site you will want to have a button have three distinct visual states: normal, active, and hover. This is easily accomplished using HTML and CSS. This post will provide the details necessary