Don't like banners? Log in and we will make sure you see no banners. For free.
Lynda - Interactive Animations with CSS and JavaScript [AhLaN]

Lynda - Interactive Animations with CSS and JavaScript [AhLaN]

Size
282 MB
Seeders
1
Leechers
0
Files
99
Category
Added
at 7:32pm GMT+1
Infohash
87701df51bc3e247d45cf7919ee649d2ad9e7e13
Don't like banners? Log in and we will make sure you see no banners. For free.

Description
---------------------------------------------------------------------------------



-----------------------------------------------------------------------------------

                               Proudly Presents

-----------------------------------------------------------------------------------

Lynda - Interactive Animations with CSS and JavaScript [AhLaN]

     









SUPPLiER.......: WWW             RELEASE DATE......: 31/07/20

Uploader.......: abidmail          Collector.........: abidmail











                  ... RELEASE iNFORMATiON ...





GENERAL INFO

Instructor            : W. Scott Means

Duration              : 1h 40m

Released              : 9/4/2018





                  ... About This Course ...



In a world without Flash, mixed-mode animation is a powerful tool for web designers. This course shows how to choose the correct mix of HTML, JavaScript, CSS, and other assets to deliver polished web-based animations that look great on everything from flat-screen televisions to smartphones. Instructor W. Scott Means focuses on how CSS animations, JavaScript, and SVG can be used to produce sophisticated effects while keeping code complexity to a minimum. As he steps through how to build a dynamic presentation, he covers storyboarding, HTML5 custom elements, working with SVG, DOM manipulation, and more.



Topics include:

Storyboarding

Creating a dynamic layout with flexbox

Interactivity with JavaScript

Navigating the DOM

Adding animation

Controlling animations with classes

Manipulating SVG with JavaScript

Applying CSS to SVG




