Tuesday, June 02, 2015

google polymer


I just found out about this last week, but it appears that this has been around for 3 years or more. But when I saw the video about it, I immediately understood that this could be a huge shift in the way we develop things in general. I am currently testing it myself, and learning more about it each day. If you have the time, you should definitely take a look.

browser based tool
https://polymer-designer.appspot.com/


pokemon speak tutorial (and more great info)
http://www.davevoyles.com/google-polymer-and-web-components-tutorial/

HN article
https://news.ycombinator.com/item?id=5720945

catalog of projects
http://builtwithpolymer.org/


chrome browser plugin to show you polymer is being used and what elements
https://chrome.google.com/webstore/detail/polymer-ready/aaifiopbmiecbpladpjaoemohhfjcbdk

host/work with a polymer project in google drive
https://www.youtube.com/watch?v=mckYn7kd4YA

salesforce ux prototype with polymer designer
https://www.youtube.com/watch?v=67FjSemJ7uQ


forum
https://polymer.slack.com
https://plus.google.com/+PolymerProject/posts

download

https://github.com/polymerelements/polymer-starter-kit/releases
https://www.polymer-project.org/1.0/


PAPER (material design) elements - visual examples
https://elements.polymer-project.org/elements/paper-button?active=paper-button&view=demo:demo/index.html
IRON (core) elements - visual examples
https://elements.polymer-project.org/elements/iron-icons?view=demo:demo/index.html
GOLD (ecommerce) elements - visual examples
https://elements.polymer-project.org/elements/gold-cc-cvc-input?active=gold-cc-cvc-input&view=demo:demo/index.html
NEON (animation/sfx) elements - visual examples
https://elements.polymer-project.org/elements/neon-animation?active=fade-in-animation&view=demo:demo/index.html
PLATINUM (offline/push) elements - visual examples
https://elements.polymer-project.org/elements/platinum-sw?view=demo:demo/&active=platinum-sw-fetch
MOLECULES (wrappers for libraries)
https://elements.polymer-project.org/elements/marked-element?active=marked-element&view=demo:demo/index.html
polymer slack channel

build an app with the online tool (google maps)
https://www.youtube.com/watch?v=djQh8XKRzRg
create a website
https://www.youtube.com/watch?v=FarTf5P8Wsg
create a drive client
http://itshackademic.com/static/codelabs/en/4-polymer-drive-client/#1

chrome dev editor
https://chrome.google.com/webstore/detail/chrome-dev-editor-develop/pnoffddplpippgcfjdhbmhkofpnaalpg
Upgrading to Polymer.dart from Web UI
https://www.dartlang.org/polymer/upgrading-to-polymer-from-web-ui.html
installing - a first look
https://www.youtube.com/watch?v=K4Vu2yIaTSM
fireball editor
https://www.youtube.com/watch?v=8U9Ojc8Babc
from 2014
https://www.youtube.com/watch?v=kV0hgdMpH28
web component mashup
https://www.youtube.com/watch?v=75EuHl6CSTo

IO 2015
https://www.youtube.com/watch?v=fD2As5RmM8Q
IO 2014
https://www.youtube.com/watch?v=8OJ7ih8EE7s
web components in action 2013
https://www.youtube.com/watch?v=0g0oOOT86NY