Lynda - Building a Responsive Single Page Design

seeders: 43
leechers: 20
Download torrent
Added on September 24, 2014 by bringbackin Other > Tutorials
Torrent verified.


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

Description

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










Sharing Widget


Download torrent
977.28 MB
seeders:43
leechers:20
Lynda - Building a Responsive Single Page Design

All Comments

TheGreatSage
Loved the course. thank you
Zer07
Just amazing!
FurqanAmin
thanks bring back
kickdrummer
thanks a ton bringback!! you're the MAN!!
Shuvo-Khan
Thanks