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"
"Yahoo! JavaScript Architect Douglas Crockford provided the anchoring keynote for Yahoo!'s annual internal web-development conference. The subject of the talk is "Quality"
-
CSS/HTML Perfect Page Headers
"Break out of the standard model of complicated single graphic headers, and take advantage of css, and transparency!"
-
PNG-8 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."
-
Better Javascript Debugging in 15 Minutes
"I have created a 15 minute screencast that will show you how to Debug JavaScript with Firebug. I cover a number of concepts such as using the console, interactive debugger and timer features of the Firebug extension for Firefox. If you haven’t tried Firebug yet, I’m sure that this screencast will convince you to make it a part of your JavaScript coding workflow."
-
Using CSS3
"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."
-
Sortable Lists
"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."
-
JavaScript: The Good Parts"
"Douglas Crockford provided a keynote talk for the 2007 Konfabulator Developer Day yesterday. His talk was entitled “Javascript: The Good Parts” — a topic of interest to Konfabulator hackers, much of whose work is done in JavaScript."
-
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
"Learn how to improve your Web application performance in the browser by avoiding common pitfalls in JavaScript, CSS, and HTTP caching techniques."
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 to the NETTUTS RSS Feed and follow us on Twitter for more daily web development tuts and articles.
Related Posts
Check out some more great tutorials and articles that you might like
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.
User Comments
( ADD YOURS )Marko April 30th
This is one very nice roundup. Thanks Jeffrey.
( )Cyberomin April 30th
Jeff, thanks for all your screencast, i have learnt a great deal from them all
( )Sirwan April 30th
Screencasts are the best
( )lawrence77 April 30th
Thanks Jeffrey, we understand those screencasts more than a text-image based tutorials….
thanks….
But in twitter u ask, non-nuttus screencasts, but here I see 2 nettuts screencasts?
( )Anyway I enjoyed the post!
Jeffrey Way April 30th
Yeah – I had to cheat a bit. You’d be surprised how hard it was to find twenty web dev screencasts (on top of the previous 30).
( )yoosuf April 30th
lawrence77 April 30th
nice cheat!
Meshach April 30th
TBH I couldn’t care less if he cheated because I love nettuts+ screencasts!
lawrence77 April 30th
TBH me too
especially i’m a fan of jeffreycast i.e., his screencasts! 
Jeffrey Way April 30th
You guys are too nice.
lawrence77 May 1st
thanks Jeff and u too tooooooooooooo nice!
to all!
Saro May 1st
Actually i love text based tutorials as well, and they sometimes work faster then screencasts for me.
( )lawrence77 May 1st
you are so correct Saro!
But watching is much easier than reading a big tut!
Ex: Watching harry potter movie is much better than reading that novel!
kreativeKING April 30th
Nice roundup, and one of my submissions made it through, woot.
( )Mexx April 30th
HI jeff, thanks for that detailed screencast summary!
@lawrence77: Jefffrey probably knew the screencasts on his site already
( )lawrence77 April 30th
his site not his working site
But after jeffrey coming to nettuts only, nettuts goes to up!
so probably his site only!
U are a pilot? ur gravatar is nice!
( )Rahul April 30th
Impressive collection of web development screencasts.
( )Jim April 30th
Wow, what a list! I know what I’ll be doing today.
( )wayno007 April 30th
Great collection, Jeff. I’m looking forward to diving into these.
( )suman April 30th
nice collection and i loves whenever you comes with something. looking for some smashing design conversion to xhtml.
( )Flash Tutorials - The Tech Labs April 30th
Hey, Awesome collection! Publish more like these!
( )Shibi Kannan April 30th
Awesome collection. Just what I wanted to refresh my current knowledge. We expect more such exciting screen casts.
( )Myfacefriends April 30th
this is awesome! very useful! thanks.
( )crysfel April 30th
im going to watch the Douglas Crockford screencasts
thanks
( )chrisberthe April 30th
‘Better Javascript Debugging in 15 Minutes’ not working *sniff*
( )Tom May 1st
Hi Chris– it’s working now (switched hosts today!). Please try again and I hope you get a lot out of it.
( )chrisberthe May 1st
Great
Tim April 30th
Again, awesome list. Thanks.
( )Taylor Satula April 30th
Good series, ill check it out when i get home ( On win 98 ie5 no flash player ). But from the glances they look so good
( )Wordpress Themes - WPDONE April 30th
Impressive list. Amazing! Thanks
( )Meshach April 30th
Nice compilation, thanks Jeffrey.
( )Franky April 30th
Very Nice.
( )Bryan Kwon April 30th
many of these screencasts are a must!!
( )Osah April 30th
Hey Jeffrey could you make a screencast how to use Ajax Comet — That is where Ajax constantly checks for example your database for anything new and updates it its like a loop or something….
Mibbit (the IRC Chat Ajax client uses Comet method)
Gtalk also
just curious because i want to make a web app where it checks for new input from database every second and unsure how to do it i was told on irc in jquery channels to use ‘Comet’
( )Rahul Chowdhury April 30th
Great Tutorial man, really helpful for everyone out here. The effects are fantastic!
( )Martyn Web May 1st
Thanks for making my life easier,
There are some really nice tutorials here, I reckon I’m going to check out the ‘How to Build a Login System for a Simple Website’.
Cheers
( )MIKE May 1st
a New improved roundup
( )Pritam May 1st
cool..
( )tawfekov May 1st
Jeff
( )this collection is amazing ……………
thank you
R Jarrett May 2nd
@jeff I wonder if you would mind putting the link you will be sending us to somewhere in the description you write. That way I can choose NOT to follow one like “perfect headers” above to “sampsonvideos.” I don’t know what the guy is inflicting on my machine when he loads but I had to ab-end (cntl-alt-del) in order to get it off my screen. Having to endure the guys advertisement popups center screen every 2 min throughout, and his adolescent personality just isn’t worth the basic stuff he explains.
He’s no where near the quality that your web authors are (which makes me appreciate ya’ll even more)
( )Gene May 3rd
amazing list.. thanks!
( )anonymous May 3rd
That firebug video is so old I am afraid it is useless.
( )KAMAL May 3rd
Nice post..thanks.
( )zik May 4th
Thanks for sharing Jeffrey !
( )creacion paginas web May 6th
impressive collection.. many thanxs!!!
( )diseño web May 6th
im going to Building High Performance Web Applications and Sites
( )emonweb May 7th
i like to thank all ppls behind such an awesome resource site. all contents are in high quality, super super helpful. an one stop place for everything regarding web development and such manias, methodologies and best practices.
( )Module23 May 25th
Thanks for sharing this great collection. Bookmarked for further use!
( )