Course catalog

Design the Web: Adding Dynamic QR Codes

Learn to use the free Google Chart API, or free jQuery and JavaScript, to add dynamic QR codes to your webpages.

Design the Web: Animated Loading GIFs

Create custom animated GIFs for your websites, mobile applications, and other interactive projects in Photoshop.

Design the Web: Automating Web Graphics

Learn to composite hundreds of unique, data-driven graphics in Photoshop automatically, using variables and a simple text file.

Design the Web: Clipping Masks

Shows you how to use clipping masks to create interesting design effects in Photoshop, while leaving the original images unharmed and ready for further edits.

Design the Web: Control Colors in Photoshop with SmartObjects

Optimize your web graphics workflow with Photoshop Smart Objects. Create complex, one-click color adjustments you can update on the fly.

Design the Web: Creating a Pull Quote with CSS

Learn to turn block quotes on your webpage into stylish pull quotes with nothing more than CSS.

Design the Web: Creating a Repeating Background in Photoshop

Learn how to create an optimized repeating background for websites and applications with Adobe Photoshop.

Design the Web: Creating a Sortable Table

Learn how to use jQuery, a free plugin called tablesorter, and some simple CSS to create sortable, interactive HTML tables.

Design the Web: Creating and Protecting Email Links

Learn how to hide email addresses that you display on the web from spiders and bots with these smart solutions from web developer Chris Converse.

Design the Web: Creating CSS-Only Navigation Menus

Add dropdown menus to your webpage with nothing more than HTML and CSS. Learn how in this installment of Design the Web.

Design the Web: Creating Smaller Graphics with PNG-8

Create compressed PNG-8 images that display quickly and beautifully on a variety of websites, especially those targeting mobile devices.

Design the Web: CSS Animated Rollovers

Learn to create animated rollovers with CSS3.

Design the Web: CSS-Controlled SVG with PHP

Learn how to use PHP, HTML, and CSS to dynamically modify styles in your scalable vector graphics (SVGs).

Design the Web: Graphics and CSS Pseudo-Elements

Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages.

Design the Web: HTML Background Video

Learn to use HTML5 video as a design element, by running it below other text and graphics on your website.

Design the Web: Illustrator to Animated HTML5 Canvas

Learn to create web animations from a simple Illustrator file, with Ai2Canvas—a free plugin that works with nearly every version of Illustrator, from CS3 to CC.