Keep it simple and straightforward but good enough so it can become a large site or application.

• Run npm install

• Run npm run watch
• In your browser, navigate to: http://localhost:3000/

• Generate your icons
• SVG optimizer

Run npm run build

This repo uses retina.js to serve high-resolutions images to devices with retina display. It renders two images per image, one x1 and another x2, it means that the work is left for the browser. This method is not recomended for big sites. Instead try to serve the right image from the server.

A good article about this is here:

Retina & Hi-Resolution Displays: The ultimate guide to preparing your websit

The Difference Between Responsive and Adaptive Design

This repo uses media queries within the sass file. The sass way!

• Webpack documentation: https://webpack.js.org/concepts/
• CSS guidelines: https://cssguidelin.es/#commenting
• SASS guidelines: https://sass-guidelin.es/
• Media queries: https://include-media.com/#documentation
• JavaScript guidelines (Google): https://google.github.io/styleguide/jsguide.html

Lots to do. But at least it is a start.

• http://sassdoc.com/
• templating index so each section is in its file