20: Mozilla Brick, 'UIKit' for The Web

Matt Claypotch (@potch), Mozilla Apps Engineer & Lead on Mozilla Brick Project and Soledad Penades(@supersole), GIF Hacktivist & Mozilla Apps Engineer, join us for Episode 20, “Mozilla Brick, ‘UIKit’ for The Web”, where we talk about building UI focused Web Components for the Mobile First Web Development. Mozilla Brick is a set of ‘Mobile First’ focused Web Components built as close to the specs as possible. It is not a library built on top of web components but a collection of elements with as little abstraction as possible. Brick's goal has been to make building the interface of web applications easier. UI is not as easy for many developers to build from scratch and it can be difficult to get performant, usable, and attractive widgets. “Just as native platforms have UI toolkits, Brick aims to provide a 'UIKit for the Web' using the latest standards to make authoring webapp UI easier than ever before.” The Mozilla Brick Team Resources MozBrick - http://mozbrick.github.io/ MozBrick Blog - http://mozbrick.github.io/blog/ MozBrick Github - https://github.com/mozbrick/brick Sole’s Website - http://soledadpenades.com/ Matt’s Github - https://github.com/potch Sole’s Github - https://github.com/sole Matt’s personal site - http://potch.me/ x-tag - http://www.x-tags.org/ generator-brick - https://github.com/mozbrick/generator-brick generator-element - https://github.com/webcomponents/generator-element yeoman - http://yeoman.io/ webcomponentsjs - https://github.com/webcomponents/webcomponentsjs Polymer Project - https://www.polymer-project.org/ Firebase Polymer Example at Web Components LA - https://www.youtube.com/watch?v=gErWcBdd-F8 Soledad’s Audio Components talk - https://www.youtube.com/watch?v=SCBbd5N4fho gulp - http://gulpjs.com/ grunt - http://gruntjs.com vulcanize - https://github.com/polymer/vulcanize webdriver.io - http://webdriver.io/ saucelabs - https://saucelabs.com/ appmaker - https://github.com/mozilla-appmaker/appmaker Steve Newcomb on The Web Platform - http://thewebplatform.libsyn.com/the-famous-vision-of-mobile-first Marcy Sutton - http://marcysutton.com Marcy Sutton’s Taco talk - https://www.youtube.com/watch?v=BgvDZZ8Ms8c Firefox OS - https://www.mozilla.org/en-US/firefox/os/ Hacker News Post - https://news.ycombinator.com/item?id=8386897 Infoworld Article - http://www.infoworld.com/article/2690275/html5/build-better-html5-uis-mozillas-brick-library.html Sitepoint Article - http://www.sitepoint.com/introducing-appmaker-teaching-coding-app-design/ Screenshots of Elements - http://potch.github.io/proto/screenshots/ Firefox OS Marketplace example app - https://marketplace.firefox.com/app/firesea-irc?src=search