Welcome to the Video Tutorial Library!

The Killersites Video Tutorial Library is a subscription based service that gives you total access to our GROWING collection of web design and web design related training videos. Not just a collection of tips and tricks videos, we provide complete video courses on popular subjects like:

  • HTML
  • CSS
  • Dreamweaver
  • PHP
  • Javascript
  • Wordpress
  • and much more

Beyond the video courses, we have the roadmaps that guide you toward marketable web-nerd skill sets!


Subscription Comparison:

Click here to see a comparison of the videos available to standard and premium subscribers!

Standard Subscription: $29. Affordable!
Premium Subscription: $99. Best Value!
  • 3 month subscription
  • Access to standard video tutorials
    (Check out the content below:
    Over 700 videos and growing!)
  • Learn at your own pace!!
  • Strong community support:
    you are not alone!
  • 12 month subscription
  • Access to all videos, podcasts, and articles
    (Check out the content below:
    Over 900 videos and growing!)
  • Includes all project files!!!
  • Strong community support:
    you are not alone!

Video Tutorial Library Demo:

Free Sample Videos

Currently offering over 900 video tutorials, podcasts, and articles!

We are always working on new video and audio content for you - you can expect hours of new content every month. In fact, as a subscribing member, you will have a voice where you can suggest new video courses that you might like to see!

These are SOME of the videos we offer:

Web Design:

If you want to build websites, you need to start with the basics. These video courses cover the key basics that will form the foundation of any web designer or programmer. You will find the key concepts covered: HTML, CSS, hosting, domains etc...

Expect much more in this section in the future.

  • view videoIntroduction to Web Design 1
    Running Time: 13:02
  • download filesAdded Bonus: FREE Wed Developer Software [ZIP]
    File Size: 18.5Mb
  • view videoCreate a Web Page with a PC - Using a Simple Text Editor
    Running Time: 16:15
  • view videoCreate a Web Page with a Mac - Mac users only!
    Running Time: 4:14
  • view videoBuilding Your First Webpage: Part 1
    Running Time: 9:02
  • view videoBuilding Your First Webpage: Part 2
    Running Time: 9:16
  • view videoBasic Web Concepts
    Running Time: 6:56
  • view videoSix Essential HTML Tags
    Running Time: 11:44
  • view videoBuilding a Website: Part 1
    Running Time: 10:43
  • view videoBuilding a Website: Part 2
    Running Time: 7:41
  • view videoBuilding a Website: Part 3
    Running Time: 12:51
  • view videoBuilding a Website: Part 4
    Running Time: 10:23
  • view videoBuilding a Website: Part 5
    Running Time: 11:39
  • view videoBuilding a Website: Part 6
    Running Time: 12:16
  • view videoBuilding a Website: Part 7
    Running Time: 10:08
  • view videoBuilding a Website: Part 8
    Running Time: 10:09
  • view videoLearning CSS: Part 1
    Running Time: 12:56
  • view videoLearning CSS: Part 2
    Running Time: 8:54
  • view videoLearning CSS: Part 3
    Running Time: 8:32
  • view videoLearning CSS: Part 4
    Running Time: 12:16
  • view videoLearning CSS: Part 5
    Running Time: 11:59
  • view videoLearning CSS: Part 6
    Running Time: 9:41
  • view videoFTP with IE
    Running Time: 6:19
  • view videoImage Types
    Running Time: 11:48
  • view videoHTML Tables: Part 1
    Running Time: 9:18
  • view videoHTML Tables: Part 2
    Running Time: 5:49
  • view videoHTML Tables: Part 3
    Running Time: 10:19
  • view videoWeb Design Update
    Running Time: 9:12
  • download filesWeb Design 1 Project Files [ZIP]
    File Size: 10.6kb
  • view videoBuilding Your First Webpage: Part 1 [CC]
    Running Time: 9:02
  • view videoBuilding Your First Webpage: Part 2 [CC]
    Running Time: 9:16
  • view videoBasic Web Concepts [CC]
    Running Time: 6:56
  • view videoSix Essential HTML Tags [CC]
    Running Time: 11:44
  • view videoBuilding a Website: Part 1 [CC]
    Running Time: 10:43
  • view videoBuilding a Website: Part 2 [CC]
    Running Time: 7:41
  • view videoBuilding a Website: Part 3 [CC]
    Running Time: 12:51
  • view videoBuilding a Website: Part 4 [CC]
    Running Time: 10:23
  • view videoBuilding a Website: Part 5 [CC]
    Running Time: 11:39
  • view videoBuilding a Website: Part 6 [CC]
    Running Time: 12:16
  • view videoBuilding a Website: Part 7 [CC]
    Running Time: 10:08
  • view videoBuilding a Website: Part 8 [CC]
    Running Time: 10:09
  • view videoLearning CSS: Part 1 [CC]
    Running Time: 12:57
  • view videoLearning CSS: Part 2 [CC]
    Running Time: 8:54
  • view videoLearning CSS: Part 3 [CC]
    Running Time: 8:32
  • view videoLearning CSS: Part 4 [CC]
    Running Time: 12:16
  • view videoLearning CSS: Part 5 [CC]
    Running Time: 11:59
  • view videoLearning CSS: Part 6 [CC]
    Running Time: 9:41
  • view videoFTP with IE [CC]
    Running Time: 6:19
  • view videoImage Types [CC]
    Running Time: 11:48
  • view videoHTML Tables: Part 1 [CC]
    Running Time: 9:18
  • view videoHTML Tables: Part 2 [CC]
    Running Time: 5:49
  • view videoHTML Tables: Part 3 [CC]
    Running Time: 10:19
  • download filesWeb Design 1 Project Files [ZIP]
    File Size: 168kb
  • view videoWorking with .Htaccess and Mod_Rewrite: Part 1
    Running Time: 14:06
  • view videoWorking with .Htaccess and Mod_Rewrite: Part 2
    Running Time: 9:32
  • view videoWorking with .Htaccess and Mod_Rewrite: Part 3
    Running Time: 12:31
  • view video301 Redirects
    Running Time: 5:08
  • download files.Htaccess & Mod_Rewrite Project Files [ZIP]
    File Size: 1kb
  • view videoIntroduction
    Running Time: 4:46
  • view videoXHTML vs HTML5
    Running Time: 8:38
  • view videoHTML5 Skeleton
    Running Time: 11:41
  • view videoCSS Layout Review
    Running Time: 10:13
  • view videoCrossbrowser Compatibility
    Running Time: 11:35
  • view videoRounded Corners
    Running Time: 8:16
  • view videoBox Shadow
    Running Time: 9:10
  • view videoText Shadow
    Running Time: 4:15
  • view video2D Transform
    Running Time: 6:51
  • view video2D Transitions
    Running Time: 7:10
  • view video2D Transitions: Part 2
    Running Time: 12:05
  • view videoFont Face
    Running Time: 10:18
  • view videoFont Face: Part 2
    Running Time: 6:58
  • view videoNavigation Transitions
    Running Time: 9:03
  • view videoIntro to jQuery
    Running Time: 10:51
  • view videoAdding HTML
    Running Time: 9:12
  • view videoAdding jQuery
    Running Time: 13:56
  • view videoTab Variations
    Running Time: 7:45
  • view videoImage Overlays
    Running Time: 10:49
  • view videoImage Overlays: Part 2
    Running Time: 10:01
  • view videoOverlay CSS: Part 1
    Running Time: 11:07
  • view videoOverlay CSS: Part 2
    Running Time: 8:41
  • view videoOverlay CSS: Part 3
    Running Time: 7:19
  • view video1-Page Slider
    Running Time: 6:33
  • view videoProject Concept
    Running Time: 9:00
  • view videoBasic HTML
    Running Time: 5:43
  • view videoAdd Basic jQuery
    Running Time: 7:55
  • view videoCSS Explained
    Running Time: 14:01
  • download filesHTML5, CSS3, and jQuery Project Files [ZIP]
    File Size: 5.7Mb
  • view videoIntroduction
    Running Time: 1:10
  • view videoInput Text
    Running Time: 10:55
  • view videoRadio Buttons
    Running Time: 5:02
  • view videoCheckboxes
    Running Time: 4:21
  • view videoDropdown Lists
    Running Time: 7:00
  • view videoText Areas
    Running Time: 2:27
  • view videoFieldsets
    Running Time: 4:08
  • view videoButtons
    Running Time: 3:34
  • view videoEmail Form Example
    Running Time: 8:24
  • download filesProfessional Web Designers Roadmap
    File Size: 115.0kb
  • download filesHTML Forms: Part 1
    File Size: 119.2kb
  • download filesHTML Forms: Part 2
    File Size: 145.7kb
  • download filesMaking Web Pages Printable with CSS
    File Size: 136.6kb
  • download filesHow To Make Glass Buttons Using Adobe Illustrator
    File Size: 1.11Mb
  • download filesFundamentals of Graphic Design Type: Part 1
    File Size: 250.4kb
  • download filesFundamentals of Graphic Design Type: Part 2
    File Size: 234.8kb
  • download filesFundamentals of Graphic Design Part 1: Alignment
    File Size: 408.9kb
  • download filesFundamentals of Graphic Design Part 2:
    Contrast and Focal Point
    File Size: 305.2kb
  • download filesCSS Tutorials
    File Size: 283.2kb

