The Web Platform Podcast

Latest Episodes:

107 HyperDev in 12 Parsecs Sep 23, 2016

Show notes

Daniel X Moore (@STRd6) and Pirijan (@pketh) join our panel to discuss Hyperdev, A web based code editor aimed at making developers as productive as possible as quickly as possible. Is a web based IDE really a viable option for full stack production apps? Can Hyperdev be built with Hyperdev!? These questions and many more are on this week's episode of The Web Platform Podcast.

Resources

HyperDev - https://hyperdev.com
FogCreek - http://www.fogcreek.com/

106 ARIA for Developers Sep 16, 2016

Show notes

Brian Kardell (@briankardell) joins Erik, Justin, and Danny on the panel along with our guest Marcy Sutton (@MarcySutton) in a discussion on WAI ARIA attributes & how we should or shouldn't be using these in the context of our applications.

Resources

Marcy's EggHead.io class - https://egghead.io/courses/start-building-accessible-web-applications-today
AXE 2.0 - http://www.deque.com/blog/introducing-axe-2-0/
Best practices - https://w3c.github.io/aria-practices/#toc
Examples - https://www.w3.org/TR/2009/WD-wai-aria-practices-20090224/#aria_ex
Smashing article from 2014 - https://www.smashingmagazine.com/2014/07/the-wai-forward/
Getting started - http://a11yproject.com/posts/getting-started-aria/
Harvard University guide to online accessibility - http://accessibility.huit.harvard.edu/use-accessible-design-patterns
Marcy's performance post - https://marcysutton.com/accessibility-and-performance/
Free course on Web Accessibility - https://www.udacity.com/course/web-accessibility--ud891
Chrome A11y Inspector - http://bit.ly/chrome-a11y
JSAir on Axe - https://javascriptair.com/episodes/2016-07-13/
Accessibility API's by Leonie Watson - https://www.smashingmagazine.com/2015/03/web-accessibility-with-accessibility-api/
Web AIM screen reader survey - http://webaim.org/projects/screenreadersurvey6/
What does accessibility supported mean? https://www.paciellogroup.com/blog/2016/08/what-does-accessibility-supported-mean/

105 Developing with Crosswalk Sep 09, 2016

Show notes

Kenneth Christiansen (@kennethrohde) and Alexis Menard (@darktears) the creators of the crosswalk project talk to us about creating hybrid mobile apps using a consistent and powerful runtime environment across mobile, TV, desktop and IoT devices. We talk in detail about what benefits Crosswalk can bring to the table, general features, its extension system and its compatibility with Cordova/PhoneGap projects. We also talk about how hybrid app development promises to maximize code reuse ("write once deploy everywhere") and the reality of this promise. Finally we talk about Progressive Web Apps and how Crosswalk can be used to extend PWA exposure by also quickly getting them within the app store.

Resources

Crosswalk - https://crosswalk-project.org/
PhoneGap - http://phonegap.com/
Cordova - https://cordova.apache.org/

104 RAIL and Web Performance Aug 31, 2016

Show notes

Paul Lewis (@aerotwist) talks with us about how we can better optimize web page speeds as well as how to avoid glaring light on videos caused by bald headed smoothness...or something to that degree. With the rise of web traffic on mobile devices, developers have had to rethink web performance over the past decade. Bandwidth & Latency have become much larger challenges than ever thought possible. The old ways to optimize performance on web pages just don't work. The high level RAIL (Responsive, Animated, Idle, Load) & the lower level PRPL (Push, Render, Precache, Lazy Load) patterns are but many strategies Google is using to enable developers to deliver better User Experiences in an ever evolving internet,

Resources

RAIL - https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/rail?hl=en
PRPL - https://www.polymer-project.org/1.0/toolbox/server
Polymer Shop - https://www.polymer-project.org/1.0/toolbox/case-study
Speed Gun - http://speedgun.io/
Site Speed - https://www.sitespeed.io/
Page Speed Tools - https://developers.google.com/speed/pagespeed/
Page Speed Insights -https://developers.google.com/speed/pagespeed/insights/
Mobile Friendly Test - https://www.google.com/webmasters/tools/mobile-friendly/
Lighthouse - https://github.com/GoogleChrome/lighthouse
Web Page Test - https://www.webpagetest.org/
AMP - https://www.ampproject.org/
CSS Triggers - https://csstriggers.com/
New Relic article on HTTP/2 - https://blog.newrelic.com/2016/02/09/http2-best-practices-web-performance/
New Relic -https://newrelic.com/
Ilya Grigorik's book on High Performance Browser Networking - https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#safe=off&q=High+Performance+Browser+Networking&stick=H4sIAAAAAAAAAOPgE-LSz9U3iDfOqoo3VYKys5PzcrSkspOt9JPy87P1E0tLMvKLrEDsYoX8vJxKAHpHdSg2AAAA
Free Udacity Courses
- Paul Lewis on Browser Rendering Optimization - https://www.udacity.com/course/browser-rendering-optimization--ud860
- Ilya Grigorik on Web Site Performance Optimization - https://www.udacity.com/course/website-performance-optimization--ud884

103: Articulating Design Decisions Aug 26, 2016

Show notes

This week on the Web Platform Podcast Danny Blue and Amal Hussein chat with Tom Greever (@tomgreever), Author of "Articulating Design Decisions". Tom helps our hosts learn how to help communicate more effectively and we learn that maybe Danny is a jerk. Learn how design and dev can work together, how to avoid the "CEO button" and more!

