Lynda - HTML5 Projects - Creating an Advanced Responsive Presentation

seeders: 31
leechers: 2
Download torrent
Added on March 30, 2014 by Stormarekillain Other > Tutorials
Torrent verified.


Lynda - HTML5 Projects - Creating an Advanced Responsive Presentation (Size: 402.28 MB)
 01_01-exploring.mp47.44 MB
 02_01-iframe.mp416.61 MB
 02_02-hidecursor.mp48.65 MB
 02_03-bullets.mp426.33 MB
 02_04-challenge.mp49.75 MB
 02_05-solution.mp46.23 MB
 03_01-autoplay.mp422.95 MB
 03_02-bullettime.mp420.69 MB
 03_03-challenge.mp41.85 MB
 03_04-solution.mp414.82 MB
 04_01-mediaelement.mp47.84 MB
 04_02-Video.mp442.07 MB
 04_03-nextvideo.mp444.28 MB
 04_04-challenge.mp42.17 MB
 04_05-solution.mp422.09 MB
 05_01-smartpause.mp428.19 MB
 05_02-tweaks.mp439.32 MB
 06_01-cacheman.mp412.2 MB
 06_02-cachetest.mp418.31 MB
 07_01-nextsteps.mp42.26 MB
 normalize.css7.17 KB
 styles.css2.68 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.67 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html2.1 KB
 MANIFEST.appcache352 bytes
 normalize.css7.17 KB
 styles.css2.08 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js2.82 KB
 index.html1.6 KB
 normalize.css7.17 KB
 styles.css2.11 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js2.82 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.08 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js2.82 KB
 index.html1.6 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js2.82 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.11 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js2.82 KB
 index.html1.78 KB
 Snippets.css135 bytes
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js3.03 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js2.82 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js3.03 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js3.08 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js3.24 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js3.08 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js3.41 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js3.24 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js3.41 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js3.58 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js3.58 KB
 flashmediaelement.swf27.97 KB
 index.html1.84 KB
 flashmediaelement.swf27.97 KB
 mediaelement-and-player.min.js67.25 KB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 pres.js3.58 KB
 index.html1.78 KB
 normalize.css7.17 KB
 styles.css2.59 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js3.86 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html1.91 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 normalize.css7.17 KB
 styles.css2.25 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js3.58 KB
 flashmediaelement.swf27.97 KB
 index.html1.84 KB
 normalize.css7.17 KB
 styles.css2.59 KB
 background_buildings.png26.22 KB
 Riley_Rewington.jpg361.97 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.52 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html1.91 KB
 normalize.css7.17 KB
 styles.css2.59 KB
 background_buildings.png26.22 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js3.86 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html1.91 KB
 normalize.css7.17 KB
 styles.css2.59 KB
 background_buildings.png26.22 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.52 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html1.91 KB
 normalize.css7.17 KB
 styles.css2.59 KB
 background_buildings.png26.22 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.55 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html1.95 KB
 normalize.css7.17 KB
 styles.css2.59 KB
 background_buildings.png26.22 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.62 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html1.95 KB
 normalize.css7.17 KB
 styles.css2.59 KB
 background_buildings.png26.22 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.55 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html1.95 KB
 normalize.css7.17 KB
 styles.css2.68 KB
 background_buildings.png26.22 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.67 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html2.07 KB
 normalize.css7.17 KB
 styles.css2.59 KB
 background_buildings.png26.22 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.62 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html1.95 KB
 normalize.css7.17 KB
 styles.css2.68 KB
 background_buildings.png26.22 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.67 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html2.1 KB
 MANIFEST.appcache352 bytes
 normalize.css7.17 KB
 styles.css2.68 KB
 background_buildings.png26.22 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.67 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html2.08 KB
 MANIFEST.appcache352 bytes
 normalize.css7.17 KB
 styles.css2.68 KB
 background_buildings.png26.22 KB
 jquery.touchSwipe.min.js6.36 KB
 mediaelement-and-player.min.js67.25 KB
 pres.js4.67 KB
 flashmediaelement.swf27.97 KB
 placeholder.mp337.39 KB
 placeholder.mp41.75 MB
 index.html2.1 KB
 MANIFEST.appcache352 bytes
 00_01-welcome.mp48.18 MB
 00_02-exfiles.mp41.17 MB
 00_03-usingchallenges.mp43.52 MB


Description


HTML5 Projects: Creating an Advanced Responsive Presentation | 402MB
Duration: 1h 15m | Video: AVC (.mp4) 960x540 15&30fps | Audio: AAC 48KHz 2ch
Genre: eLearning | Level: Advanced | Language: English


You've created a basic web presentation. Now what? In this course, you'll learn how to spiff up your HTML5 presentation slides with automatic playback, integrated audio and video, and more. Author Justin Putney shows how to embed a Twitter feed, place your presentation on loop, and make subtle polishes like hiding the cursor in full-screen mode and improving the timing of bullets. Justin also includes a series of challenge-and-solution pairs to test your skills.
Need more information on creating an initial web presentation? Watch the related HTML5 Projects: Creating a Responsive Presentation course.

Topics include:
* Embedding a Twitter feed in an iframe
* Creating the code for automatic playback
* Using MediaElement.js in your presentation
* Adding video and audio


Introduction 1m 45s
Welcome 46s
Using the exercise files 21s
Using the challenges 38s

1. Understanding the Project 39s
Exploring the final results 39s

2. Enhancing the Slideshow 11m 43s
Embedding a Twitter feed via an iframe 2m 58s
Hiding the cursor in full-screen mode 2m 7s
Stepping through bullet points 3m 57s
Challenge: Reverse bullet points 1m 11s
Solution: Reverse bullet points 1m 30s

3. Creating a Self-Running Slideshow 10m 13s
Creating the code for automatic playback 4m 5s
Adding bullet timing 3m 32s
Challenge: Creating a loop 35s
Solution: Creating a loop 2m 1s

4. Adding Audio and Video 27m 3s
Using MediaElement.js in your presentation 1m 55s
Adding video 10m 38s
Moving to the next slide when the video completes 10m 39s
Challenge: Self-running audio narration 37s
Solution: Self-running audio narration 3m 14s

5. Finalizing the Self-Running Mobile Presentation 16m 32s
Adding a "smart" pause with backward navigation 6m 53s
Custom tweaks for iPad 9m 39s

6. Enabling Offline Playback 6m 53s
Using the application cache manifest 2m 24s
Testing the application cache 4m 29s

Conclusion 40s
Next steps 40s


Screenshot:

Sharing Widget


Download torrent
402.28 MB
seeders:31
leechers:2
Lynda - HTML5 Projects - Creating an Advanced Responsive Presentation

All Comments

ShaikhGauhar
A BOLD Thanks...
Antignor
Thanks.
le1ine
Thank you soooooooo much