CSS:

CSS, which stands for Cascading Style Sheets, is the sister technology to HTML that allows you to easily style the HTML elements within your web site. By using CSS you will be able to create pages with much less work, that load much faster, and will be easy to update and print.

  • view videoIntroduction To CSS Basics
    Running Time: 1:46
  • view videoThe Page Template and DOCTYPES
    Running Time: 4:06
  • view videoCSS Selector Types
    Running Time: 9:19
  • view videoCSS Versions
    Running Time: 5:47
  • view videoHow to Solve Browser Incompatibilities
    Running Time: 3:21
  • view videoIE Conditional Comments
    Running Time: 14:08
  • view videoThe 3 Ways to Insert CSS Code
    Running Time: 4:10
  • view videoUsing the Matching Columns Script
    Running Time: 6:51
  • view videoUnderstanding the Cascade in CSS
    Running Time: 9:03
  • download filesBeginners CSS Project Files [ZIP]
    File Size: 2.4kb
  • view videoHorizontal Navigation With CSS Sprites: Part 1
    Running Time: 12:33
  • view videoHorizontal Navigation With CSS Sprites: Part 2
    Running Time: 12:25
  • download filesHorizontal Navigation With CSS Sprites Project Files [ZIP]
    File Size: 27kb
  • view videoIntroduction
    Running Time: 4:08
  • view videoFixed Pixel Explained
    Running Time: 9:50
  • view videoHTML Basic Layout: Part 1
    Running Time: 11:01
  • view videoHTML Basic Layout: Part 2
    Running Time: 6:29
  • view videoUniversal Selector
    Running Time: 8:06
  • view videoCentering the Container Div
    Running Time: 7:07
  • view videoThe Header Div
    Running Time: 3:43
  • view videoThe Navigation Div
    Running Time: 4:55
  • view videoThe Main Div
    Running Time: 4:23
  • view videoThe Footer Div
    Running Time: 3:04
  • view videoConvert Two Columns to Three
    Running Time: 4:37
  • view videoNavigation Links: Part 1
    Running Time: 6:15
  • view videoNavigation Links: Part 2
    Running Time: 13:50
  • view videoStyling Text
    Running Time: 11:38
  • view videoStyling The Header
    Running Time: 5:21
  • view videoStyling The Footer
    Running Time: 1:52
  • view videoStyling Main Text
    Running Time: 11:26
  • view videoStyling Nested Divs
    Running Time: 12:14
  • view videoNested Footer Divs: Part 1
    Running Time: 9:34
  • view videoNested Footer Divs: Part 2
    Running Time: 9:11
  • download filesCSS Layouts: Generic Text Editor Project Files [ZIP]
    File Size: 27kb
  • view videoIntroduction
    Running Time: 2:15
  • view videoFixed Pixel Layout Explained
    Running Time: 10:05
  • view videoUniversal Selector
    Running Time: 10:29
  • view videoCentering the Container Div
    Running Time: 14:37
  • view videoThe Header Div
    Running Time: 4:21
  • view videoSidebar1 Div
    Running Time: 4:40
  • view videoThe Main Content Div
    Running Time: 3:18
  • view videoSidebar2 Div
    Running Time: 4:45
  • view videoAdding Content and Layout Fixes
    Running Time: 5:13
  • view videoThe Footer Div
    Running Time: 5:37
  • view videoMargins and Padding
    Running Time: 11:27
  • view videoLiquid Layouts Intro
    Running Time: 4:14
  • view videoLiquid Layouts
    Running Time: 10:40
  • download filesCSS Layout Project Files [ZIP]
    File Size: 27kb
  • view videoIntroduction
    Running Time: 1:57
  • view videoDefining Your Site
    Running Time: 3:43
  • view videoStyling Lists
    Running Time: 9:46
  • view videoVertical Navigation
    Running Time: 12:53
  • view videoVertical Navigation with Images
    Running Time: 14:30
  • view videoVertical Navigation Pixy Method
    Running Time: 5:49
  • view videoVertical Navigation in Layout
    Running Time: 18:34
  • view videoHorizontal Navigation: Part 1
    Running Time: 11:23
  • view videoHorizontal Navigation: Part 2
    Running Time: 9:20
  • download filesCSS Lists and Navigation Project Files [ZIP]
    File Size: 27kb

