roma-glushko/landing-boilerplate

A simple boilerplate with Twitter Bootstrap 3, Grunt, LESS on board. Production and Developer modes for assets and it's ready to go!

Landing Page Boilerplate

This is a yet another boilerplate with your favourite Twitter Bootstrap 3, Grunt, LESS, production asset optimizations, powered by NPM and Bower and ready to go!

Installation

Installation of the boilerplate is the same as other NPM & Bower related projects:

npm install && bower install

After that, you are ready to go.

The mods are available:

• grunt dev - assets will be compiled but not optimized to facilitate debugging
• grunt prod - assets will be compiled, minimized and merged to speed up pages

Local server can be up via grunt serve on http://localhost:3000

Copyrights

Assembled by Roman Glushko, 2018 (c)

Credits and Resources

• Bootstrap
• Font Awesome
• jQuery
• Animate CSS
• Google Fonts
• {less}

Build Tooling

• Sublime Text
• Nodejs
• Gruntjs
• Bower

Design and Utilities

• Picturefill Responsive Images
• Scrollto Scroll to parts on the page
• Leaflet Open Street Map maps
• Swipe Swipable carousel

Parallax

• Stellar.js Simple parallax library
• Parallax.js

Useful Tools

• HTML to Jade converter
• Codepen - Great examples
• Codrops - fantastc design examples with code

Recommended Design

• Google Bootstrap - Google-styled theme for Bootstrap
• Colors - a nicer color palette for the web.
• CSS Spinning Loaders - spinning loader in css.
• Creative Button Styles - awesome button styles.
• 3D Dropdown Menu - CSS3 3D Dropdown Menu that folds and unfolds.
• Calendar in CSS - Nice looking calendar in pure HTML and CSS.
• Creative Link Effects - Beautiful link effects in CSS.

Stock Photos

• Little Visuals
• Unsplash
• Death to the Stock Photo
• New Old Stock
• Superfamous (requires attribution)
• Picjumbo
• The Pattern Library
• Gratisography
• Getrefe

Recommended Node.js Libraries

• nodemon - automatically restart node.js server on code change.
• geoip-lite - get location name from IP address.
• email.js - send emails with node.js (without sendgrid or mailgun).
• filesize.js - make file size pretty, e.g. filesize(265318); // "265.32 kB".
• Numeral.js - a javascript library for formatting and manipulating numbers.

Recommended Client-Side libraries

• Hover - Awesome css3 animations on mouse hover.
• platform.js - Get client's operating system name, version, and other useful information.
• iCheck - Custom nice looking radio and check boxes.
• Magnific Popup - Responsive jQuery Lightbox Plugin.
• jQuery Raty - Star Rating Plugin.
• Headroom.js - Hide your header until you need it.
• Fotorama - Very nice jQuery gallery.

• X-editable - Edit form elements inline.
• Offline.js - Detect when user's internet connection goes offline.
• Color Thief - Grabs the dominant color or a representative color palette from an image.
• Alertify.js - Sweet looking alerts and browser dialogs.