https://github.com/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!
https://github.com/roma-glushko/landing-boilerplate
boilerplate bootstrap3 grunt html5 less modernizr postcss
Last synced: 4 months ago
JSON representation
A simple boilerplate with Twitter Bootstrap 3, Grunt, LESS on board. Production and Developer modes for assets and it's ready to go!
- Host: GitHub
- URL: https://github.com/roma-glushko/landing-boilerplate
- Owner: roma-glushko
- Created: 2018-06-03T07:48:40.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-06-03T18:08:40.000Z (over 7 years ago)
- Last Synced: 2025-04-06T06:21:01.635Z (7 months ago)
- Topics: boilerplate, bootstrap3, grunt, html5, less, modernizr, postcss
- Language: JavaScript
- Size: 44.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
[](https://david-dm.org/roma-glushko/landing-boilerplate)
[](https://david-dm.org/roma-glushko/landing-boilerplate?type=dev)
[](https://travis-ci.org/roma-glushko/landing-boilerplate)
## 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](http://getbootstrap.com/)
* [Font Awesome](http://fontawesome.io/)
* [jQuery](http://jquery.com/)
* [Animate CSS](https://daneden.me/animate/)
* [Google Fonts](http://www.google.com/fonts)
* [{less}](http://lesscss.org/)
#### Build Tooling
* [Sublime Text](http://www.sublimetext.com/)
* [Nodejs](http://nodejs.org/)
* [Gruntjs](http://gruntjs.com/)
* [Bower](http://bower.io/)
#### Design and Utilities
* [Picturefill](https://github.com/scottjehl/picturefill) Responsive Images
* [Scrollto](https://github.com/flesler/jquery.scrollTo) Scroll to parts on the page
* [Leaflet](https://github.com/Leaflet/Leaflet) Open Street Map maps
* [Swipe](https://github.com/bradbirdsall/Swipe) Swipable carousel
#### Parallax
* [Stellar.js](https://github.com/markdalgleish/stellar.js) Simple parallax library
* [Parallax.js](http://wagerfield.github.io/parallax/)
### Useful Tools
* [HTML to Jade converter](http://html2jade.aaron-powell.com)
* [Codepen](http://codepen.io/) - Great examples
* [Codrops](http://tympanus.net/codrops/) - fantastc design examples with code
### Recommended Design
- [Google Bootstrap](http://todc.github.io/todc-bootstrap/) - Google-styled theme for Bootstrap
- [Colors](http://clrs.cc) - a nicer color palette for the web.
- [CSS Spinning Loaders](http://codepen.io/andymcfee/pen/ioskA) - spinning loader in css.
- [Creative Button Styles](http://tympanus.net/Development/CreativeButtons/) - awesome button styles.
- [3D Dropdown Menu](http://soulwire.github.io/Makisu/) - CSS3 3D Dropdown Menu that folds and unfolds.
- [Calendar in CSS](http://cssdeck.com/labs/vr7yddm7) - Nice looking calendar in pure HTML and CSS.
- [Creative Link Effects](http://tympanus.net/Development/CreativeLinkEffects/) - Beautiful link effects in CSS.
### Stock Photos
* [Little Visuals](http://littlevisuals.co/)
* [Unsplash](http://unsplash.com/)
* [Death to the Stock Photo](http://join.deathtothestockphoto.com/)
* [New Old Stock](http://nos.twnsnd.co/)
* [Superfamous (requires attribution)](http://superfamous.com/)
* [Picjumbo](http://picjumbo.com/)
* [The Pattern Library](http://thepatternlibrary.com/)
* [Gratisography](http://www.gratisography.com/)
* [Getrefe](http://getrefe.tumblr.com/)
### Recommended Node.js Libraries
* [nodemon](https://github.com/remy/nodemon) - automatically restart node.js server on code change.
* [geoip-lite](https://github.com/bluesmoon/node-geoip) - get location name from IP address.
* [email.js](https://github.com/eleith/emailjs) - send emails with node.js (without sendgrid or mailgun).
* [filesize.js](http://filesizejs.com/) - make file size pretty, e.g. `filesize(265318); // "265.32 kB"`.
* [Numeral.js](http://numeraljs.com) - a javascript library for formatting and manipulating numbers.
### Recommended Client-Side libraries
- [Hover](https://github.com/IanLunn/Hover) - Awesome css3 animations on mouse hover.
- [platform.js](https://github.com/bestiejs/platform.js) - Get client's operating system name, version, and other useful information.
- [iCheck](https://github.com/fronteed/iCheck) - Custom nice looking radio and check boxes.
- [Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/) - Responsive jQuery Lightbox Plugin.
- [jQuery Raty](http://wbotelhos.com/raty/) - Star Rating Plugin.
- [Headroom.js](http://wicky.nillia.ms/headroom.js/) - Hide your header until you need it.
- [Fotorama](http://fotorama.io) - Very nice jQuery gallery.
* [X-editable](http://vitalets.github.io/x-editable/) - Edit form elements inline.
* [Offline.js](http://github.hubspot.com/offline/docs/welcome/) - Detect when user's internet connection goes offline.
* [Color Thief](https://github.com/lokesh/color-thief) - Grabs the dominant color or a representative color palette from an image.
* [Alertify.js](http://fabien-d.github.io/alertify.js/) - Sweet looking alerts and browser dialogs.