Advertisement
Web Roundups

20 More Explosive Web Development Screencasts

by

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

    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. "

    View the Demo

    Watch Video

  • AJAX Refreshing RSS Content

    AJAX Refreshing RSS Content

    "In this screencast, we will use AJAX (with help from jQuery) to refresh that content without requiring a page refresh."

    View the Demo

    Watch Video

  • Douglas Crockford: Quality

    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"

    Watch Video

  • <br />
CSS/HTML Perfect Page Headers

    CSS/HTML Perfect Page Headers

    "Break out of the standard model of complicated single graphic headers, and take advantage of css, and transparency!"

    Watch Video

  • <br />
PNG-8 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."

    Watch Video

  • <br />
AJAX Definitions with jQuery and PHP

    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."

    Watch Video

  • Better Javascript Debugging in 15 Minutes

    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."

    Watch Video

  • Using CSS3

    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."

    Watch Video

  • Sortable Lists

    Sortable Lists

    "Creating drag & drop sortable lists is fairly easy using Prototype and the built in helper methods. See how in this episode."

    Watch Video

  • Simple jQuery Spy Effect

    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. "

    Watch Video

  • How to Build a Super Duper News Scroller

    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."

    Watch Video

  • How to Build a Login System for a Simple Website

    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. "

    Watch Video

  • Creating a Lifestream with Sweetcron

    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."

    Watch Video

  • An Intensive Exploration Of jQuery

    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."

    Watch Video

  • Introduction to MySQL

    Introduction to MySQL

    "In the following video I go over some basic MySQL theory."

    Watch Video

  • Playing With Light

    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."

    Watch Video

  • JavaScript: The Good Parts

    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."

    Watch Video

  • JavaScript: The Good Parts

    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."

    Watch Video

  • Using Blueprint CSS With Zend

    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."

    Watch Video

  • MIX09: Building High Performance Web Applications and Sites

    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."

    Watch Video


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!

Related Posts
  • Code
    Web Development
    How to Use New Relic With PHP & WordPressRelic retina preview
    Today we will look at how to monitor a PHP application using New Relic. More specifically we will set up a basic WordPress installation and get some performance data about it, in the New Relic dashboards.Read More…
  • Code
    Theme Development
    How to Pass PHP Data and Strings to JavaScript in WordPressPhp js 400
    It's good practice to put all your data in static strings in your PHP files. If you need to use some data in JavaScript later on, it's also good practice to put your data as data-* attributes in your HTML. But in some certain scenarios, you have no choice but to pass strings directly to your JavaScript code. If you are including a JavaScript library, and you've found yourself initializing a JavaScript object inside your header.php then assigning data to its properties, then this article is for you. This article will teach you on how to properly pass PHP data and static strings to your JavaScript library.Read More…
  • Code
    Creative Coding
    Using WordPress for Web Application Development: Rethinking ArchitectureApplication foundation 400
    In this series, we're in the process of talking about how we can build web applications using WordPress. And though this isn't a technical series in which we'll be looking at code, we are covering topics such as frameworks, foundations, design patterns, architectures, and so on.Read More…
  • Code
    Articles
    What Are You Using? - Nettuts+ Authors EditionCsaba
    I previously asked several top developers the following four simple questions: What's your primary development focus? What hardware are you using for development? Which editor or IDE do you use? What software can you not live without on a daily basis? The article generated a lot of interest and discussion about the tools the community is using which was really great! We love to motivate discussions with our topics. Well, this also motivated us to ask the question, "Why don't we post about what we, the Nettuts+ authors use every day?" So we did just that. We chose ten Nettuts+ authors and asked them the same four questions. And like before, you'll find the answers they gave below and hopefully discover some tools that could make your development much easier. Read More…
  • Code
    Articles
    Web Assets - Tips for Better Organization and PerformanceWeb assets retina preview
    Remember back to when we had to spend a lot of time optimizing our project's assets (images, CSS, etc..)? Well today, users have a much faster Internet connection and it appears that we can afford to use bigger images or bigger flash files with a lot of video and pictures inside. However, with the rise of mobile development, we are again back in that same situation. It is extremely important to create well optimized sites, so that we have faster applications, which download less content and respond immediately. Read More…
  • Code
    jQuery
    The State of jQuery in 2013Code
    A long time ago, in a galaxy far, far away, JavaScript was a hated language. In fact, “hated” is an understatement; JavaScript was a despised language. Consequently, developers generally treated it as such, only tipping their toes into the JavaScript waters when they needed to sprinkle a bit of flair into their applications. Some form validation here, an image slider there. Despite the fact that there is a whole lot of good in the JavaScript language, due to widespread ignorance, few took the time to properly learn it.Read More…