Join Ray Villalobos for an in-depth discussion in this video What you should know before watching this course, part of Building a Responsive Single-Page Design with Sass.
- View Offline
Building a responsive single page design is definitely not a beginner course and I'm starting with the assumption that you have some experience creating web projects before going through this course. You should be very familiar building online projects and how HTML works. A really good course to check out is James Willingson's HTML5 structure syntax and semantics. Unlike other courses this course requires some extensive setup and use of the command line. So make sure that you're comfortable with the terminal on OS X or with a program like Git Bash on Windows.
If you need some brushing up, check out jQuery Essential Training with Joe Marini. Building a responsive single page design is not for beginners, with some background experience and key technologies, you should have no problem taking this course.
- 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.
- 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