Home

Web Starter Kit est un boilerplate HTML5 créé par Google pour simplifier le démarrage de ses nouveaux projets web.

Web Starter Kit est un boilerplate HTML5 créé par Google pour simplifier le démarrage de ses nouveaux projets web.

Web Starter Kit est un boilerplate et collection d’outils préparé par Google afin de démarrer un projet web en respectant au mieux les best practices du web.

Que ce soit le support mobile, responsive ou encore l’optimisation des performances web, le toolkit vous met sur la bonne voie.

Les fonctionnalités embarquées sont les suivantes:

  • HTML boilerplate optimisé mobile
  • Responsive multi-device layout
  • Visual component style guide
  • Outil de build avec gulp.js
  • LiveReload pour le rechargement automatique
  • Synchronisation automatique des clics, scrolls, navigation, et remplissage de formulaire sur plusieurs navigateurs en même temps (via BrowserSync)
  • Optimisation d’images
  • Minification et optimisation JavaScript
  • Minification et optimisation CSS
  • Minification HTML
  • Rapports de performance PageSpeed Insights
  • CSS auto-prefixing

Arborescence des fichiers du boilerplate

Voici l’arborescence des fichiers du boilerplate vous permettant de structurer correctement votre projet web. Bien sûr, à vous d’adapter à vos contraintes, il ne s’agit que d’une base pour démarrer rapidement.

En plus de proposer ce toolkit, la documentation permet d’appréhender facilement les bonnes pratiques.

Layouts prêts à emploi et responsives

Les 2 layouts de bases vous permettent de dématrrer rapidement avec une architecture HTML propre et responsive.

Bref, un vrai boilerplate pour démarrer rapidement la création de nouvelles pages web tout en respectant au mieux les bonnes pratiques.

Site Officiel

Publicités

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s