Business of Web Design Podcast:

The following podcast (audio only) is designed to teach web designers how to start and run a small web design studio.


  • listen to podcastIntroduction
    Running Time: 13:00
  • listen to podcastBranding Your Business
    Running Time: 5:16
  • listen to podcastBusness Types
    Running Time: 15:30
  • listen to podcastGetting Paid
    Running Time: 24:08
  • listen to podcastHardware and Software Requirements
    Running Time: 8:47
  • listen to podcastHow Much Money Needed To Start
    Running Time: 6:27
  • listen to podcastJudging Character
    Running Time: 7:05
  • listen to podcastLazy Clients
    Running Time: 9:36
  • listen to podcastManaging Money: Part 1
    Running Time: 6:56
  • listen to podcastManaging Money: Part 2
    Running Time: 9:46
  • listen to podcastThe Contract
    Running Time: 6:46
  • listen to podcastThe Initial Proposal
    Running Time: 9:05

Sample Web Design Documents:

Starting a web design business? Get started by downloading our web design proposal template.

  • download filesProposal Template [InDesign]
    File Size: 1.2mb
  • download filesProposal Template [PDF]
    File Size: 117kb
  • download filesProposal Template [DOC]
    File Size: 35kb
  • download filesContract Template [InDesign]
    File Size: 1.5mb
  • download filesContract Template [PDF]
    File Size: 146kb
  • download filesContract Template [DOC]
    File Size: 47kb

Dreamweaver:

