COURSES
Responsive Web Design with HTML5 and CSS3 - Intermediate
Section 6 - HTML5 Forms
- Download a php file for sending email.
- Download a PHP file that will work if your server cannot process a PHP header request. This one uses a META refresh instead. Please read the direction at the top of the file.
- View the png used for the form validation.
- View the completed example for this unit.
Section 7 - Sliders, Video & Image Sprites
- View my example of the image slider based on WooThemes FlexSlider2
- View my example of a thumbnail viewer based on WooThemes Flexslider2
- View my example of flexible video (includes YouTube, Vimeo, BlipTV) using FitVids.js
- View my example of a WooThemes slider (it uses fade and no controls)
Section 8 - Images and Font Graphics
- Download the source code for picturefill.
- Download the FontAwesome typeface.
- View the completed example for this unit.
Section 9 - Lazy Loading
- Download the Lazy Loading Plugin for jQuery (download v. 1.8.4 used in this tutorial)
- View the example of a lazy load page with grey placeholders
- View the example of a lazy load page with highly compressed grey scale versions of the placeholders
- View the Royal Engineering website which uses lazy loading for their gallery pages
- Download the "Add To Home Screen" script
- View an example of a page with AddToHome done inappropriately (for testing purposes)
- View an example of a page with AddToHome done appropriately