Tutorials on Web Design
Video Screencasts
- #80: Regarding Wheel Invention
- Running time: 19:09
- Sometimes "reinventing the wheel" is the right way to go. You get control and all the learning that goes into it. Sometimes it is a waste of time and an existing solution will save you time, money, frustration, and it may do a better job.
- #79: Complete/Non-Queuing Animations with jQuery
- Running time: 19:38
- We look at some ways we can ensure that an animation that occurs on a mouse hover completes a full cycle without stopping short or queuing up.
- #78: On Web Advertising
- Running time: 45:19
- What services are out there to use, which ones I use, and why I don't have any problem with online advertising.
- #77: Styling an Individual Article
- Running time: 41:15
- Web design can learn a lot from print design, where individual articles are styled to meet, enhance, and better serve the content. I do this on my personal site using WordPress and the Art Direction plugin.
- #76: A Tour of jQuery on a Live Site
- Running time: 38:33
- I walk through a real website we just launched at work and show off how jQuery is used in all sorts of different capacities. From small embellishments to larger interactive areas to core functionality.
- #75: How Not To Design a Checkout
- Running time: 11:17
- A bit of a venting session as I struggle through a checkout process.
- #74: Editable CSS3 Image Gallery
- Running time: 42:02
- A photo gallery is built with fun visual flairs via HTML5, CSS3, and jQuery. Then made editable with PageLime.
- #73: Building a Website (3 of 3): WordPress Theme
- Running time: 50:59
- This is part 3 of this series on building a website, we take the HTML/CSS we already have created and convert it into a WordPress theme.
- #72: Building a Website (2 of 3): HTML/CSS Conversion
- Running time: 01:11:10
- This is part 2 of the three part series on building a website. In this episode, we take the Photoshop file we have done and slice it up into HTML/CSS.
- #71: Building a Website (1 of 3): Photoshop Mockup
- Running time: 59:50
- This is part 1 of a three part series on building a website from scratch. In this first episode, we start from absolute scratch in Photoshop and design the web layout.
- #70: Random Pet Peeves
- Running time: 30:55
- I just randomly go through some little annoyances and gripes I have with everything from OS X to Photoshop to WordPress to CSS.
- #69: First Ten Minutes with TypeKit
- Running time: 13:42
- Implementing nice custom fonts incredibly quickly with the brand new TypeKit.
- #68: Think Geek Background Fade Technique
- Running time: 22:19
- Robots, Zombies. Robots.... Zombies..... It's just CSS!
- #67: jQuery Part 3 – Image Title Plugin
- Running time: 33:56
- Goes through the process of creating a versatile and expandable jQuery plugin from an existing idea and code.
- #66: Table Styling 2, Fixed Header and Highlighting
- Running time: 26:26
- Just a couple of quick tricks, from scratch, on coding up tables. We use the proper semantic tags for a table header and then set it to a fixed position so when scrolling the table the header is always visible. Then we implement row AND column highlighting with a bit of semi-clever JavaScript.
- #65: Advanced Uses for Custom Fields in WordPress
- Running time: 47:48
- More than any other single feature, what makes WordPress a CMS (as opposed to just a blogging platform) is custom fields. Learn how to use them to do expand your WordPress theme design skills.
- #64: Building a Photo Gallery
- Running time: 23:10
- This photo gallery will automatically build itself from a directory of images, including subdirectories and the images inside them. Images open in a nice looking jQuery lightbox.
- #63: On Screencasting
- Running time: 37:43
- This is somewhat of a behind the scenes look at how I create and distribute the screencast. I go over the hardware and software I use, how it gets stitched together, and the sizes/formats it gets put into and why.
- #62: Advanced Form Styling & Functionality
- Running time: 41:24
- This screencast walks through the code that powers a fairly advanced web form. It utilizes jQuery to hide and show inputs as needed as well as power three plugins.
- #61: Basic Table Styling with CSS
- Running time: 41:17
- This screencast goes over when tables are appropriate in web design, the markup that creates them, things you should know about them, basic styling with CSS, and a little jQuery bonus stuff.