Months ago, we posted a popular resource for 30 eye-opening screencasts. As a result of the success of that particular article, we're back with twenty more web development video tutorials that should prove to be as equally helpful in your quest to become a web development ninja.
jQuery Look: Tim Van Damme
"Jonathan Diba writes to ask how the effects are achieve on Tim Van Damme’s portfolio site, referring to Tim’s site as one of the most compelling site design he’s seen.
The two key effects Tim is using are a simplified accordion and a hover effect. It’s worth noting that the hover effect only works in WebKit (Safari & Chrome), but I’ll show you how to create the effect using jQuery too. "
AJAX Refreshing RSS Content
"In this screencast, we will use AJAX (with help from jQuery) to refresh that content without requiring a page refresh."
Douglas Crockford: "Quality"
CSS/HTML Perfect Page Headers
"Break out of the standard model of complicated single graphic headers, and take advantage of css, and transparency!"
"Inspired by a comment on my previous blog post titled, PNGs, PNGs, and more PNGs I have decided to record a 15 minute screencast to show you how to use PNG-8 for transparency."
AJAX Definitions with jQuery and PHP
"In this lesson we will create a sweet-action AJAX Definition retriever with jQuery and PHP - leeching definitions from the ever-wise Google of course."
"The latest wave of web browsers have pretty decent support for a variety of CSS3 stuff. Particularly Safari 4 and Firefox 3.1. This screencast covers many of the techniques now possible, focusing on the ones that can be used for progressive visual enhancement."
"Creating drag & drop sortable lists is fairly easy using Prototype and the built in helper methods. See how in this episode."
Simple jQuery Spy Effect
"A few years ago Digg released a very cool little visualisation tool they dubbed the Digg Spy (it’s since been upgraded to the Big Spy). Recently Realmac Software released the site QuickSnapper to accompany LittleSnapper. "
How to Build a Super Duper News Scroller
"This week, we’ll learn how to combine PHP, SimplePie, and jQuery to build a simple news scroller widget for your website. It’s much easier than you might think; so let’s begin."
How to Build a Login System for a Simple Website
"In today’s video tutorial, we’ll be building a login system with PHP and MYSQL. Many, many features will be covered; including MySqli, Prepared Statements, jQuery, Classes, Sessions, Cookies, etc. I bit off more than I could chew for today’s screencast. So, I’ll be creating a Part 2 in the next couple of weeks in order to improve our system even further. "
Creating a Lifestream with Sweetcron
"Kicking off an exciting new screencast series here on Nometech, we’re going to be creating a ‘custom lifestream’ with Sweetcron."
An Intensive Exploration Of jQuery
"The following video and slide show is my presentation: An Intensive Exploration Of jQuery With Ben Nadel. The presentation covers most aspects of the very robust feature-set provided by the jQuery library."
Introduction to MySQL
"In the following video I go over some basic MySQL theory."
Playing With Light
"I took a few minutes today to talk about something I've been doing with my design work as of late: playing with light to add depth and texture to a design. In this 7 minute and 19 second screencast, I look at layering elements using gradients and the use of white or black as a way to add light or shadow to a design within Adobe Fireworks."
Hodgepodge of WordPress Tricks
"It’s WordPress Week here at CSS-Tricks, so I wanted to so a WordPress-themed screencast and cover a lot of mini-tips that haven’t made it into previous WordPress screencasts."
Using Blueprint CSS With Zend
"This video looks at the HeadLink view helper and how blueprint can easily be integrated into an existing zend_layout."
MIX09: Building High Performance Web Applications and Sites
So what is the moral of this story boys and girls? Well - volcanoes have absolutely nothing to do with web development; but they sure are fun to look at.
Know of any fantastic screencasts I missed? Leave a link via the comments for the rest of us!
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.Update me weekly