This project is a collections of resources, best practices and tools for front-end developers. Is made to help unify workflow and standardize the code inside our team.
##Starter Template## To ease setup process of the new project we have created a starter template which contains:
- Javascript files structure including following plugins:
- JS loader - require.js
- Modal window - jquery.modal.js
- Slider - slick.js
- Form validation - jquery.validate
- Sass files structure including following components:
- Image sprites
- CSS normalizer
- Default styles for:
- Form elements
- Modal window
- Table elements
- Automated Grunt tasks:
- grunt-contrib-watch - npmjs.com/package/grunt-contrib-watch
- grunt-sass - npmjs.com/package/grunt-sass
- grunt-sprite - npmjs.com/package/grunt-spritesmith
- grunt-folder_list - npmjs.com/package/grunt-folder-list
To install template:
- Copy files to your project directory
- In the command line navigate to your project directory and run
npm install. - Run Grunt task
watch.
Note: we use npm package manager to manage our modules and Grunt to run automated tasks. Also, to use npm manager you must have Node.js installer on your machine.
##Wiki## A collection of resources, useful tools and technologies for front-end web development.
- Front-End Bible - Set of rules for front-end developer.
- Tools for Work - A list of tools that makes our life easier.
- Plugins - Mostly Javascript libraries that proved their importance.
- Styleguide - The latest and greatest style guide page.
- Accessibility Guidance - Let’s make a Web more accessible.
- Layout Samples - HTML layouts samples
- Resources - Hand picked resources for Front-end developer
This project is brought you by: Devbridge Group