We've all felt that haze that forms around your eyes when you're trying to study lines and lines of code from a written tutorial. After an hour or so, your eyes simply become too weakened to continue reading. That's why I'm such a huge fan of video tutorials. You can sit back and learn at your own pace. I've compiled a list of over thirty screencasts that are guaranteed to help you.
jQuery for Designers
-
Coda Slider Effect
"Although Panic didn't really invent the effect, the sliding panels on the Coda is great implementation of this effect. This article will pick apart the pieces required to create the effect, and how to better it."
-
Image Cross Fade Transition
"A frequent query and request I receive (and have myself) as a developer is: "how can I fade one image in to another?". In particular, Nathan Wrigley of pictureandword.com, needed a method one image into another mouse rolls over, and the slowly fade back once the mouse has left."
-
Image Loading
"This tutorial will show how to load images in the background, and once loaded handle the event and create your own response."
-
jQuery Tabs
"For this tutorial I have created two screencasts demonstrating how to quickly apply a dash of jQuery to different layouts of markup, which, if the markup is well designed, it will automatically degrade nicely without JavaScript enabled."
CSS-Tricks
-
Designing for WordPress: Part 1
"WordPress is a hugely popular CMS for blogging. The blog section of CSS-Tricks is run on WordPress and I am very happy with it. By popular request, we are going to walk through designing for WordPress."
-
Converting a Photoshop Mockup
In this three-part series, Chris will show you exactly how to convert a psd to html. This series is strongly recommended for those just getting into the field.
-
Designing a Unique Page for Twitter Updates
"I'll take you through the creation of simple webpage to display your recent ‘Tweets’ from Twitter from start to finish. This covers the design in Photoshop, to including the javascript stuff provided by Twitter to the markup, to the CSS to style the page."
-
Introduction to Google Analytics
"Google Analytics is a free service to track all sorts of information about the visitors to your website. I recently had a weird experience with the Analytics on CSS-Tricks, so I thought it would be a good time to introduce it to folks who might not already know much about it and also share that experience."
-
Google Search for Your Site
"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!"
NETTUTS
-
How to Dynamically Create Thumbnails
"In this week's screencast, I'll show you how to upload files and then have PHP dynamically create a thumbnail. Whether you're building an ecommerce site, or just a simply gallery, these techniques will absolutely prove to be useful."
-
How to Convert a PSD to XHTML
"I continue to be amazed by how well Collis's "Build a Sleek Portfolio Site From Scratch" tutorial continues to perform. It's been months, yet it still posts strong numbers every week. Considering that fact, I decided to create a screencast that shows you exactly how to convert a PSD into perfect XHTML/CSS."
-
Create a Photo Admin Site Using PHP and jQuery
"We'll be retrieving images from a database, creating a simple login form with authentication, and will then allow for our database to be asynchronously updated. Sounds good? If so, let's get into it."
-
How to Read an RSS Feed With PHP
"In today's video tutorial, I'll show you exactly how to do this using PHP. At roughly forty-five minutes in length, you might want to take a quick "pre-screencast bathroom break."
-
How to Search a Website Using ASP.NET 3.5
"In this screencast, I'll show you how to implement a simple search functionality into your personal website. We'll go over many of the new features in ASP.NET 3.5, such as LINQ and many of the AJAX controls that ship with Visual Studio/Web Developer."
SampsonVideos
-
Custom PHP Functions
"Functions are small snippets of code that can process information, update databases, email friends, or print data to the screen. PHP comes out of the box with hundreds of great functions to begin with, but in this video we will make some of our own!"
-
PHP Conditional Statements
"In this video we will cover commonly used statements like the if, if else, switch, etc."
-
Cookies in PHP
"Cookies are used to persist information over long-periods of time. Common uses contain things like "remember me" buttons on often-visited websites, or maybe setting your preferred language on an international website."
ASP.NET
-
How Do I: LINQ to SQL: Overview
"New language features for C# and VB support data access directly from code, without writing SQL. This video shows the minimum steps to use LINQ (Language Integrated Query) to query, update, add and delete rows from the Northwind database."
-
How Do I: Get Started with ASP.NET AJAX?
"Note that ASP.NET AJAX is included as part of .NET 3.5, so the installation part of this video is only relevant if you are using .NET FX 2.0."
-
Securing your Web Site with Membership and Login Controls
"In this lesson, you will explore the new membership capabilities of ASP.NET 2.0. In addition, you will learn about role-based security, and how you can use roles to control access to your web site."
-
Learn the Tips and Tricks of Experts
"View tips and tricks including encrypting sensitive information stored in the web.config file, posting content to a different page, simplifying complex URLs using URL remapping, and much, much more."
ThemeForest.net
-
jQuery for Absolute Beginners - Series
"I’m launching a daily video series that will teach you PRECISELY how to use the jQuery library in your own projects. We’ll start out by downloading the framework, creating our first function, examining syntax, and more. Every day, I’ll post a five-ten minute “training regimen” that expands on what you’ve already learned."
-
A Crash-Course in Regular Expressions
"To a novice web developer, regular expressions look like the most scary thing on the planet. Who could possibly dismantle such a block of code and decipher its meaning? Luckily, its bark is much worse than its bite. You’ll quickly find that regular expressions are rather straight-forward and easy to understand - once you learn the syntax. "
-
How to Create a Contact Form Using PHP and AJAX
"I noticed a thread on the forums that discussed exactly how to implement a working contact form into a site template. So I thought to myself, “What better way to demonstrate the process than with a screencast!” "
Killer Sites
-
Installing WordPress
"I’ve put my videos where my mouth is, and created a batch of video tutorials on Wordpress. I hope you’ll find them useful."
-
Why learn Object Oriented PHP
"People run into confusion when programming because of some lack of understanding of the basics. With this in mind, we are going to slowly go over key OOP principles while creating our own PHP objects. With this knowledge, you will be able to explore OOP further."
Ruby on Rails
-
Creating a Weblog in 15 Minutes
"In 15 minutes, we go from scratch to complete weblog engine: with comments and an administrative interface. But since the actual application only took 58 lines to complete, we also have time left over to do unit testing, examine the logs, and play around with the domain model. "
-
Putting Flickr on Rails
"Ruby on Rails is not just for playing with your local database, it's for taking on the web. So in 5 minutes, we create a web-based search engine for Flickr using their public API with all the fades and glamour of Ajax."
-
Evolving your Database Schema Without a Sweat
"Before you know it, you'll have data that you care about in your application. Which makes adding, removing, or changing the schema an error-prone, time-consuming, and frustrating process. That is, unless you're using Ruby on Rails. In 20 minutes, you'll learn all about how database migrations can make your schema as flexible as your code with no fear of data loss."
Django
-
Django From the Ground Up
"Django From the Ground Up is a series of screencasts that walks through the entire process of building a web application with Django."
-
Setting Up a Django Development Environment
"In this episode I show a simple way of setting up a Django development environment. It covers installing Django, installing a reusable application, and setting up a personal toolbox of utilities."
PSDTUTS
-
Web 2.0 Footer in Photoshop
"Since Web 2.0 hit the internet, footers have become more important than ever, and there has been some great looking work done downstairs. In this tutorial I'll show you how to produce a sleek looking site footer in Photoshop - Daniel Lopes"
Any that I missed?
- Subscribe to the NETTUTS RSS Feed 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 )Jhay November 20th
Awesome!
( )Hayden November 20th
Love the eye ball pictures…
Anyway there is a wealth of info here. Nice collection!
( )insicdesigns November 20th
nice list! thanks for sharing. Ruby screen cast is great.
( )wlei June 30th
hello! yeH!
( )neokain November 20th
thank you.
( )Roshan Bhattarai November 20th
another great list…….I love jqueryfordesigners.com ……a great place for jquery lovers…..
( )Mark November 20th
Very nice list! It will take me some time to go through all of them, but that’s a good thing. Very good thing indeed.
Thank you!
( )Paul Davis November 20th
I must say, the jQuery for beginners would be most useful. =]
( )mike November 21st
An essential Ruby on Rails screencast website is:
http://railscasts.com/
( )highblood November 21st
AWESOME LIST!
( )dan whitmore November 21st
Superb list!
Thanks JW.
( )yusuf1 November 21st
nice list cheers mate.
( )Keith November 21st
Very Useful, thanks!
( )Rian November 21st
haha..Now i’m your new fans Jeff..
Thnks for the lists..it’s more easy to understand with video than read(I’m a lazy person^^)
Jeffrey Way – NETTUTS and Chris Coyier – Css-tricks(You guys ROCK!!)
Thnks for sharing your knowledges..
( )Jarod Luebbert November 21st
Such an awesome collection of information! Thanks guys.
( )Aditya Sanghi November 21st
I think the RubyOnRails video by DHH, is obviously a classic.
( )A single screencast that launched several careers and businesses and arguably a sub-industry. Definitely deserves to be on any historic screencast list. However, it is rather old, in terms that Rails has moved on considerably since the screencast was made. The other two screencasts from rubyonrails.org you picked don’t really match up. You shouldve considered screencasts from Peepcode.com (they’re $9 each but they are an investment), screencasts from Railscasts.com (Ryan Bate’s weeklies are lucid, to the point, crystal clear, extremely useful and free to boot, i’d pay for them!). Additionally there are Screencasts from Rails Envy guys over at Envycasts.com which are great too, though some of them are not free. Lastly, Screencasts from Pragmatic Programmers are quite nice too, but not free.
Harry M November 21st
great list!
( )Shane November 21st
Do you ever sleep Jeff? A great list.
A couple more for CodeIgniter:
http://codeigniter.com/tutorials/
( )Rafael Nascimento Sampaio (ooredroxoo) November 21st
Tnks, hey there are a way to get this feeds of your site in my email? I’m gmail user.
( )Rishi Luchun November 21st
Great list
( )Thanks
sLn November 21st
Another night without sleep, and this all because of You!
Deam great list…
thx
( )kiran November 21st
Nice list.Thanks for the tips.
( )Amr Tamimi November 21st
ooh,
( )Love this list….
BTW I’m in love with RubyOnRails <3 hahah!
Paul Webb November 21st
Whoah. It’s a good thing I’m sick and can’t work today, I’ve got a lot to learn, LMAO [and I can get my packages from UPS]. Thanks for all the video links!
( )ashvin November 21st
Who need books? :p
( )Ben Blogged November 21st
Nice List Jeffrey
( )David Parker November 21st
If you really like Rails Screen casts, I’d check out Ryan Bate’s free screencasts:
http://railscasts.com/
Also, for paid screencasts, you can’t beat Geoffrey Grosenbach’s peepcode:
http://peepcode.com/
No, I have no affiliation with either. They just make awesome screencasts.
( )tim November 21st
Nice article
( )Olafur November 21st
Great list. Keep it up !!
( )Dave November 21st
Great set of links .. Thanks
( )Aaron Irizarry November 21st
Great list… lovin the eyeball shots.
( )Sierra Inman November 21st
This is perfect, thank you for putting this out here, please more, more, more!
( )Chris November 21st
Nice =) Thanks for the shout out as usual Jeffrey. The reason I make the screencasts is because I like watching other people so much!
( )Darren November 21st
Great list again Jeff!
( )Jason November 21st
Thank you for taking the time to compile such a helpful list of resources! Most of the time designers learn visually, and this is a perfect way to address that!
( )Jared November 21st
Can’t seem to get to jqueryfordesigners.com for any of the linked content. Anyone else having the same issue?
( )curtis allen November 21st
Great list
( )Duncan Krebbers November 21st
@ Jared
Same problem here.. too bad, because the list looks great!
( )Jeffrey Way November 21st
I think the site is just down temporarily. It’ll go back up soon.
( )Andrew Noble November 21st
This is radder than rad
( )pixelsoul November 22nd
Very nice compilation.
( )Andrew Pryde November 22nd
Looking good
Andrew
( )Takumi86 November 22nd
I have save some of those script for later use, thanks please keep posting this stuff
( )Brendan November 23rd
Some great stuff here, only recently come across this site whilst searching for some CSS guidance! Will pass it on to fellow class mates!
( )kareem November 23rd
this is wonderful tutorial i will put acopy of this lesson on
( )my site here
http://www.as7ap4you.com
Will November 23rd
Amazing list. Thank you very much!
These compilations are awesome. More, more moar !
( )Jarryd November 23rd
Some really nice stuff that I didn’t even know existed on this site!
( )chris simpson November 24th
great list, love your screencast series over at theme forest.
( )yaofong November 24th
superb work!
( )so many useful tutorials for me,thanks!
Jonas November 24th
If you’re thinking about playing around with Django/Python and you haven’t tried it before, don’t begin by watching the Django screen casts above. They are way too advanced. Setting up a Django development environment on your local machine and starting projects is a lot easier than what you’ll see in those screen casts. My advice is to read the official Django tutorial at http://docs.djangoproject.com/en/dev/intro/tutorial01/ .
( )Melvin Walls November 24th
Great list of screen casts.
( )I like the ones over at css-tricks and theme forest.
Keep it up!
Michael Arnaldo November 26th
My gosh. I have found my new home for the next few months. YOU GUYS ROCK!
( )mohan November 27th
nice tutorials.good work and i got enough about PHP…keep rocking..
( )Cam November 28th
Nice
( )John Dangerous December 1st
Man, If I only found this post 6 hours ago I would have a lot more hair on my head. Thanks for the useful info.
( )Dreams December 1st
Dang, these are nice. All this work is really pushing the front of video educational clips of web development to the next level. I wished my computer class back in the day was this interesting.
( )pat December 8th
users should realize that all rails tutorials there, although great and truly instrumental in the success of rails, are a version old. browsing through the rails site should lead them to some other screen casts which will actually be relevant at this point
( )EZ Computers December 14th
These could be very useful, thanks!!
( )Time to get watching
Web Development India December 22nd
Thanks for this article. Very effective screen shots for attractive website. i am going to bookmarking this URL.
( )yann January 2nd
I think eye-opening screencasts need to be well done as well (Jeffrey style) to be in this list. however the one about OOP in PHP is way too boring !
( )Calvin Gilbert January 13th
Great collection, very helpful.
( )KillGuta March 25th
Bookmark’d! Great for newbie beginners like me
!
( )nev April 28th
funny i have never got into screencast
( )rat32 August 14th
good to read such knowledge
( )