Resources

Articulating Design Decisions: https://www.amazon.com/gp/product/1491921560/ref=as_li_ss_tl?ie=UTF8&linkCode=sl1&tag=tgcom-20&linkId=84214e9d9eb43548e949ad37c2e43f6c
Articulating Design Decisions video series, training: https://player.oreilly.com/videos/9781491921579
Tom speaking at Mad+UX last year https://www.youtube.com/watch?v=x-FYe53LRA4
Style Guide Driven Development: http://blog.bitovi.com/style-guide-driven-development/ && https://www.smashingmagazine.com/2016/06/designing-modular-ui-systems-via-style-guide-driven-development/
Tom on Twitter: https://twitter.com/atomgroom

102: Offline with GunDB Aug 19, 2016

Show notes

Mark Nadal (@marknadal) joins Danny Blue, Justin RIbeiro and Leon Revil to chat about GunDB and all the challenges of developing a database, concurrency, and distributed systems. Our hosts and guest dive into these topics and even journey to space in the newest episode of the Web Platform Podcast.

Resources

GunDB - http://gun.js.org/
Readthesource.io episode on GunDB - https://www.youtube.com/watch?v=70dn1oZQFCk
15 minute ToDo list tutorial - http://gun.js.org/think.html
Enterprise - http://gunDB.io/
Repo - https://github.com/amark/gun
NodeJS `npm install gun && cd node_modules/gun && npm start`

101: Browser Wars & Standards Battles Aug 12, 2016

Show notes

Brian Kardell (@briankardell) chats with us on Web Development and how it has evolved over the years. We discuss the beginnings of HTML, Web standards bodies, the inception of The Extensible Web Manifesto, Chapters.io, and more.

Resources

Brians recent presentation on Chapters.io & Web Standards - https://www.youtube.com/watch?v=rwWEQPc5GRE
Web Incubator Group - https://www.w3.org/community/wicg/
Chapters.io - http://chapters.io/
SGML > HTML > XML
- https://www.youtube.com/playlist?list=PLzH6n4zXuckqTQBIEuBTyjsO-Ef7562_Z
Brians Blog - https://briankardell.wordpress.com/

100: Microsoft Edge Aug 05, 2016

Show notes

Jacob Rossi (@jacobrossi) & Travis Leithead (@TravisLeithead) join us to discuss the current state and roadmap of the Microsoft Edge Platform.

Resources

Microsoft Edge Resources
- Developer Resources - https://dev.microsoftedge.com
- Platform Data - https://developer.microsoft.com/en-us/microsoft-edge/platform/data/
- Web Platform public status - https://status.microsoftedge.com
- Blog - https://blog.microsoftedge.com
- Virtual Machines - https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
- Changelog - https://changelog.microsoftedge.com
- Dev tooling - https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/f12-devtools-guide/
- User Voice - https://uservoice.microsoftedge.com
Web Components Interview w/ Travis - http://webcomponents.org/articles/interview-with-travis-leithead/
Github - https://github.com/MicrosoftEdge, https://github.com/microsoft/chakracore
PWAs on Windows - https://blogs.windows.com/msedgedev/2016/07/08/the-progress-of-web-apps/
Protocols article - https://kenneth.io/blog/2016/07/05/introducing-remotedebug-compatibility-tables/
Web Platform Incubator Community Group - https://www.w3.org/community/wicg/

99: Polymer Native Jul 29, 2016

Show notes

Denis Radin (@PixelsCommander), Web Component advocate, has started work on a project called Polymer Native to enable developers to create part-hybrid, part-native applications using Web Components.

This project aims to make it easier to get device specific look and feel in your applications by leveraging native elements on devices. Currently, the project supports iOS and it is hoped that more people will come onboard to help the open source project grow to other platforms such as Android and even TV platforms.

Resources

Polymer Native - https://github.com/PixelsCommander/polymer-native
Polymer - https://github.com/Polymer/polymer
Cordova SW Plugin - https://www.npmjs.com/package/cordova-plugin-service-worker
HTML-GL - https://github.com/PixelsCommander/HTML-GL

98: Server Side Web Components Jul 22, 2016

Show notes

Software developer at Softwire, Tim Perry (@pimterry), has created a set of "Server Components". These are simple, lightweight tools for "composable HTML rendering in Node.js, broadly following the Web Components browser specification, but on the server side". Rob Dodson (@rob_dodson), Google Developer Advocate & Polymer Legend & Trey Shugart (@treshugart), Atlassian superstar & SkateJS creator, round out the the guests for this episode discussing the reality & the possibilities of using Web Components on the server. Additionally, we look at other projects like the 'Express Web Components' by Jordan Last that take a different approach to this by running Chromium on the server side.

Resources

SS rendering for Web Components - https://scotch.io/tutorials/server-side-web-components-how-and-why
Server Components
- Info - https://pimterry.github.io/server-components/
- Code - https://github.com/pimterry/server-components
Scram.js - https://github.com/scramjs
WebComponentsJS Polyfills - https://github.com/webcomponents/webcomponentsjs/tree/v0.7.22
Angular Universal - https://github.com/angular/universal

Express Web Components - https://github.com/scramjs/express-web-components

Our TOPPODCAST Picks

Follow Us

Stay Connected

Related Podcasts

Links

Stay Connected