This screencast walks through the code that powers a fairly advanced web form. It utilizes jQuery to hide and show inputs as needed as well as power three plugins. [url=http://css-tricks.com/video-screencasts/62-advanced-form-styling-functionality/]See original article[/url]

My technique for building print stylesheets goes like this. 1) Start from scratch 2) Leave most defaults alone 3) Eliminate every thing on the page you don’t need with display: none; 4) Put page-breaks where appropriate. [url=http://css-tricks.com/video-screencasts/52-building-a-print-stylesheet/]See original article[/url]

There are a handful of CSS attributes that can be combined into a single attribute for coding brevity. I endorse the use of CSS shorthand whenever possible. It saves space and makes code more readable. In this screencast I introduce all of the common ones and go over a few gotchas that can happen when using them. [url=http://css-tricks.com/video-screencasts/47-css-shorthand/]See original article[/url]

Z-index can be a little confusing sometimes. In this screencast I attempt to explain how it works, how it’s tied to positioning, some quirks, and some general advice. [url=http://css-tricks.com/video-screencasts/40-how-z-index-works/]See original article[/url]

Starting off where we left off last time, we continue exploring the possibilities of jQuery. We revisit some of the old functions and make them do some smarter things. We explore a simple variable and an IF/ELSE statement. Then we look at the AJAX-y .load() function, the CSS function, and then finish off by writing out own custom function and going over how that layer of abstraction can help us keep our code clean. Semantics counts in JavaScript too! [url=http://css-tricks.com/video-screencasts/35-intro-to-jquery-2/]See original article[/url]

Here are FIVE different techniques you can use to create rounded corners for boxes on a website. There are always different ways to do things with CSS and rounded corners is a great example of that. Each of these five techniques has advantages and disadvantages. Knowing all of them so you can choose the perfect one in each situation is the kind of thing that makes you the best CSS ninja you can be! [url=http://css-tricks.com/video-screencasts/24-rounded-corners/]See original article[/url]

Integrating search on a website can be an incredibly complex subject far beyond my web development skills. Fortunately, Google offers a service called “Custom Search Engine” which you can integrate right into your own site. This leverages Googles awesome search power, and it can all happen directly on your own website! [url=http://css-tricks.com/video-screencasts/29-google-search-for-your-site/]See original article[/url]

Google maps, with all the dragging and zooming and satellite view and all, is my mapping service of choice. Google offers an free API for their maps so you can integrate them right onto your site. Set you own default location, zoom level, widgetry. Even add your own markers with custom balloons. Remember though, if a map and directions are vital to your site, nothing beats some “plain English” directions. [url=http://css-tricks.com/video-screencasts/34-integrating-and-customizing-google-maps/]See original article[/url]

As the title suggests, this video is the VERY basics of what HTML and CSS is, for the absolute beginner. [url=http://css-tricks.com/video-screencasts/58-html-css-the-very-basics/]See original article[/url]

The popular javascript library jQuery is an amazing way to extend the design possibilities of your site beyond what CSS can do. But luckily, if you are already comfortable with CSS, you have a huge head start in jQuery! This is a very basic introduction to including jQuery on your web page and getting started writing a few functions. [url=http://css-tricks.com/video-screencasts/20-introduction-to-jquery/]See original article[/url]