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