gitmyhub

web-starter-kit

HTML ★ 18k updated 2y ago ▣ archived

Web Starter Kit - a workflow for multi-device websites

A Google-created website starter template with responsive layouts, Sass support, automatic file optimization, live browser reloading, and multi-device sync all pre-configured.

HTMLCSSJavaScriptSassNode.jssetup: easycomplexity 2/5

Web Starter Kit is a boilerplate (a pre-assembled starting template) for building websites that work well across many different devices and screen sizes. It was created by Google as an opinionated starting point that comes with a collection of development tools already configured and ready to use.

Out of the box it provides a responsive HTML layout built on a design system, support for Sass (a CSS extension that adds variables and other features), automatic minification and optimization of JavaScript, CSS, HTML, and images to make pages load faster, JavaScript code linting to catch errors, a built-in local web server for development, automatic browser reloading whenever a file changes, and synchronization of clicks and scrolls across multiple connected devices simultaneously. Sites deployed to a secure domain also get offline support built in through a technique that pre-caches assets.

Two HTML starting points are provided: one with a complete layout and one with a minimal blank slate. Developers who prefer not to use the bundled tools can strip them out and use the HTML templates alone with any build process they choose. The readme notes the project is no longer under active development.

Where it fits