Intro to Google Web Starter Kit

Google Web Starter Kit
Recently the Google published a bolierplate framework on GitHub named as Web Starter Kit. According to them Google Web Starter Kit is a starting point for multi-screen web development. It encompasses opinionated recommendations on boilerplate and tooling for building an experience that works great across multiple devices.It helps stay productive and aligned with the best practices outlined in Google’s Web Fundamentals.

So what’s inside? Well they provide additional tooling also to help in the development with this Web Starter Kit. In order to use the available tooling; we need to have following things on the system:

  • Node.js
  • Ruby
  • Sass
  • gulp.js

As Google encourages the Web Developers to develop faster websites and provided the PageSpeed Insights tool to make sure the website is working faster and upto the mark.

At present, Google Web Starter Kit is officially aiming to support the following browsers:

  • IE10, IE11, IE Mobile 10
  • FF 30, 31
  • Chrome 34, 35
  • Safari 7, 8
  • Opera 23, 24
  • iOS Safari 7, 8
  • Opera Coast
  • Android / Chrome 4.4, 4.4.3
  • BlackBerry 10

Now lets see what they have got under the hood. To view the full list of UI components of the page; you can go here.

The main things that attracted me most towards it are:

  • Grids
  • Highlights
  • Icons
  • Color Collection
  • Featured Blocks, Lists

Highlights in Google Web Starter Kit

Major links for this Starter kit are

You've successfully subscribed to Time to Hack!