Tue, 15 September 2015
Raphaël Rougeron (@goldoraf), one of the Web Components pioneers, along with his team created the Bosonic Project some while back. It was a very different approach to working with Web Components than x-tag and Polymer and it involved a required build step to create Web Components as close to specs as possible with minimal abstractions at runtime. The approach gained a small but respectable following and unfortunately was overshadowed by Polymer Project, the Web Component library by Google. During that time Raphaël began to lose faith in Web Components and went through many personal trials. Now he has been inspired to revisit Bosonic and breathe new life into the project. Let’s welcome the return of Bosonic!
Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend.
The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings
Direct download: episode-61_the-return-of-bosonic.mp3
Category:web-components -- posted at: 11:50am EST
Tue, 28 July 2015
An honest & candid talk about what we learned since the beginning of Web Components; a hard look at the good, the bad, and the ugly. Christian Heilmann (@codepo8), Wilson Page (@wilsonpage), & Rob Eisenberg (@eisenbergeffect) talk with us on development with these technologies in today's production environments. Developers need to to know what they can expect from the future of Web Components & what they mean to us today in order to make better decisions in their choosing technologies for their engineering efforts.
Direct download: episode-54_are-web-components-ready-yet.mp3
Category:web-components -- posted at: 9:46am EST
Thu, 18 June 2015
In episode 48 we chat with Chrome team member & Accessibility champion Alice Boxhall (@sundress) and Polymer team #a11y heroes, Chris Joel (@RoboDynamo) & Daniel Freedman (@danfreedman) about the Polymer 1.0 and what is new in web accessibility of the library as well as what we should expect looking forward. Chris & Joel work a lot on the testing and managing of elements and their compliance with web accessibility features.
Direct download: episode-48_web-accessibility-in-polymer.mp3
Category:web-components -- posted at: 11:37am EST
Wed, 10 June 2015
Danny Blue (@dee_bloo), Erik Isaksen (@eisaksen), and Tyler McGinnis (@tylermcginnis33) talk to Daniel Buchner (@csuwildcat) about the X-Tag project and some if its interesting features, such as mixins. We discuss the Web Component spec as well as the features that have been agreed upon and which ones may still need some work. Big companies like Google have thrown their full support behind the Web Components technology umbrella. Will others such as Microsoft follow suit? and what will it take for browser vendors to implement web components natively.
Direct download: episode-47_x-tag-the-x-generation.mp3
Category:web-components -- posted at: 12:45pm EST
Thu, 4 June 2015
Polymer 1.0 is here! Lean mean and production ready. On episode 46 we talk to a Proverbial Packed Panel of Professional Polymer People. Polymer has grown a ton since its developer preview and has been streamlined for performance. A big show where we talk to a panel of both GDE’s and members of the Polymer team to get a better idea of just how this project has grown and why Polymer and web components as a whole are important for the modern and future web platform.
Mon, 16 March 2015
Andrew Rota (@AndrewRota) & Denis Radin (@PixelsCommander) talk about the ways you can leverage both Web Components & React.js together in a symbiotic fashion. Denis, creator of Reactive Elements, starts us off explaining how his library came to be and why he chose to marry these two technologies in his work. Andrew, who spoke at ReactConf 2015 talks about his experiences with Web Components & React.
Direct download: episode-35_react-and-reactive-elements.mp3
Category:web-components -- posted at: 10:53am EST
Fri, 12 December 2014
Daniel Buchner (@csuwildcat), Product Manager at Target & former Mozillian, talks with The Web Platform Podcast on x-tag, the Custom Elements library competitor to Polymer that he created alongside former Mozillian & Kraken Developer, Arron Schaar (@pennyfx). X-tag is a interesting way to work with web components that takes a totally imperative approach to creating Web Components as opposed to the declarative way of building with Polymer. Some features include legacy browser support, optional mixins to share across components, & functional pseudos to assist in delegation.
Daniel has worked on the W3C specs for Web Components and is now updating x-tag to meet the demands of developers to have more flexibility with Shadow DOM, Templates, and HTML Imports. Daniel is very active on github and would love to have more contributors help build the future of the x-tag projects as well as all projects that help make the web better.
Sun, 30 November 2014
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
Firefox OS Marketplace example app - https://marketplace.firefox.com/app/firesea-irc?src=search
Direct download: episode-20-mozilla-brick-uikit-for-the-web.mp3
Category:web-components -- posted at: 9:40am EST
Fri, 17 October 2014
Today, Web Components have emerged from cutting edge technologies to technologies we can implement in our small scale production. It won’t be long before we are building large scale applications with Custom Elements, HTML Imports, Template Tags, and the infamous Shadow DOM. In embracing this type of developer environment, with it’s flexibility and compositional nature, consider interoperabilty as a core concept.
If you need a custom element for a card layout, as an example, you should be able to use any Web Component out there in the ecosystem regardless of which library or toolchain it comes from. If the component provides the desired functionality and styling you would require it should work seamlessly in your application. Furthermore, toolsets should not limit the the extending and composition of these custom elements. In practice, this may or may not always be the case and library & toolchain creators will need to be aware of these concerns.
Rob Dodson (@rob_dodson), Developer Advocate on the Google Chrome team, talks about his thoughts on the subject. Rob is helping to educate developers, not just about Google’s Polymer Library built on top of Web Components, but across the entire Web Components community.
Rob goes through many of the changes made to Polymer 0.4.2, including accessibility and performance that help in making applications more integrated and how Google is working to share what the Blink Team has learned from implementing Web Components in Chrome with other browser vendors and developers.
Rob’s Blog - http://robdodson.me/
Accessible Web Components Part 1 -https://www.polymer-project.org/articles/accessible-web-components.html
SFHTML Mashup Video -https://www.youtube.com/watch?v=75EuHl6CSTo
The Web Platform Status for IE - https://status.modern.ie/
IE Beta Channel - http://www.microsoft.com/en-us/download/details.aspx?id=43360
Polytechnic Events - http://itshackademic.com/
Polycast Playlist - https://www.youtube.com/playlist?list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN
Custom Elements on GitHub - https://twitter.com/polymer/status/464103568392200193
IE Platform Voting -https://wpdev.uservoice.com/forums/257854-internet-explorer-platform
customelements.io - http://customelements.io/
Bosonic Shadow DOM Issue (#4) - https://github.com/bosonic/bosonic/issues/4
The Bower Package Manager - http://bower.io/
Divshot - http://divshot.io
Divshot Blog - https://divshot.com/blog/
BuiltWithPolymer - http://builtwithpolymer.org/
Divshot’s Web Component Playground - https://ele.io/
Angular 2 Web Components Data Binding Document - https://docs.google.com/document/d/1kpuR512G1b0D8egl9245OHaG0cFh0ST0ekhD_g8sxtI/edit?hl=en&forcehl=1&pli=1#heading=h.xgjl2srtytjt
ReadTheSource - http://hangouts.readthesource.io/hangouts/divshot-superstatic/
Alex Russel -https://twitter.com/slightlylate
Alice Boxhall -https://twitter.com/sundress
Raphael Rugeron - https://twitter.com/goldoraf
Jonathon Sampson -https://twitter.com/jonathansampson
Arron Schaar - https://github.com/pennyfx
Michael Bleigh - https://twitter.com/mbleigh
Scott Corgan - https://twitter.com/scottcorgan
Reactive Elements -https://github.com/PixelsCommander/ReactiveElements
X-Tags Imports - https://github.com/x-tag/x-tag-imports
Chromium Blink -http://www.chromium.org/blink
Polymer 0.4.2 -https://github.com/Polymer/polymer/releases/tag/0.4.2
Brick 2.0 -http://brick.mozilla.io/
Vulcanize - https://github.com/polymer/vulcanize
Firefox OS - https://www.mozilla.org/en-US/firefox/os/
Jquery UI -http://jqueryui.com/
Brick Components -http://brick.mozilla.io/v2.0/docs
WinJS Polymer Samples -https://github.com/banguero/winjs-polymer-samples
core-ajax - https://github.com/polymer/core-ajax
google-map - https://github.com/GoogleWebComponents/google-map
core-shared-lib - https://github.com/Polymer/core-shared-lib
google-apis - https://github.com/GoogleWebComponents/google-apis
core-selector - https://github.com/polymer/core-selector
paper-menu-button - https://github.com/Polymer/paper-menu-button
paper-tabs - https://github.com/Polymer/paper-tabs
paper-elements - https://www.polymer-project.org/docs/elements/paper-elements.html
Direct download: episode-14_web-components-interop-and-polymer.mp3
Category:web-components -- posted at: 11:44am EST
Mon, 15 September 2014
Raphael Rougeron joins us from Toulouse, France to talk about The Bosonic Project. Raphael and his team of developers mostly focus their development efforts working in the Financial Industry, building out secure and robust applications as well as intricate cross browser UI Components. The UI components part of his work is especially interesting in that it led him to create The Bosonic Project.
Raphael was frustrated, like most of us, with having to constantly rewrite all of his components every time his team shifted technologies so he created The Bosonic Project. Bosonic, deriving its name from the word Boson, which is a subatomic particle that has zero or integral spin, is a philosophy and supporting tool chain to assist in building better UI components as the standardized Web Component specs (Custom Elements, HTML Imports, Shadow DOM, Templates, and CSS Decorators) describe them. This approach shields components against potential spec changes and provides support for “not-so-modern” browsers like Internet Explorer 9 (IE9).
Direct download: episode-11_the-bosonic-project.mp3
Category:web-components -- posted at: 7:57am EST