2015
Lynda
Chris Converse
0:38
English
A countdown timer is a great way to increase anticipation for a product launch or announcement on your website. In this installment of Design the Web, Chris Converse shows how to add an elegant and responsive countdown using a free jQuery plugin. By customizing the injected HTML from the plugin, and styling the results with CSS, your countdown will work across various time zones, act responsively, and look perfectly integrated into your site. The exercise files—which include a copy of the jQuery Countdown plugin—are free for all members, so get started now.
Introduction
Introduction to this course
About the exercise files
1. Activating and Styling Your Countdown
Linking to the necessary JavaScript files
Adding the base HTML markup
Styling the base markup
Styling the headings
Activating the countdown plugin
Styling the injected HTML from the plugin
Making the countdown responsive
2. Customizing the Plugin Behavior
Customizing the counter and HTML injection
Modifying the labels in the plugin file
http://www.lynda.com/
Download File Size:135.68 MB