What You'll Be Creating Today we'll be learning how to create a static one page "About Me" website using the awesome free app Prepros from Alpha Pixels. Prepros is an interface tool which handles preprocessing, and other front-end tasks. Prepros' greatest strength is the incredible ease with which it allows you to use preprocessors of various kinds, be they for CSS, HTML or JavaScript. So as we put together our static site we'll be playing with three preprocessors for these languages; Stylus, Jade and (a tiny bit of) CoffeeScript respectively. With Prepros there's no need to install Node.js, Ruby or any modules and gems, and you never have to touch command line. Just install and run Prepros, add your project and it will handle all your compiling, combining and minifying for you. As part of our site creation we'll also be including some smooth scrolling effects to take visitors from one section of the site to the next, plus some CSS based animation effects for extra punch. Check out the live demo to see what you'll be making. 1. Getting Setup We'll begin by getting you setup with a project folder organized to best work with Prepros
↧
