There is more than one set of custom elements out there. In this episode, we speak with Jan Miksovsky about basic web components, a comprehensive set of high-quality web components for common user interface patterns.

Resources and Links

On This Episode

Jan Miksovsky (@janmiksovsky)

Raphaël Rougeron (@goldoraf)

Leon Revill (@revillweb)

Justin Ribeiro (@justinribeiro)

Direct download: episode-79_basic-web-components-and-best-practices.mp3
Category:web-components -- posted at: 5:52pm EDT

71: Vaadin Elements

Summary

 

Danny Blue and Justin Ribeiro chat with Manolo Carrasco (@dodotis) and Moñino Jouni Koivuviita (@jouni) from Vaadin about their work with Web Components in the enterprise world. Vaadin has begun to create enterprise ready web components ‘ready for production’ usage. Built on top of Polymer, Vaadin Elements are helping to push new web technologies to larger companies.

 

O’Reilly Media Partner Discounts

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

Your Latest O’Reilly Discounts

20% Discount to FluentConf

http://conferences.oreilly.com/fluent-javascript-html-ca/

 

Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount

Fluent Conf registration coed

when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.

Free eBook: Data-Informed Product Design

http://www.oreilly.com/pub/cpc/1220

 

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

Resources

Panelists

Direct download: episode-71_vaadin-elements.mp3
Category:web-components -- posted at: 12:02am EDT

70: Web Components at Microsoft

Summary

Daniel Buchner (@csuwildcat), former Mozillian & Program Manager at Microsoft takes us through the plans for Web Components at Microsoft. Daniel is the creator of the Web Components free open source library, X-Tag which Microsoft is now officially supporting and using as of release 1.5. How are the teams at Microsoft using Web Components now and what is the plan for the future?

O’Reilly Media Partner Discounts

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

Your Latest O’Reilly Discounts

20% Discount to FluentConf

http://conferences.oreilly.com/fluent-javascript-html-ca/

 

Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.

Free eBook: Data-Informed Product Design

http://www.oreilly.com/pub/cpc/1220

Fluent Conf Discount Ad

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

 

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

 

Resources

Panelists

Direct download: episode-70_web-components-at-microsoft.mp3
Category:web-components -- posted at: 7:57am EDT

66: Custom Elements & Skate.js

Summary

Atlassian leaders Trey Shugart (@treshugart) and Jonathon Creenaune (@jcreenaune) chat with us about how and why they created Skate.js. Skate is a lightweight Web Components wrapper created to help the needs of a large and diverse technology stack while providing simplicity and almost no-barrier-to-entry. Only focusing on Custom Elements, Skate has made its code base easy for companies to buy into.

O’Reilly Media Partner Discounts

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

Your Latest O’Reilly Discounts

Free eBook: Data-Informed Product Design

http://www.oreilly.com/pub/cpc/1220

 

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

 

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

Design Sprint: A fast start to creating a great digital product

http://www.oreilly.com/pub/cpc/1221

October 20 | 10:00am PT | Banfield, Lombardo, & Wax

 

The Design Sprint is the first, and for some projects the most significant, phase of a design thinking process. It gets the entire product design and development team on the same page, reduces the risk of downstream mistakes, and generates vision-lead goals for the team to measure their success. Join Richard Banfield, C. Todd Lombardo, and Trace Wax as they explain why and how Design Sprints work and how you can use Design Sprints to enhance your own design process.

 

Resources

Panelists

Direct download: episode-66_custom-elements-and-skatejs.mp3
Category:web-components -- posted at: 12:40pm EDT

65: Strand Web Components

Summary

MediaMath (@MediaMath)  has created an open source project built on top of Web Components & Polymer (@Polymer) called Strand. It was created for their internal web product Terminal One but is available and easy to get on Github. Daniel Lasky (@aerolith),  Justin Moore (@jcmmit), & Anthony Koerber (@DrDooganMeister) chat with us about the pains of migrating from Polymer 0.5 to 1.0 as well as what it has been like to drive an open source Web Components library with Polymer Elements ranging from basic buttons to complex grids. Check out Strand’s documentation for further detail

O’Reilly Media Partner Discounts

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

Your Latest O’Reilly Discounts

Free eBook: Data-Informed Product Design

http://www.oreilly.com/pub/cpc/1220

 

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

 

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

Design Sprint: A fast start to creating a great digital product

http://www.oreilly.com/pub/cpc/1221

October 20 | 10:00am PT | Banfield, Lombardo, & Wax

 

The Design Sprint is the first, and for some projects the most significant, phase of a design thinking process. It gets the entire product design and development team on the same page, reduces the risk of downstream mistakes, and generates vision-lead goals for the team to measure their success. Join Richard Banfield, C. Todd Lombardo, and Trace Wax as they explain why and how Design Sprints work and how you can use Design Sprints to enhance your own design process.

 

Resources

 

Panelists

Direct download: episode-65_strand-web-components.mp3
Category:web-components -- posted at: 9:12am EDT

61: The Return of Bosonic

Summary

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!

 

Resources

Angular Remote Conf

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

Panelists

Direct download: episode-61_the-return-of-bosonic.mp3
Category:web-components -- posted at: 11:50am EDT

54: Are Web Components Ready Yet?

Summary

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.

Resources

Panelists

Direct download: episode-54_are-web-components-ready-yet.mp3
Category:web-components -- posted at: 9:46am EDT

48: Web Accessibility in Polymer

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.

Resources

Panelists

Direct download: episode-48_web-accessibility-in-polymer.mp3
Category:web-components -- posted at: 11:37am EDT

47: X-Tag - The X Generation

Summary

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.

Resources

Panelists

 

Direct download: episode-47_x-tag-the-x-generation.mp3
Category:web-components -- posted at: 12:45pm EDT

46: Polymer 1.0

Summary

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.

 

Guests

Host

Resources

 

Direct download: episode-46_polymer-1.mp3
Category:web-components -- posted at: 8:24am EDT