darknessnerd/css_flexbox_examples

Loads of CSS flexbox examples that you can use as a basis for your own projects.

Webpack Frontend Starterkit [Flexbox layout]

A lightweight foundation for your next webpack based frontend project.

In every branch will be a complete example with: Flexbox, HTML5 new features, etc..., based on this archetype

Installation

npm install

Start Dev Server

npm start

Build Prod Version

npm run build

Features:

• ES6 Support via babel (v7)
• SASS Support via sass-loader
• Linting via eslint-loader

When you run npm run build we use the mini-css-extract-plugin to move the css to a separate file. The css file gets included in the head of the index.html.

#Templates

Template 1:

git checkout feature/template_1

HTML5 DragAndDrop Grid example:

git checkout feature/draganddrop