Category Archives: css

Simple Vertical Tabs

Posted on September 19, 2010 by rcravens

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 expanding sub options. … Continue reading →

Posted in css, html, jQuery, web | 1 Comment

A Rubber Band Selection Highlight Box For The Web

Posted on August 1, 2010 by rcravens

I recently released a web presentation framework that includes a handy highlighting feature. Below is a video of the highlighting feature in action. flowplayer(“player”, “http://bobcravens.com/vids/flowplayer/flowplayer-3.2.2.swf”, { clip: { url: “http://bobcravens.com/vids/rubberband/rubberband.mov”, autoBuffering: true, autoPlay: false } }); I also provided a … Continue reading →

Posted in css, html, jQuery, javascript | Leave a comment

Web Talk – A Framework For Web Based Presentations

Posted on July 18, 2010 by rcravens

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 Point deck and … Continue reading →

Posted in css, html, jQuery, javascript, preso | 1 Comment

Create Natural Gradient Backgrounds For The Web

Posted on June 11, 2010 by rcravens

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) with primary colors. … Continue reading →

Posted in css, design, html, web | Leave a comment

Building A Web App – A Scrolling News Region

Posted on February 13, 2010 by rcravens

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 3: Page Header … Continue reading →

Posted in asp.net, css, html, jQuery, mvc | 2 Comments

Use Transparent Pixels To Create A Web Page With Pizzazz

Posted on February 6, 2010 by rcravens

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 screen shots: I … Continue reading →

Posted in css, jQuery, paint.net | 1 Comment

Drop Down Menu with HTML, CSS and jQuery

Posted on December 6, 2009 by rcravens

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 you mouse over … Continue reading →

Posted in css, html, jQuery | 1 Comment

Fancy <blockquote> Tags In Less Than 5 Minutes

Posted on November 1, 2009 by rcravens

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 effect that we … Continue reading →

Posted in css, html | 1 Comment

ASP.NET MVC Contact Form

Posted on August 9, 2009 by rcravens

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 off of your … Continue reading →

Posted in .net, asp.net, css, html, jQuery, mvc | 5 Comments

Three State Rollover Buttons Using A Sprite

Posted on July 19, 2009 by rcravens

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 to accomplish a … Continue reading →

Posted in css, html, web | 2 Comments