Videos
#66: Table Styling 2, Fixed Header and Highlighting
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 …
#65: Advanced Uses for Custom Fields in WordPress
More than any other single feature, what makes WordPress a CMS (as opposed to just a blogging platform) is custom fields. Custom fields are chunks of data that travel along …
#64: Building a Photo Gallery
This photo gallery will automatically build itself from a directory of images, including sub-directories and the images inside them. Images open in a nice looking jQuery lightbox.
Links from Video:…
#63: On Screencasting
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 …
#62: Advanced Form Styling & Functionality
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. One …
#61: Basic Table Styling with CSS
Tables are great. They are perfectly suited for use on the web. That is, for displaying tabular data! In this screencast we’ll cover what that actually means, take a look …
#60: AJAX Refreshing RSS Content
In video #55 the end result was the FeedSmusher, which inserted content from external RSS feeds onto a page of our own. In this screencast, we will start there and …
#59: Embedding Audio
Putting an image on a webpage is easy, audio files, not so much. HTML5 will make it as easy as it should be, but until then, we have to resort …
#58: HTML & CSS – The VERY Basics
This video is the VERY basics of what HTML and CSS is, for the absolute beginner. HTML and CSS files are, quite literally, just text files. You don’t need any …
#57: 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 …
#56: Integrating FoxyCart and WordPress
FoxyCart is a very adaptable eCommerce system. Products are built on-the-fly as part of add to cart buttons that are just simple HTML. This means that you can integrate it …
#55: Adding RSS Content with SimplePie
The “Really Simple” part of RSS is sometimes misleading. What if you want to pull in content from an RSS feed and display it on your site? Doing that from …
#54: Introduction to FLIR
FLIR (Face Lift Image Replacement) bills itself as an “alternative to sIFR”. They are definitely in the same category. sIFR has some extra functionality, but is relies on more technology …
#53: Customizing PayPal Forms, Buttons, and Headers
PayPal, love it or hate it, is easiest way to send and receive money online. In this screencast we go through how to create a Buy Now button, which uses …
#52: Building a Print Stylesheet
My technique for building print stylesheets goes like this. 1) Start from scratch 2) Leave most defaults alone 2) Eliminate every thing on the page you don’t need with display: …
#51: A Lesson Learned in Accessibility
Even when designing with our best intentions toward accessibility, it often takes someone who really uses accessibility software to test the site and help us get the details right. The …
#50: Building a Customized and Dynamic Ordering Form
Real-life clients have real-life needs for their websites. They don’t care about your fancy RSS feeds and AJAX, they just want their website to do what they tell you they …
#49: Hodgepodge of Photoshop Tricks
Photoshop is my tool of choice in designing for the web. I liken it to choosing the guitar as an instrument to play. A guitar sounds great alone and there …
#48: Skinning phpBB
Creating a completely custom theme for the popular forums software phpBB would be a monster job. Fortunately, to get up and running quickly, we can simply wrap a default installation …
#47: CSS Shorthand
There are a handful of CSS attributes that can be combined into a single attribute for coding brevity. I endorse the use of CSS shorthand whenever possible. It saves space …