The Web Platform Podcast – Details, episodes & analysis

Danny takes to the virtual road and conducts and investigative report while Erik and Justin contemplate the nature of lantern hanging in the post-interview follow-up.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/207-qwik

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

In this investigative report, Erik interview Fred K. Schott, CEO of Astro Inc and founder of the Astro, an all-in-one web framework for building fast, content-focused websites.

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/206-astro

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

Dave Rupert, podcaster and web developer, talks with us about modern HTML practices. In a world full of JavaScript where does HTML & CSS fit in? What are the roles of Web Components and web standards?

Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/197-modern-html

Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

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/

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/

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/

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

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

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`

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/