File list
  • Lynda - Interactive Animations with CSS and JavaScript [AhLaN]
  • 1 - Introduction/01 - Beyond Flash - Creating animations for the modern web.mp4 4.2 MB
  • 1 - Introduction/02 - What you should know.mp4 2.2 MB
  • 2 - 1. Building a Foundation/03 - Storyboarding.mp4 3.9 MB
  • 2 - 1. Building a Foundation/04 - Scene elements.mp4 1.5 MB
  • 2 - 1. Building a Foundation/05 - Animation strategies.mp4 2.5 MB
  • 2 - 1. Building a Foundation/06 - Set up your environment.mp4 2.8 MB
  • 3 - 2. HTML Layout/07 - HTML custom elements.mp4 8.2 MB
  • 3 - 2. HTML Layout/08 - Responsive CSS with view units.mp4 6.7 MB
  • 3 - 2. HTML Layout/09 - Create a square with CSS vmin.mp4 5.8 MB
  • 3 - 2. HTML Layout/10 - Center element with CSS margins.mp4 7.7 MB
  • 3 - 2. HTML Layout/11 - Center element CSS flexbox.mp4 5.6 MB
  • 3 - 2. HTML Layout/12 - Create a dynamic layout with flexbox.mp4 16.4 MB
  • 4 - 3. Interactivity with JavaScript/13 - CSS selector specificity.mp4 7 MB
  • 4 - 3. Interactivity with JavaScript/14 - Add a JavaScript event handler.mp4 4.4 MB
  • 4 - 3. Interactivity with JavaScript/15 - Navigating the DOM.mp4 9.1 MB
  • 5 - 4. Adding Animation/16 - Animation setup.mp4 6.8 MB
  • 5 - 4. Adding Animation/17 - CSS @keyframes.mp4 9.8 MB
  • 5 - 4. Adding Animation/18 - Easing.mp4 7.4 MB
  • 5 - 4. Adding Animation/19 - Auto-advance with JavaScript.mp4 7.6 MB
  • 5 - 4. Adding Animation/20 - Control animations with classes.mp4 7.1 MB
  • 5 - 4. Adding Animation/21 - Animate visibility.mp4 14.3 MB
  • 5 - 4. Adding Animation/22 - We need a montage.mp4 2.8 MB
  • 5 - 4. Adding Animation/23 - Adding an animationend event handler.mp4 15.7 MB
  • 5 - 4. Adding Animation/24 - Animating with CSS transitions.mp4 15.9 MB
  • 5 - 4. Adding Animation/25 - Targeted animations using IDs.mp4 9.9 MB
  • 5 - 4. Adding Animation/26 - Manipulating DOM with JavaScript.mp4 9.7 MB
  • 5 - 4. Adding Animation/27 - Randomize slide displays.mp4 21.5 MB
  • 5 - 4. Adding Animation/28 - Set timing for transitions.mp4 10 MB
  • 6 - 5. Working with SVG/29 - The DOM is everything.mp4 9.2 MB
  • 6 - 5. Working with SVG/30 - Manipulating SVG with JavaScript.mp4 18.4 MB
  • 6 - 5. Working with SVG/31 - Applying CSS to SVG.mp4 7.9 MB
  • 6 - 5. Working with SVG/32 - Fit and finish.mp4 8.7 MB
  • 7 - 6. Conclusion/33 - Next steps.mp4 2.3 MB
  • AhLaN.txt 175 B
  • Exercise Files/.DS_Store 12 KB
  • Exercise Files/Ch1/.DS_Store 6 KB
  • Exercise Files/Ch1/01_04/css/style.css 69 B
  • Exercise Files/Ch1/01_04/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch1/01_04/index.html 501 B
  • Exercise Files/Ch1/01_04/js/main.js 31 B
  • Exercise Files/Ch2/.DS_Store 8 KB
  • Exercise Files/Ch2/02_01/begin/css/style.css 69 B
  • Exercise Files/Ch2/02_01/begin/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_01/begin/index.html 501 B
  • Exercise Files/Ch2/02_01/begin/js/main.js 31 B
  • Exercise Files/Ch2/02_01/end/css/style.css 89 B
  • Exercise Files/Ch2/02_01/end/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_01/end/index.html 502 B
  • Exercise Files/Ch2/02_01/end/js/main.js 31 B
  • Exercise Files/Ch2/02_02/begin/css/style.css 89 B
  • Exercise Files/Ch2/02_02/begin/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_02/begin/index.html 598 B
  • Exercise Files/Ch2/02_02/begin/js/main.js 31 B
  • Exercise Files/Ch2/02_02/end/css/style.css 166 B
  • Exercise Files/Ch2/02_02/end/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_02/end/index.html 598 B
  • Exercise Files/Ch2/02_02/end/js/main.js 31 B
  • Exercise Files/Ch2/02_03/begin/css/style.css 166 B
  • Exercise Files/Ch2/02_03/begin/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_03/begin/index.html 598 B
  • Exercise Files/Ch2/02_03/begin/js/main.js 31 B
  • Exercise Files/Ch2/02_03/end/css/style.css 267 B
  • Exercise Files/Ch2/02_03/end/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_03/end/index.html 598 B
  • Exercise Files/Ch2/02_03/end/js/main.js 31 B
  • Exercise Files/Ch2/02_04/begin/css/style.css 267 B
  • Exercise Files/Ch2/02_04/begin/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_04/begin/index.html 598 B
  • Exercise Files/Ch2/02_04/begin/js/main.js 31 B
  • Exercise Files/Ch2/02_04/end/css/style.css 378 B
  • Exercise Files/Ch2/02_04/end/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_04/end/index.html 598 B
  • Exercise Files/Ch2/02_04/end/js/main.js 31 B
  • Exercise Files/Ch2/02_05/begin/css/style.css 378 B
  • Exercise Files/Ch2/02_05/begin/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_05/begin/index.html 598 B
  • Exercise Files/Ch2/02_05/begin/js/main.js 31 B
  • Exercise Files/Ch2/02_05/end/css/style.css 428 B
  • Exercise Files/Ch2/02_05/end/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_05/end/index.html 598 B
  • Exercise Files/Ch2/02_05/end/js/main.js 31 B
  • Exercise Files/Ch2/02_06/.DS_Store 8 KB
  • Exercise Files/Ch2/02_06/begin/.DS_Store 8 KB
  • Exercise Files/Ch2/02_06/begin/css/style.css 477 B
  • Exercise Files/Ch2/02_06/begin/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_06/begin/images/circle.svg 692 B
  • Exercise Files/Ch2/02_06/begin/images/diamond.svg 647 B
  • Exercise Files/Ch2/02_06/begin/images/square.svg 705 B
  • Exercise Files/Ch2/02_06/begin/images/triangle.svg 720 B
  • Exercise Files/Ch2/02_06/begin/index.html 598 B
  • Exercise Files/Ch2/02_06/begin/js/main.js 31 B
  • Exercise Files/Ch2/02_06/end/css/style.css 723 B
  • Exercise Files/Ch2/02_06/end/DeepLearningAnimationMarkup.pdf 162.7 KB
  • Exercise Files/Ch2/02_06/end/images/circle.svg 692 B
  • Exercise Files/Ch2/02_06/end/images/diamond.svg 647 B
  • Exercise Files/Ch2/02_06/end/images/square.svg 705 B
  • Exercise Files/Ch2/02_06/end/index.html 844 B
  • Exercise Files/git2lynda 1.4 KB
  • Seed Me!!.png 42 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.