modulexcite/front-end-toolkit

A collection of resources, useful tools and technologies for front-end web development.

Front-End Toolkit

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 Gulp tasks:
  • gulp-sass - npmjs.com/package/gulp-sass
  • gulp-svg-sprite - npmjs.com/package/gulp-svg-sprite

To install template:

• Copy files to your project directory
• In the command line navigate to your project directory and run npm install.
• Run Gulp task watch-all.

Note: we use npm package manager to manage our modules and Gulp 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