Dreamweaver is the most popular WYSIWYG web design program. WYSIWYG is short for: "what you see is what you get". That means Dreamweaver has a bunch of point-and-click tools that makes building web sites faster. Beyond that, Dreamweaver also has a pretty good code editor along with some site management tools. Check out the videos to learn more.

  • view videoIntroduction
    Running Time: 8:57
  • view videoInstalling MAMP
    Running Time: 7:11
  • view videoInstall Wordpress
    Running Time: 8:04
  • view videoDefine a Site In Dreamweaver
    Running Time: 4:54
  • view videoWordpress Settings
    Running Time: 13:22
  • view videoPages and Posts
    Running Time: 3:17
  • view videoCreating Posts
    Running Time: 8:51
  • view videoPages and Categories
    Running Time: 11:27
  • view videoInserting Images
    Running Time: 8:35
  • view videoInserting Video
    Running Time: 5:51
  • view videoChanging the Home Page
    Running Time: 5:29
  • view videoWordpress Themes
    Running Time: 9:23
  • view videoWordpress Widgets
    Running Time: 10:37
  • view videoCustom Menus
    Running Time: 11:46
  • view videoChanging the Background
    Running Time: 11:16
  • view videoCustom Header
    Running Time: 3:49
  • view videoDynamically Related Files
    Running Time: 4:44
  • view videoDynamically Related Files Filter
    Running Time: 3:44
  • view videoDreamweaver Live View Options
    Running Time: 2:51
  • view videoDreamweaver Live Code
    Running Time: 3:30
  • view videoCustomizing Themes
    Running Time: 9:43
  • view videoDreamweaver Inspect Mode
    Running Time: 3:32
  • view videoModifying the Background in Dreamweaver
    Running Time: 6:19
  • view videoModifying the Header
    Running Time: 10:48
  • view videoInserting the Custom Logo
    Running Time: 17:43
  • view videoStyling the Navigation
    Running Time: 7:19
  • view videoStyling the Footer
    Running Time: 13:26
  • view videoStyling Links
    Running Time: 6:13
  • view videoStyling the Input Tag
    Running Time: 5:18
  • view videoWordpress Plugins
    Running Time: 9:29
  • view videoStyling Plugins
    Running Time: 4:04
  • view videoCreating a Picture Gallery
    Running Time: 4:39
  • view videoPublishing Wordpress
    Running Time: 10:36
  • view videoConfiguring the Database
    Running Time: 6:04
  • view videoExporting and Importing Pages
    Running Time: 9:13
  • download filesDreamweaver and Wordpress Project Files [ZIP]
    File Size: 27kb
  • view videoWelcome to the Course
    Running Time: 0:51
  • view videoDownloading Dreamweaver
    Running Time: 0:53
  • view videoA First Look at Dreamweaver 7 (covers version 8 too)
    Running Time: 7:19
  • view videoBasic Interface
    Running Time: 7:51
  • view videoBuild a Website with Dreamweaver
    Running Time: 22:35
  • view videoBehind the Scenes
    Running Time: 5:59
  • view videoContinue Building our Website
    Running Time: 25:24
  • view videoManaging Styles
    Running Time: 23:38
  • view videoFinishing up our Site
    Running Time: 5:10
  • view videoCSS Layouts
    Running Time: 28:51
  • view videoCSS Rules
    Running Time: 12:19
  • view videoDreamweaver HTML List
    Running Time: 5:14
  • view videoExternal Style Sheets
    Running Time: 9:41
  • view videoForms
    Running Time: 34:16
  • view videoFTP
    Running Time: 11:12
  • view videoLibrary Items
    Running Time: 12:16
  • view videoPanels
    Running Time: 1:50
  • view videoTables
    Running Time: 32:20
  • view videoWeb Basics
    Running Time: 10:49

Photoshop:

