Tutorials on Web Design
Video Screencasts
- #92: Code Walkthrough of Drawing Table
- Running time: 34:19
- Look at each feature of a mini one-page jQuery-based app and see the markup and JavaScript that makes that feature work.
- #91: The WordPress Loop
- Running time: 31:15
- Learn about how the loop works. Write your own queries. Run multiple loops. Implement your own pageination, and more.
- #90: Simple TextMate Tips
- Running time: 20:52
- Doing things in TextMate like mass indenting, mass coding, vertical text selection, and using time-saving bundles like zen coding and the minimal bundles.
- #89: Organizing a Photoshop Document
- Running time: 11:38
- Take a Photoshop document with a mess of layers and apply better layer names, nest things in folders, and more.
- #88: Intro to Compass/Sass
- Running time: 11:38
- Watch me do the very basics of setting up a new project in Compass/Sass and see how it works/what it does.
- #87: Moving Up with MAMP
- Running time: 11:38
- We take a WordPress installation that is running locally with MAMP and move it to a live website.
- #86: First Moments with MAMP
- Running time: 11:38
- With MAMP, you can run all the server side technologies you need to (PHP, MySQL, Apache) locally, so you can develop locally before pushing out to a real web server.
- #85: Best Practices with Dynamic Content
- Running time: 31:00
- With a page utilizing AJAX to replace the main content there are some important considerations. I go through some of what I consider to be best practices in this video.
- #84: Site Walkthrough of chris-mcgarry.com
- Running time: 36:50
- A walkthrough of the code for a site I built for a musician friend of mine. The music keeps playing as your click around the site, because the page never reloads, just animates parts around via jQuery.
- #83: Thoughts on SEO
- Running time: 39:46
- Sometimes SEO makes sense. Make great content, mark it up well, follow other general best practices, do well. Other times it seems you can do everything right and still do poorly. Who knows.
- #82: CSS Image Switcher
- Running time: 12:20
- Using z-index and absolute positioning we can create an “image switcher” with no JavaScript at all.
- #81: AJAXing a WordPress Theme
- Running time: 42:23
- All “internal” links are targeted and when clicked, replace the main content area with the link destinations content without page refresh.
* This website may or may not contain any actual CSS or Tricks.