"Show more" with a single click. Learn how to build an expandable panel for web experiences using HTML, CSS, and jQuery.
- Open Source (30)
- jQuery (22)
- Adobe (12)
- Dreamweaver (7)
- CSS (6)
- HTML (4)
- Photoshop (2)
- PHP (2)
- After Effects (1)
- AngularJS (1)
- Bohemian (1)
- Edge Animate (1)
- phpMyAdmin (1)
- Sketch (1)
- Twitter (1)
- WordPress (1)
- Web (39)
- Web Design (31)
- Projects (28)
- Web Development (17)
- Developer (11)
- Interaction Design (7)
- Web Graphics (7)
- Design (3)
- Responsive Design (3)
- User Experience (3)
- Scripting Languages (2)
- Web Video (2)
- 3D + Animation (1)
- Animation (1)
- Blogs (1)
- Business (1)
- Charts + Graphs (1)
- CMS (1)
- Digital Publishing (1)
- Infographics (1)
- Mobile Web (1)
- Photography (1)
- Programming Languages (1)
- Prototyping (1)
- Sharing Photos (1)
- Web Foundations (1)
- Wireframing (1)
Learn how to use CSS counters to automatically number any HTML elements on a webpage, including headings, images, and captions.
Learn how to use Sketch's features and extensions to export design assets, CSS and HTML, and animation in high-quality formats and integrate with other UX design platforms.
Optimize your web graphics workflow with Photoshop Smart Objects. Create complex, one-click color adjustments you can update on the fly.
Learn how to write or modify CSS code, enhancing the appearance of lists on your websites and applications. Explore the HTML properties of ordered lists, including numbered lists. Learn the key CSS properties used in styling both a list itself and the items within the list.
Learn how to create collapsible menus and add scalable vector graphics (SVGs) to your responsive web design layouts.
Learn how to use jQuery, a free plugin called tablesorter, and some simple CSS to create sortable, interactive HTML tables.
Learn how to create a Twitter widget and embed a Twitter timeline in any website.
Learn how to make HTML tables look top-notch with a little CSS wizardry. Find out how to style text, highlight rows, and highlight related table data with animated hover states.
Learn how to use PHP, HTML, and CSS to dynamically modify styles in your scalable vector graphics (SVGs).
Test your user's knowledge or increase your brand awareness in a fun way with attractive and engaging quizzes built with AngularJS.
Learn to use the GreenSock Animation Platform to create HTML5 animated advertisements for your product or service.
Add an elegant and responsive countdown timer to your website—perfect for a product launch or premiere—using a free jQuery plugin.
Create an attractive, interactive, and responsive promotional marquee for your website.
Learn to create a realistic steam animation with After Effects, using a particle system animation and a sprite sheet.
Discover how to use Photoshop layer comps to storyboard your interaction designs.
Create a promotional, animated marquee for the homepage of your WordPress website. The exercise files and code snippets for this course are free to all members.
Learn to create an engaging, interactive, and animated timeline with HTML and jQuery.
Implement and customize a sortable photo gallery with jQuery.
Use Edge Animate and HTML5, jQuery, and CSS to create a custom, interactive homepage marquee.
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.
Shows how to convert text or graphics into a mouse-sensitive tooltip with HTML and jQuery.
Combines the use of Adobe InDesign and Digital Publishing Suite to add an interactive web experience to your digital magazine.
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 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 animated rollover effects within an HTML document, working in a coding environment.
Design and create a rich interactive map for a web site, working in a coding environment and using the open-source scripting library jQuery.
Design and create a rich interactive map for a web site using the open-source scripting library jQuery and the tools in Dreamweaver.
Shows how to develop an interactive photo gallery for a web site using HTML, CSS, and jQuery.
“Because of your lessons, I can go to “class” every night to learn the new programs that are needed for my work and my other projects.” —Frances M.
more from our members »