Web › Projects

Learn to create an engaging, interactive, and animated timeline with HTML and jQuery.

Create and publish a complete portfolio website with Adobe Muse—without writing any code.

Use open technologies (HTML5, jQuery, and CSS) to create a slideshow that responds to mobile and desktop layouts, and learn to customize the slideshow to fit your next project.

Learn to spiff up your HTML5 slideshows with automatic playback, integrated audio and video, and more.

Spice up dry data presentations with an interactive, visually engaging bar chart drawn with the HTML5 Canvas element.

Introduces this web design framework and provides a quick overview of all of the goodies in Foundation.

Add interactive elements like a thumbnail gallery, dropdown menus, or a contact form using Bootstrap and a simple text editor.

Create an HTML form with CSS and JavaScript that allows users to submit captions for photo cards.

Tell a more compelling story in Edge Animate with an animated infographic.

Put HTML5, CSS3, and recent JavaScript API technologies to work and provide an enhanced brand opportunity for your clients with custom video bumpers.

Explore the emerging workflow between the Adobe Creative Cloud applications and Edge Animate through a series of hands-on projects.

Implement and customize a sortable photo gallery with jQuery.

Use Edge Animate and HTML5, jQuery, and CSS to create a custom, interactive homepage marquee.

Shows developers how to write their first Windows Store app with HTML5, JavaScript, and CSS.

Take advantage of the HTML5 geolocation feature by using the recently released Google Store Locator Utility Library, and include directions and feature filtering in your web apps.

Set up a video blog using WordPress and three different free themes—Twenty Twelve, Origami, and Sundance—and get three completely different looks for your site.

Build a custom Joomla! 3 template that automatically tailors and sizes content for a wide range of displays, from desktops to mobile devices, leveraging Bootstrap, which ships with Joomla! 3.

Set up an online magazine using WordPress and three different themes that result in three completely different looks—Max Magazine, Path, and Oxygen.

Build features that allow visitors to your online store to filter their selections interactively via sliders, drag items onto wish lists, and automatically save them locally.

Build an online application for creating personalized photo cards with user-uploaded imagery and text.

Shows aspiring web designers how to quickly create webpage prototypes with text and object styles, modular layouts, and interactivity.

Build a dynamic sliding tabbed panel from scratch using a combination of HTML, CSS, jQuery, and the tools in Dreamweaver.

Build a dynamic sliding tabbed panel from scratch using a combination of HTML, CSS, and jQuery.

Make your website more readable and efficient to download with Chris Converse's responsive website techniques.

Shows how to convert text or graphics into a mouse-sensitive tooltip with HTML and jQuery.

Shows how to convert text or graphics into a mouse-sensitive tooltip with jQuery and Dreamweaver.

Create a mobile-ready version of an existing WordPress web site by leveraging plugins.

Find out how to add stylized dropdown menus in Dreamweaver using HTML, CSS, JavaScript.

Find out how to add stylized dropdown menus to your web site using HTML, CSS, and JavaScript.

Discover how to set up a portfolio of your work using WordPress and three free themes that result in three unique looks for your site—all without writing code!

Combines the use of Adobe InDesign and Digital Publishing Suite to add an interactive web experience to your digital magazine.

Discover how to create an app-like experience for iPad with HTML, CSS, and jQuery, while bypassing the need for Objective-C or the App Store.

Integrate video into an EPUB destined for the Apple iBookstore or a web site.

Ten-minute projects on intermediate and advanced web design topics, covering technologies such as HTML, PHP, jQuery, and CSS, as well as content management solutions like WordPress and integration with Twitter, YouTube, and more.

Add a wraparound effect to your homepage marquee with a concise bit of jQuery code.

Add a wraparound effect to your homepage marquee with Dreamweaver and a concise bit of jQuery code.

Discover how to create and embed a photo gallery, portfolio, or product catalog into a single, interactive PDF file—with one line of code.

Shows how to create an FAQ section for a web site with questions that have expandable and collapsible answers, using an adaptable combination of HTML, CSS, JavaScript, and jQuery.

Shows how to create an FAQ section for a web site with questions that have expandable and collapsible answers, using Dreamweaver and jQuery.

Shows how to build a visually rich, interactive marquee with jQuery to aggregate and display content on a web site home page.

Shows how to implement and customize an interactive rotating carousel animation with jQuery.

Shows how to implement and customize an interactive rotating carousel animation with jQuery and Dreamweaver.

Shows how to create a custom interactive bar chart or other visual graphic with jQuery.

Shows how to create a custom interactive bar chart or other visual graphic with jQuery and Dreamweaver.

Create a network of sites and blogs from a single installation of WordPress with the WordPress Multisite feature.

Shows how to install and customize two free WordPress themes designed to create online photo portfolios.

Shows how to build an online store that handles a variety e-commerce functions using Drupal Commerce.

Shows how to create animated rollover effects within an HTML document, working in Dreamweaver.

Shows how to create animated rollover effects within an HTML document, working in a coding environment.

Shows how to build an advanced portfolio site that showcases various types of content effectively using the free open-source application WordPress.