Tutorials on Web Design

Video Screencasts

#109: Getting off FTP and onto Git Deployment with Beanstalk
Running time: 25:57
I take my own personal website and move it to a local dev environment, then make a Git repository on Beanstalk which deploys via FTP. This workflow is superior in all ways to "going commando".
#108: Using Chartwell
Running time: 15:37
Chartwell is a font you can use on the web or in desktop apps that makes building pie charts, line graphs, and bar charts extremely easy.
#107: LiveReload, a Menu Bar App for Preprocessors and Speedy Developement
Running time: 10:59
LiveReload is a menu bar app for the Mac that watches folders for you and preprocesses the files for you, then reloads the browser window for you, speeding up development.
#106: Use BrowserStack for Live Web-Based Cross Browser Testing
Running time: 7:35
BrowserStack is the holy grail of cross-browser testing. Test in real live interactive browsers. Your own virtual machine pumped right through the web for you to see and use.
#105: Using SpriteCow
Running time: 21:46
An example of creating your own sprite image and using SpriteCow to help with the CSS.
#104: Quick Tip: Use Dropbox to Make a Public URL for Anything
Running time: 1:57
Even if you are developing locally, or working on a site that is otherwise not public, you can get a quick public URL for it by saving it out from the browser and chucking those files into your public Dropbox folder.
#103: Integrating FitVids.js into WordPress
Running time: 20:58
Generally, fluid width designs don't handle embedded video very well, especially videos from popular sharing sites like YouTube where the copy and paste code specifies exact pixel sizes. In this video we use the jQuery plugin FitVids.js to fix that.
#102: Braindump on Responsive Web Design
Running time: 25:50
In which I show and explain the very basics of what "responsive web design" has come to mean. Then I go all over the place and show examples, related resources, relevant people, tips and tricks, and more.
#101: Let’s Suck at GitHub Together
Running time: 18:25
Even a couple of dopes like us can manage to get a project onto GitHub. And that's most of the battle. Once it's there, there are all sorts of advantages.