Photoshop is the most widely used design and image editing software for the internet and print. The following videos are designed to teach you the basics and how you can use Photoshop when designing your website.


  • view videoIntroduction [CC]
    Running Time: 2:08
  • view videoInterface [CC]
    Running Time: 9:02
  • view videoOpen Files and Bridge [CC]
    Running Time: 8:18
  • view videoThe Zoom Tool [CC]
    Running Time: 7:05
  • view videoThe Selection Tools: Part 1 [CC]
    Running Time: 7:42
  • view videoThe Selection Tools: Part 2 [CC]
    Running Time: 8:24
  • view videoThe Selection Tools: Part 3 [CC]
    Running Time: 10:42
  • view videoThe Selection Tools: Part 4 [CC]
    Running Time: 5:53
  • view videoBrightness and Contrast [CC]
    Running Time: 7:32
  • view videoAdjustment Layers [CC]
    Running Time: 6:38
  • view videoAdjustment Layer Options [CC]
    Running Time: 6:10
  • view videoThe Histogram Window [CC]
    Running Time: 5:04
  • view videoColor Balance [CC]
    Running Time: 4:20
  • view videoDesaturate and Tint [CC]
    Running Time: 6:39
  • view videoRecoloring [CC]
    Running Time: 6:02
  • view videoThreshold [CC]
    Running Time: 2:46
  • view videoHue and Saturation [CC]
    Running Time: 12:32
  • view videoIntroduction to Layers: Part 1 [CC]
    Running Time: 8:38
  • view videoIntroduction to Layers: Part 2 [CC]
    Running Time: 5:07
  • view videoInserting Images and Aligning [CC]
    Running Time: 11:10
  • view videoGrouping and Moving [CC]
    Running Time: 7:02
  • view videoColor Code [CC]
    Running Time: 5:34
  • view videoLayer Masks: Part 1 [CC]
    Running Time: 13:07
  • view videoLayer Mask Selections [CC]
    Running Time: 10:07
  • view videoLayer Masks and Gradients [CC]
    Running Time: 16:04
  • view videoLayer Blend Modes [CC]
    Running Time: 10:46
  • view videoLayerstyles: Dropshadow [CC]
    Running Time: 6:10
  • view videoLayerstyles Window: Part 1 [CC]
    Running Time: 5:55
  • view videoLayerstyles Window: Part 2 [CC]
    Running Time: 7:18`
  • view videoLayers Composition: Part 1 [CC]
    Running Time: 21:23
  • view videoLayers Composition: Part 2 [CC]
    Running Time: 17:16
  • view videoIntroduction to Vector Tools [CC]
    Running Time: 3:58
  • view videoThe Pen Tool [CC]
    Running Time: 8:05
  • view videoShape Layers [CC]
    Running Time: 3:14
  • view videoVector Selections [CC]
    Running Time: 4:57
  • view videoVector Shapes [CC]
    Running Time: 5:38
  • view videoCustom Vector Shapes: Part 1 [CC]
    Running Time: 5:42
  • view videoCustom Vector Shapes: Part 2 [CC]
    Running Time: 8:30
  • view videoIntroduction to the Type Tools [CC]
    Running Time: 8:58
  • view videoBlock Text [CC]
    Running Time: 6:39
  • view videoThe Character Window: Part 1 [CC]
    Running Time: 12:10
  • view videoThe Character Window: Part 2 [CC]
    Running Time: 13:45
  • view videoOpen Type: Part 1 [CC]
    Running Time: 12:01
  • view videoOpen Type: Part 2 [CC]
    Running Time: 7:39
  • view videoThe Warp Type Tool [CC]
    Running Time: 11:37
  • view videoThe Paragraph Window [CC]
    Running Time: 7:18
  • view videoMasking Type [CC]
    Running Time: 6:55
  • view videoBrush Shortcuts [CC]
    Running Time: 7:20
  • view videoThe Brushes Window [CC]
    Running Time: 9:03
  • view videoLoading Brushes [CC]
    Running Time: 8:11
  • view videoColor Brushes [CC]
    Running Time: 9:31
  • view videoDoge, Burn, and Sponge Tools [CC]
    Running Time: 6:23
  • view videoThe Healing Brush Tool [CC]
    Running Time: 5:25
  • view videoThe Spot Healing Brush [CC]
    Running Time: 4:38
  • view videoIntroduction to Filters [CC]
    Running Time: 7:04
  • view videoSave for Web: JPG [CC]
    Running Time: 14:32
  • view videoSave for Web: GIF [CC]
    Running Time: 15:17
  • view videoSave for Web: PNG [CC]
    Running Time: 3:44
  • view videoSave for Web: Transparencies [CC]
    Running Time: 7:31
  • download filesPhotoshop CS5 Project Files [ZIP]
    File Size: 52.9Mb

PHP:

PHP is the most popular web scripting/programming language out there. PHP is one of the fundamental languages that every web designer should learn since so many common tasks are accomplished with PHP: processing forms, sending emails, creating shopping carts and much more.

If you want to be a complete web designer (and beat the competition) you must learn at least basic PHP. You will not regret it!

  • view videoBasic Programming Concepts [CC]
    Running Time: 3:12
  • view videoServer-side Programming Languages [CC]
    Running Time: 6:53
  • view videoGetting Set Up To Run PHP: Part 1 [CC]
    Running Time: 11:38
  • view videoGetting Set Up To Run PHP: Part 2 [CC]
    Running Time: 7:29
  • view videoSetting Up WAMP (Windows Users Only): Part 1 [CC]
    Running Time: 6:10
  • view videoSetting Up WAMP (Windows Users Only): Part 2 [CC]
    Running Time: 6:53
  • view videoYour First PHP Script [CC]
    Running Time: 16:54
  • view videoPHP Variables: Part 1 [CC]
    Running Time: 8:10
  • view videoPHP Variables: Part 2 [CC]
    Running Time: 15:22
  • view videoPHP Includes: Part 1 [CC]
    Running Time: 8:06
  • view videoPHP Includes: Part 2 [CC]
    Running Time: 12:52
  • view videoPHP Arrays: Part 1 [CC]
    Running Time: 8:09
  • view videoPHP Arrays: Part 2 [CC]
    Running Time: 5:16
  • view videoProcessing Forms with PHP: Part 1 [CC]
    Running Time: 9:28
  • view videoProcessing Forms with PHP: Part 2 [CC]
    Running Time: 14:06
  • view videoProcessing Forms with PHP: Part 3 [CC]
    Running Time: 8:15
  • view videoPHP Conditional Statements [CC]
    Running Time: 14:35
  • view videoPHP Functions: Part 1 [CC]
    Running Time: 12:11
  • view videoPHP Functions: Part 2 [CC]
    Running Time: 8:58
  • view videoPHP Functions: Part 3 [CC]
    Running Time: 8:12
  • view videoPHP Loops [CC]
    Running Time: 12:11
  • view videoCreating Custom PHP Functions: Part 1 [CC]
    Running Time: 6:49
  • view videoCreating Custom PHP Functions: Part 2 [CC]
    Running Time: 8:47
  • view videoCreating Custom PHP Functions: Part 3 [CC]
    Running Time: 15:23
  • view videoPHP Sessions: Part 1 [CC]
    Running Time: 4:55
  • view videoPHP Sessions: Part 2 [CC]
    Running Time: 8:24
  • view videoPHP Sessions: Part 3 [CC]
    Running Time: 7:08
  • view videoUse PHP, jQuery & AJAX to Load XML Data: Part 1 [CC]
    Running Time: 14:00
  • view videoUse PHP, jQuery & AJAX to Load XML Data: Part 2 [CC]
    Running Time: 9:22
  • download filesUse PHP, jQuery & AJAX to
    Load XML Data Screencast Files [ZIP]
    File Size: 21kb
  • view videoCourse Preview
    Running Time: 6:23
  • download filesBuild a CMS: Image Files [ZIP]
    File Size: 40kb
  • view videoBuild a CMS - Part 1: Introduction
    Running Time: 7:54
  • view videoBuild a CMS - Part 2: Basic HTML/CSS Site
    Running Time: 8:12
  • view videoBuild a CMS - Part 3: Basic HTML/CSS Site
    Running Time: 9:10
  • view videoBuild a CMS - Part 4: Getting Started on the CMS
    Running Time: 1:11
  • view videoBuild a CMS - Part 5: OOP Login Introduction
    Running Time: 4:53
  • view videoBuild a CMS - Part 6: File & Database Setup
    Running Time: 8:39
  • view videoBuild a CMS - Part 7: Template Object
    Running Time: 9:04
  • view videoBuild a CMS - Part 8: Template Object (cont)
    Running Time: 6:49
  • view videoBuild a CMS - Part 9: Template Object (cont)
    Running Time: 10:43
  • view videoBuild a CMS - Part 10: Template Object (cont)
    Running Time: 6:28
  • view videoBuild a CMS - Part 11: Includes & Views
    Running Time: 11:38
  • view videoBuild a CMS - Part 12: Auth Object
    Running Time: 9:09
  • view videoBuild a CMS - Part 13: Auth Object (cont) & Login.php
    Running Time: 12:34
  • view videoBuild a CMS - Part 14: Members.php, Logout.php & Conclusion
    Running Time: 7:15
  • download filesBuild a CMS: Source Files Parts 1 - 14 [ZIP]
    File Size: 60kb
  • view videoBuild a CMS - Part 15: File & Database Setup
    Running Time: 6:38
  • view videoBuild a CMS - Part 16: Init.php
    Running Time: 13:34
  • view videoBuild a CMS - Part 17: Core FlightPath Object
    Running Time: 10:46
  • view videoBuild a CMS - Part 18: Core FlightPath Object (cont)
    Running Time: 6:44
  • view videoBuild a CMS - Part 19: Colorbox & t_login.php
    Running Time: 12:28
  • view videoBuild a CMS - Part 20: t_login.php & login.php
    Running Time: 9:39
  • view videoBuild a CMS - Part 21: Styling the Login Form
    Running Time: 16:04
  • view videoBuild a CMS - Part 22: Login Form Functionality
    Running Time: 13:09
  • view videoBuild a CMS - Part 23: Login Form Functionality (cont)
    Running Time: 11:56
  • view videoBuild a CMS - Part 24: Completing Login / Logout
    Running Time: 7:03
  • view videoBuild a CMS - Part 25: CMS Toolbar
    Running Time: 11:58
  • view videoBuild a CMS - Part 26: Checking for Authorization
    Running Time: 10:15
  • view videoBuild a CMS - IE7 Compatibility Fixes
    Running Time: 6:33
  • download filesBuild a CMS: Source Files Parts 1 - 26 [ZIP]
    File Size: 85kb
  • view videoBuild a CMS - Part 27: CMS Object
    Running Time: 9:56
  • view videoBuild a CMS - Part 28: Display_Block Function
    Running Time: 15:43
  • view videoBuild a CMS - Part 29: Styling Editable Areas with CSS
    Running Time: 9:00
  • view videoBuild a CMS - Part 30: Styling Editable Areas with jQuery
    Running Time: 9:40
  • view videoBuild a CMS - Part 31: jQuery Continued
    Running Time: 7:59
  • view videoBuild a CMS - Part 32: Starting Edit.php
    Running Time: 9:30
  • view videoBuild a CMS - Part 33: generate_field() & v_edit.php
    Running Time: 14:59
  • view videoBuild a CMS - Part 34: load_block() & create_block()
    Running Time: 10:22
  • view videoBuild a CMS - Part 35: Editing Content Blocks
    Running Time: 13:54
  • view videoBuild a CMS - Part 36: Editing Content Blocks (cont)
    Running Time: 8:05
  • view videoBuild a CMS - Part 37: WYSIWYG Functionality
    Running Time: 12:27
  • view videoBuild a CMS - Part 38: WYSIWYG Functionality (cont)
    Running Time: 11:40
  • view videoBuild a CMS - Part 39: Conclusion
    Running Time: 6:06
  • download filesBuild a CMS: Source Files Parts 1 - 39 [ZIP]
    File Size: 725kb
  • view videoBuild a CMS - Part 40: CMS Option Pages
    Running Time: 11:05
  • view videoBuild a CMS - Part 41: CMS Option Pages (cont)
    Running Time: 13:14
  • view videoBuild a CMS - Part 42: CMS Option Pages (cont)
    Running Time: 14:28
  • view videoBuild a CMS - Part 43: CMS Option Pages (cont)
    Running Time: 16:05
  • view videoBuild a CMS - Part 44: Change Password Form
    Running Time: 16:31
  • view videoBuild a CMS - Part 45: Change Password Form (cont)
    Running Time: 15:37
  • view videoBuild a CMS - Part 46: Change Password Form (cont)
    Running Time: 7:58
  • download filesBuild a CMS: Source Files Parts 1 - 46 [ZIP]
    File Size: 721kb
  • view videoCreate a Tag Cloud - Part 1
    Running Time: 9:37
  • view videoCreate a Tag Cloud - Part 2
    Running Time: 9:42
  • view videoCreate a Tag Cloud - Part 3
    Running Time: 10:53
  • view videoCreate a Tag Cloud - Part 4
    Running Time: 10:20
  • view videoCreate a Tag Cloud - Part 5
    Running Time: 10:01
  • download filesCreate a Tag Cloud Screencast Files [ZIP]
    File Size: 3.4kb
  • view videoIntroduction
    Running Time: 4:49
  • view videoTechnology Overview
    Running Time: 10:42
  • view videoBuilding an XML Catalog
    Running Time: 17:22
  • view videoBuilding the Catalog Page
    Running Time: 15:30
  • view videoFinishing the Catalog Template
    Running Time: 12:54
  • view videoMaking an "Add to Cart" Page
    Running Time: 15:58
  • view videoBuilding the Shopping Cart
    Running Time: 15:54
  • view videoCalculating Cost
    Running Time: 7:37
  • view videoShipping Costs
    Running Time: 10:11
  • view videoFinishing the Cart Template
    Running Time: 8:39
  • view videoSending Data to Paypal
    Running Time: 11:36
  • view videoSetting Up a Paypal Sandbox
    Running Time: 12:31
  • view videoA Quick Look at Paypal IPN
    Running Time: 5:48
  • download filesPHP Shopping Cart Project Files [ZIP]
    File Size: 10kb
  • view videoUsing a MySQL database instead of XML: Part 1
    Running Time: 9:22
  • view videoUsing a MySQL database instead of XML: Part 2
    Running Time: 15:13
  • view videoUsing a MySQL database instead of XML: Part 3
    Running Time: 14:00
  • download filesPHP Shopping Cart with MySQL Project Files [ZIP]
    File Size: 22kb
  • view videoAutoloading Classes with Namespaces: Part 1
    Running Time: 6:37
  • view videoAutoloading Classes with Namespaces: Part 2
    Running Time: 8:00
  • view videoAutoloading Classes with Namespaces: Part 3
    Running Time: 9:51
  • view videoMagic Methods, Getters and Setters: Part 1
    Running Time: 7:20
  • view videoMagic Methods, Getters and Setters: Part 2
    Running Time: 6:55
  • view videoMagic Methods, Getters and Setters: Part 3
    Running Time: 6:45
  • view videoMagic Methods, Getters and Setters: Part 4
    Running Time: 10:15
  • view videoSetting Up the Htaccess File For MVC
    Running Time: 12:43
  • view videoDispatching Requests to Multiple Controllers
    Running Time: 17:54
  • view videoDispatching Views
    Running Time: 21:07
  • view videoIntroducing Anonymous Functions
    Running Time: 20:05
  • view videoWriting an MVC Web Form
    Running Time: 11:26
  • view videoPassing Parameters Around Our MVC Application
    Running Time: 10:01
  • view videoDynamic Property Assignment
    Running Time: 9:08
  • view videoSaving to the Model from the Controller
    Running Time: 20:13
  • view videoSearching Models from the Controller
    Running Time: 14:07
  • view videoImplementing the Observer Pattern
    Running Time: 18:28
  • download filesAdvanced PHP Project Files [ZIP]
    File Size: 137kb
  • view videoIntroducing Joins
    Running Time: 21:41
  • view videoJoins and Constraints
    Running Time: 17:30
  • view videoOne-To-Many Joins
    Running Time: 12:07
  • view videoIntroducing Many-To-Many
    Running Time: 20:12
  • view videoBuilding Table Views
    Running Time: 16:38
  • view videoCount Statments
    Running Time: 13:09
  • view videoTimestamps, Dates, and Ordering
    Running Time: 21:40
  • view videoBackup and Restoring Databases
    Running Time: 10:10
  • view videoIntroducing MySQL Search
    Running Time: 15:42
  • download filesPHP Interfaces
    File Size: 123.0kb
  • download filesDatabase Driven Websites
    File Size: 125.0kb
  • download filesPHP Debugging Tips
    File Size: 170kb

Javascript:

Javascript is the scripting language found in every web browser and is a key technology that every web designer should learn. If you want to validate forms, create drop-down menus, use Ajax and a whole slew of other effects, you need to learn at least basic Javascript.

JQuery is a Javascript library (canned javascripts) that make it really easy to create all kinds of cool web widgets. Once you know basic Javascript, it's time to learn the very powerful JQuery.

  • view videoIntroduction to the Course [CC]
    Running Time: 10:09
  • view videoYour First Javascript [CC]
    Running Time: 10:21
  • view videoWhat is a Programming Language [CC]
    Running Time: 6:18
  • view videoEvent Handlers: Part 1 [CC]
    Running Time: 8:58
  • view videoEvent Handlers: Part 2 [CC]
    Running Time: 6:40
  • view videoEvent Handlers: Part 3 [CC]
    Running Time: 4:50
  • view videoViewing Javacript Errors [CC]
    Running Time: 6:39
  • view videoSetting Up IE 7 to Display Javascript Errors [CC]
    Running Time: 4:39
  • view videoVariables: Part 1 [CC]
    Running Time: 10:53
  • view videoVariables: Part 2 [CC]
    Running Time: 10:01
  • view videoJavascript Flow and Execution [CC]
    Running Time: 4:21
  • view videoFunctions: Part 1 [CC]
    Running Time: 8:46
  • view videoFunctions: Part 2 [CC]
    Running Time: 6:22
  • view videoFunctions: Part 3 [CC]
    Running Time: 6:32
  • view videoFunctions: Part 4 [CC]
    Running Time: 9:27
  • view videoMaking Decisions in Code: Part 1 [CC]
    Running Time: 7:33
  • view videoMaking Decisions in Code: Part 2 [CC]
    Running Time: 6:52
  • view videoMaking Decisions in Code: Part 3 [CC]
    Running Time: 8:55
  • view videoLoops: Part 1 [CC]
    Running Time: 8:25
  • view videoLoops: Part 2 [CC]
    Running Time: 5:58
  • view videoA Birds Eye View [CC]
    Running Time: 8:31
  • view videoArrays: Part 1 [CC]
    Running Time: 3:36
  • view videoArrays: Part 2 [CC]
    Running Time: 7:44
  • view videoArrays: Part 3 [CC]
    Running Time: 5:28
  • view videoFunctions: Part 5 [CC]
    Running Time: 8:13
  • view videoFunctions: Part 6 [CC]
    Running Time: 10:16
  • view videoFunctions: Part 7 [CC]
    Running Time: 9:57
  • view videoFunctions: Part 8 [CC]
    Running Time: 9:18
  • view videoIntroduction to the DOM [CC]
    Running Time: 8:31
  • view videoNodes and the DOM [CC]
    Running Time: 3:37
  • view videoForms: Part 1 [CC]
    Running Time: 14:50
  • view videoForms: Part 2 [CC]
    Running Time: 15:10
  • view videoForms: Part 3 [CC]
    Running Time: 6:58
  • view videoForms: Part 4 [CC]
    Running Time: 8:51
  • view videoToggle Menu: Part 1 [CC]
    Running Time: 6:59
  • view videoToggle Menu: Part 2 [CC]
    Running Time: 10:39
  • view videoLinking To External Javascript Files [CC]
    Running Time: 5:46
  • view videoSpawning Windows [CC]
    Running Time: 9:24
  • view videoConclusion to Course [CC]
    Running Time: 4:24
  • download filesBeginner's Javascript Project Files [ZIP]
    File Size: 90kb
  • view videoIntroduction to Ajax and Overview of the Ajax Shopping Cart
    Running Time: 8:21
  • view videoAjax Tools
    Running Time: 7:38
  • view videoOverview of the Source Files
    Running Time: 7:38
  • view videoLooking at Index.html
    Running Time: 16:40
  • view videoStyles.css and Ajax.js
    Running Time: 15:25
  • view videoFirst Look at Cart.js
    Running Time: 7:08
  • view videoSearching for Products
    Running Time: 14:50
  • view videoHanding the Data Returned from Product Search
    Running Time: 18:08
  • view videoDisplaying the Search Results
    Running Time: 18:20
  • view videoGetting Product Details
    Running Time: 14:22
  • view videoAdd To Shopping Cart: Ajax Code
    Running Time: 9:12
  • view videoAdd to Shopping Cart: PHP Code
    Running Time: 15:50
  • view videoAdd to Shopping Cart: Handle Server Response
    Running Time: 21:40
  • view videoCheckout
    Running Time: 17:38
  • view videoAdding Eye Candy with Scriptaculous
    Running Time: 7:09
  • download filesAjax Project Files [ZIP]
    File Size: 78kb
  • view videoGetting Jquery
    Running Time: 17:07
  • view videoEvents: Part 1
    Running Time: 11:20
  • view videoEvents: Part 2
    Running Time: 9:15
  • view videoEvents: Part 3
    Running Time: 7:28
  • view videoDOM Manipulation
    Running Time: 10:39
  • view videoIntroducing AJAX
    Running Time: 10:16
  • view videoAJAX with PHP
    Running Time: 17:59
  • view videoIntroducing JSON
    Running Time: 14:47
  • view videoPHP classes with JSON
    Running Time: 21:21
  • download filesBeginner's Jquery Project Files [ZIP]
    File Size: 120kb

Wordpress:

Wordpress is the most popular blog/CMS software used today. I've been teaching for a few years now that every web designer should learn at least one CMS or blog software - I think Wordpress is a great choice.


  • view videoInstall: Part 1
    Running Time: 6:44
  • view videoInstall: Part 2
    Running Time: 10:19
  • view videoInstall: Part 3
    Running Time: 6:34
  • view videoConfig: Part 1
    Running Time: 6:46
  • view videoConfig: Part 2
    Running Time: 9:09
  • view videoConfig: Part 3
    Running Time: 7:33
  • view videoConfig: Part 4
    Running Time: 17:12

Flash:

Flash is the predominate program for creating web based animation. Over the years though, Flash has also developed into a powerful application development environment where Flash can be used to create anything from simple shopping carts to full blown e-commerce systems... and just about anything else you can think of.

  • view videoIntroduction to the Course
    Running Time: 0:44
  • view videoBitmap Vector
    Running Time: 7:49
  • view videoBasic Interface
    Running Time: 5:18
  • view videoPencil Tool
    Running Time: 4:09
  • view videoModifying Lines
    Running Time: 5:24
  • view videoPen Tool
    Running Time: 5:21
  • view videoOval Tool and Rectangle Tool
    Running Time: 8:50
  • view videoBrush Tool
    Running Time: 4:50
  • view videoLasso Tool
    Running Time: 2:22
  • view videoModifying and Optimizing Shapes
    Running Time: 7:16
  • view videoGrouping Objects
    Running Time: 5:48
  • view videoMixer and Gradients
    Running Time: 8:10
  • view videoTimeline
    Running Time: 8:28
  • view videoMovie Properties and Frame Rate
    Running Time: 4:52
  • view videoTest Movie
    Running Time: 4:21
  • view videoKeyframe Animation
    Running Time: 0:53
  • view videoShape Tween
    Running Time: 2:42
  • view videoShape Hints
    Running Time: 2:41
  • view videoSymbols 1
    Running Time: 8:55
  • view videoSymbols 2
    Running Time: 4:54
  • view videoMotion Tween 1
    Running Time: 6:50
  • view videoMotion Tween 2
    Running Time: 1:27
  • view videoMotion Guide
    Running Time: 8:43
  • view videoMotion Text
    Running Time: 6:15
  • view videoMasking Effect
    Running Time: 4:18
  • view videoText (Static)
    Running Time: 13:19
  • view videoText Device Fonts
    Running Time: 4:28
  • view videoText (Dynamic Input)
    Running Time: 7:15
  • view videoButtons
    Running Time: 6:23
  • view videoInvisible Buttons
    Running Time: 5:09
  • view videoSymbols - Movieclip 1
    Running Time: 7:45
  • view videoSymbols - Movieclip 2
    Running Time: 9:18
  • view videoSymbols - Movieclip Buttons
    Running Time: 4:47
  • view videoBasic Interactivity 1
    Running Time: 8:01
  • view videoBasic Interactivity 2
    Running Time: 11:49
  • view videoBasic Interactivity 3
    Running Time: 7:49
  • view videoBasic Interactivity 4
    Running Time: 8:35
  • view videoPreloader 1
    Running Time: 8:37
  • view videoPreloader 2
    Running Time: 6:48
  • view videoPreloader 3
    Running Time: 12:56
  • view videoPublishing a Movie
    Running Time: 10:41

Actionscript:

Actionscript is the scripting language used in Flash. If you want to create many of those fancy Flash effects, you will need to learn some Actionscript.

The current version of Actionscript is 3.0... we will have that video course out soon. Meanwhile, our Actionscript 2.0 course is still very useful.