Friday, August 28, 2015

Material Design into your Google Apps Script application

Google recently introduced Material Design Lite, which is library of components and templates in pure CSS, HTML and JavaScript without any Polymer implementation.

This is useful for your Google Apps Script web-apps, because you just insert CSS into your rendered HTMLSevice. You don't have to vulcanize html files

At top of your code insert this snippet

<link rel="stylesheet" href="">
<script src=""></script>
<link rel="stylesheet" href="">

Now you can add class name into your already written HTML elements. For example if you have created

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">Send form</button>

Modularity first! Google offers customize your color scheme. There is online tool, where you can choose primary and secondary color. The generated unique URL defined your setup.

I have already implemented Material Design in public.

At AppSatori we launched free tool Google Apps Finder. If you typed domain, you get response whether company using Google Apps.

I needed create easy and fast first prototype. Instead of creating design and graphic elements, I have put together all material elements.

Live demo is available at

Are you interested in this topic? Follow me on Twitter, Google+ or subscribe RSS


  1. This is something I've been desperate to find some time for - maybe it'll be another million years for me yet!

    Typo: At tope of your code inser this snippet => At the top of your code insert ...

    Haven't got permission to access Apps Finder.

  2. De beste tijd van de wereld Luxe tijd! Als u deze luxe horloges wilt, wilt u dan deze horloges? Het is gebeurd, maar gestopt met? Omdat hun dure prijs stopt met uw stappen, is dit de meest geschikte plaats voor u. Bovenal moeten we dit bevestigenkopie horloges verkoopkopie horloges verkoop

  3. Such a strikingly basic article.I basically wish to offer a creature proceed for the standard data you have perfect here on this post. every door direct mail® postcard prints at 55printing