20: Mozilla Brick, 'UIKit' for The Web

30/11/2014 1h 10min
20: Mozilla Brick, 'UIKit' for The Web

Listen "20: Mozilla Brick, 'UIKit' for The Web"

Episode Synopsis

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