[LT] - Building a Responsive Single Page Design [TearKey]

seeders: 0
leechers: 0
Download torrent
Added on May 11, 2015 by tearkeyin Other > Tutorials
Torrent verified.


[LT] - Building a Responsive Single Page Design [TearKey] (Size: 977.28 MB)
 0001 Welcome.mp411.25 MB
 0002 What You Should Know Before Watching This Course.mp43.82 MB
 0003 Using the exercise files.mp413.56 MB
 0101 Analyzing our project.mp443.77 MB
 0102 Installing Git and Node on a Mac.mp45.92 MB
 0103 Installing Git and Node on a PC.mp47.47 MB
 0104 Installing and updating Ruby.mp49.46 MB
 0105 Downloading dependencies.mp422.15 MB
 0106 Analyzing our workflow.mp431.98 MB
 0107 Examining your HTML.mp458.66 MB
 0201 Working with Github templates.mp414.86 MB
 0202 Organizing your Sass.mp414.83 MB
 0203 Preparing your variables.mp425.34 MB
 0204 Creating basic styles.mp429.44 MB
 0205 Building your own mixins.mp415.88 MB
 0206 Preparing your header.mp436.41 MB
 0207 Coding the navigation.mp448.1 MB
 0301 Making your navigation responsive.mp438.44 MB
 0302 Controlling media queries with Breakpoint.mp441 MB
 0303 Using the Susy Gallery mixin.mp450.23 MB
 0304 Designing a complex layout.mp429.48 MB
 0305 Adjusting your layouts.mp446.65 MB
 0306 Padding elements with Susy.mp438.05 MB
 0307 Using jQuery for full screen and Compass flexbox features.mp427.13 MB
 0308 Creating media queries outside your elements.mp435.02 MB
 0309 Adding defaults to your background mixing.mp437.71 MB
 0310 Using a split layout.mp426.45 MB
 0401 Creating a tween animation.mp442.72 MB
 0402 Pinning your navigation and smoothing scrolling.mp428.91 MB
 0403 Highlighting menu items on scroll.mp426.25 MB
 0404 Controlling scenes by scrolling.mp442.03 MB
 0405 Adjusting for touch devices.mp414.1 MB
 0406 Deploying to production.mp411.11 MB
 0501 Next Steps.mp44.42 MB
 Attractions.jpg208.45 KB
 dining_lattes.jpg86.21 KB
 dining_rooftop.jpg94.6 KB
 dining_smoothiebar.jpg51.17 KB
 events_conference.jpg223.23 KB
 events_wedding.jpg135.17 KB
 intro_attractions.jpg16 KB
 intro_dining.jpg20.2 KB
 intro_pool.jpg23.09 KB
 intro_room.jpg17.59 KB
 Attractions.png2.07 KB
 DINING.png3.08 KB
 events.png1.69 KB
 info.png2.26 KB
 Rooms.png689 bytes
 Arrow.png2.83 KB
 GreenPlanet.png315.73 KB
 Facebook.png637 bytes
 Twitter.png1.1 KB
 youtube.png1.28 KB
 style.css30.13 KB
 style.css.map15.51 KB
 Attractions.jpg208.45 KB
 dining_lattes.jpg86.21 KB
 dining_rooftop.jpg94.6 KB
 dining_smoothiebar.jpg51.17 KB
 events_conference.jpg223.23 KB
 events_wedding.jpg135.17 KB
 intro_attractions.jpg16 KB
 intro_dining.jpg20.2 KB
 intro_pool.jpg23.09 KB
 intro_room.jpg17.59 KB
 Attractions.png2.07 KB
 DINING.png3.08 KB
 events.png1.69 KB
 info.png2.26 KB
 Rooms.png689 bytes
 Arrow.png2.83 KB
 GreenPlanet.png315.73 KB
 Facebook.png637 bytes
 Twitter.png1.1 KB
 youtube.png1.28 KB
 SCRIPT.js356.92 KB
 index.html12.59 KB
 style.css17.24 KB
 style.css.map15.19 KB
 Attractions.jpg208.45 KB
 dining_lattes.jpg86.21 KB
 dining_rooftop.jpg94.6 KB
 dining_smoothiebar.jpg51.17 KB
 events_conference.jpg223.23 KB
 events_wedding.jpg135.17 KB
 intro_attractions.jpg16 KB
 intro_dining.jpg20.2 KB
 intro_pool.jpg23.09 KB
 intro_room.jpg17.59 KB
 Attractions.png2.07 KB
 DINING.png3.08 KB
 events.png1.69 KB
 info.png2.26 KB
 Rooms.png689 bytes
 Arrow.png2.83 KB
 GreenPlanet.png315.73 KB
 Facebook.png637 bytes
 Twitter.png1.1 KB
 youtube.png1.28 KB
 SCRIPT.js194.57 KB
 index.html10.72 KB
 _attractions.scss486 bytes
 _dining.scss911 bytes
 _events.scss776 bytes
 _footer.scss370 bytes
 _hotelinfo.scss1.75 KB
 _Intro.scss935 bytes
 _nav.scss2.15 KB
 _rooms.scss1.06 KB
 _welcome.scss835 bytes
 _BASE.scss247 bytes
 _layout.scss358 bytes
 _mixins.scss570 bytes
 _variables.scss1021 bytes
 style.scss671 bytes
 jqloader.js42 bytes
 jquery.scrollmagic.min.js13.73 KB
 SCRIPT.js4.5 KB
 TweenMax.min.js96.47 KB
 gulpfile.js2.24 KB
 package.json603 bytes
 Readme.md237 bytes

Description

Lynda.com Video Course Building a Responsive Single-Page Design

Duration: 4h 55m. Level: Intermediate. Updated: Sep 23, 2014

Learn how to build dynamic, responsive single-page designs with HTML, JavaScript, and CSS. The website featured in this course combines docking navigation, columns that adjust without cluttering your site layout or HTML markup, and animated scrolling effects that respond to user direction. Author Ray Villalobos shows you how to build it. He starts with a lean, easy-to-read template, and then explains how to add the features that make single-page designs so great, with these four frameworks:
Compass, whose Sass mixins help you leverage CSS3 features like Flexbox
Susy 2, the framework that "subtracts" the math from responsive grid design
ScrollMagic, for adding "magical" scroll effects
Breakpoint, which makes writing media queries in Sass a snap

But this course isn't just about the tools. It's a realistic project that epitomizes many of the design challenges website developers face in the real world. Start watching now and learn how to use HTML, jQuery, and CSS to build your own dynamic, deeply responsive designs.

Topics include:

Analyzing the project before you begin
Creating basic styles
Building your own Sass mixins
Coding the navigation
Making the navigation responsive, with grids
Using a split layout
Creating tween animations
Controlling scenes with scrolling

Subject: Web
Software: HTML JavaScript CSS
Author: Ray Villalobos

Please seed as much as you can to support uploading.

Best Regards,
TearKey

Sharing Widget


Download torrent
977.28 MB
seeders:0
leechers:0
[LT] - Building a Responsive Single Page Design [TearKey]