Podcasts about Progressive enhancement

Miriam Suzanne, web developer, artist, and co-founder of OddBird, talks about the philosophy and evolution of web design. We explore CSS origins, the cascade, accessibility, and how the balance between user control and brand expression defines the spirit of the web. Links Website: https://www.miriamsuzanne.com Mastodon: https://front-end.social/@mia GitHub: https://github.com/mirisuzanne Bluesky: https://bsky.app/profile/miriam.codes CodePen: https://codepen.io/miriamsuzanne LinkedIn: https://www.linkedin.com/in/terriblemia Resources CERN: https://info.cern.ch Cascading HTML style sheets proposal: https://www.w3.org/People/howcome/p/cascade.html Axe Accessibility Testing Tools: https://www.deque.com/axe The Design of Web Design talk: https://www.youtube.com/watch?v=th1qORyvBcc We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Em, at emily.kochanek@logrocket.com (mailto:emily.kochanek@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today. (https://logrocket.com/signup/?pdr)

Carson Gross, creator of HTMX, talks about its evolution from intercooler.js, its viral rise on social media, and its philosophy of simplicity and stability. They dive into how HTMX fits into the modern web dev ecosystem, the idea of building 100-year web services, and why older technologies like jQuery and server-side rendering still have staying power. Carson also shares insights on open-source marketing, progressive enhancement, and the future of web development. Links https://bigsky.software https://www.linkedin.com/in/1cg https://github.com/bigskysoftware https://x.com/htmx_org https://htmx.org https://htmx.org/discord https://hypermedia.systems https://github.com/surrealdb/surrealdb.js https://unpoly.com https://ui.shadcn.com We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Carson Gross.

In this episode of the Modern Web Podcast, CSS expert Kevin Powell discusses the evolution of CSS, from the early days of CSS3 to the rapid advancements with Flexbox, Grid, and the latest innovations. Kevin explains how CSS is making strides to integrate features that previously required JavaScript, like scroll-driven animations and popovers, simplifying development and improving performance. He also touches on the importance of understanding the fundamentals of CSS, debugging techniques, and the future of tools like Tailwind and Sass.  Chapters 0:00 - Introduction and Technical Setup Issues 01:05 - Guest Introduction: Kevin Powell 02:00 - Kevin's Journey into CSS and Content Creation 03:21 - Evolution of CSS: From CSS3 to Modern Features 05:46 - The Role of JavaScript in CSS and New Features 08:08 - Popovers, Anchor Positioning, and Progressive Enhancement in CSS 10:26 - Discussion on SAS, Tailwind, and CSS Tools 12:35 - Challenges with Tailwind and Over-Componentization 14:57 - The Importance of Learning Core CSS Principles 16:56 - The "CSS is Hard" Memes and Overcoming CSS Frustration 19:12 - Formatting Contexts and Advanced CSS Concepts 21:31 - Opportunities for Junior Developers to Master CSS 23:54 - Browser Discrepancies and the Future of Web Standards 26:14 - Refactoring CSS for Performance and Best Practices 27:50 - Favorite CSS Resources and Conferences 28:26 - Imposter Syndrome and Kevin's Speaking Journey 29:55 - Closing Remarks and Where to Find Kevin Powell Online Follow  Kevin Powell on Social Media Twitter: https://x.com/KevinJPowell Github: https://github.com/kevin-powell YouTube: https://www.youtube.com/kevinpowell

Ivan Akulov, Senior Performance Engineer at Framer, discusses optimizing React performance and major advancements in React, including hooks, concurrency, and the crucial invisible performance enhancements that make modern web applications smoother and faster. Links https://iamakulov.com https://x.com/iamakulov https://github.com/iamakulov https://www.linkedin.com/in/iamakulov https://3perf.com We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Ivan Akulov.

في الحلقة دي بتكلم عن الفرق بين مصطلحين متداخلين وناس كتيرة بتخلط ما بينهم لانهم بيوصلوك لنفس النتيجة معظم الوقت. لكن فيه فرق جوهري بين الاثنين، ومعرفة الفرق حتفرق معاك في ازاي بتبني الويب وتحسين مستوي جودة الابليكشن الي انت شغال عليه. وحتكتشف ان فيه اوقات لازم تستعمل واحد منهم لأن الثاني غير مناسب لطبيعة وبيئة وجمهور شغلك. لينكات مفيدة: animation-timeline | MDN scroll-driven animations demos Scroll Driven Animations | Untyped #37 Popovers and Floating UIs | Untyped #34 CSS.supports | MDN Cloudflare Polyfill.io Mirror

Scott and Wes debate whether your website really needs JavaScript to function. They explore the principles of web standards, progressive enhancement, and test popular websites like Shopify and Netflix to see how they perform without JavaScript. Show Notes 00:00 Welcome to Syntax! 00:11 Take 2 01:43 Brought to you by Sentry.io. 02:19 The clip summarized. 03:16 Your website should load, be readable and be (mostly) styled without JavaScript. 07:32 Web standards first. If it can be done without JavaScript, it should be. 08:09 What if the CSS doesn't load? 10:20 Linking 10:24 Forms. 12:11 Links (Duh, but also c'mon!) 12:35 Query parameters. 13:57 Server render if possible. 15:20 Progressive Enhancement. 17:24 CSS Page Transitions. 19:07 Let's test websites out. 19:15 Shopify. 22:16 Syntax.fm. 25:23 Netflix. 27:27 Local first and offline service workers. 29:27 TikTok. 29:33 GitHub. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Hi, Kent, my name is Alex. On one hand, you advocate for implementing Progressive Enhancement technique for applications. On the other hand, even in Epic Stack, the use of custom React components is justified, even for a simple checkbox, which essentially makes the application non-functional without JavaScript. So, I'm struggling to decide whether it's worth trying to develop a Progressive Enhancement UX at this time or if it's still an unattainable ideal. Kent Dodds - Bringing Back Progressive Enhancement - RenderATL 2022 React Components vs Progressive Enhancement

In this episode of 'Whiskey, Web, and Whatnot', hosts RobbieTheWagner and Charles William Carpenter III debate podcast names, discuss the feasibility of creating a company, and share insights on tech projects like Biome and Shepherd. They also talk about the importance of leveraging built-in features in tech systems, their take on tech wars, thoughts about the future of JavaScript, and more. Accompanying their tech-related discussions are whiskey tasting notes on Sweetens Cove, Tennessee Straight Bourbon Whiskey. Key Takeaways [00:37] - The Reality of Being a CEO [01:39] - The Mystery of HTMX [02:16] - Whiskey Tasting: Sweetens Cove [03:06] - The Science of Whiskey Aging [03:21] - The Curious Case of Soft Water [03:42] - Pop Culture References and Whiskey [07:33] - Whiskey Rating and Review [15:52] - Tech Talk: GraphQL and Sidebar Placement [20:23] - The Future of OpenAI [26:47] - Social Media Algorithms and Engagement [29:12] - Ubuntu Server and Daily Use Challenges [30:08] - Exploring Framework Laptops and Modular Tech [30:52] - The Linux User Experience: A Developer's Perspective [32:32] - The Pros and Cons of Arch Linux [33:31] - The Future of Linux and the Framework Laptop [34:08] - The Struggles of App Development on Ubuntu [36:27] - The Rise of New JavaScript Runtimes [37:45] - Exploring Biome: A New Web API Framework [49:39] - The Future of Shepherd: A Library for Web APIs [55:19] - Christmas Shopping Habits and Affiliate Programs Connect with our hosts Robbie Wagner Chuck Carpenter Subscribe and stay in touch Apple Podcasts Spotify Google Podcasts Whiskey Web and Whatnot Whiskey Web and Whatnot Merch Enjoying the podcast and want us to make more? Help support us by picking up some of our fresh merch at https://whiskey.fund/⁠. --- Send in a voice message: https://podcasters.spotify.com/pod/show/whiskey-web-and-whatnot/message

Hi Kent, It's Jan. I'm currently working on implementing toasts in a Remix app. I was using the Epic Stack as a reference. BTW, thank you for creating it, it's so nice to take some features and functionalities from it when you need them! Anyways, it looks like the implementation of the toast in the Epic Stack does NOT work with JavaScript disabled. But theoretically, you could make toasts in Remix progressively enhanced by giving the close button a form and prevent default when JavaScript is enabled. It looks like the library you're using in the Epic Stack - Sonner - does NOT expose the close button, so you can't progressively enhance it. Was it a conscious decision to make the toast JavaScript only? Or let me ask the decision more openly, what are your thoughts on this? As always, thanks a ton! Toasts in Remix

Aaron Gustafson joins us back on PodRocket to talk about PWAs in 2023, the opportunities for AI in accessibility, and more. Links https://www.aaron-gustafson.com https://twitter.com/AaronGustafson https://www.linkedin.com/in/aarongustafson Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we'll send you a $25 gift card! If you're interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Aaron Gustafson.

Una Kravets and Adam Argyle join us to talk about color spaces, vertical rhythm, progressive enhancement, interface responsiveness, fonts, and more! Links https://una.im https://twitter.com/Una https://front-end.social/@una https://www.linkedin.com/in/unakravets https://nerdy.dev https://twitter.com/argyleink https://www.linkedin.com/in/adamargyle https://web.dev/authors/adamargyle https://www.youtube.com/c/AdamArgyleInk https://developer.chrome.com/docs/web-platform/view-transitions Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we'll send you a $25 gift card! If you're interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guests: Adam Argyle and Una Kravets.

Elliott Johnson is a Multi-stack data software generalist and works in Vercel. He joins the show to talk about "Progressive Enhancement". He begins by explaining Svelte & SvelteKit and how it's different from the other frameworks. He goes into more depth about Progressive Enhancement, and how it works. Moreover, he tackles Progressive form enhancement with SvelteKit and many more!SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Elliott JohnsonPicksAJ - StarsightElliot - Spider-Man: Across the Spider-VerseSteve - I'm done with Red Hat (Enterprise Linux)Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacy

Let's answer your questions with our buddy, William Cronje! Today's questions: What type of jobs and common project tasks match up to each part of the ADDIE process? Your instructional design internship is ending. What do you do next? What should instructional designers know about AI? What are the best recommendations for learning about instructional design? How do you actually start designing and constructing a technology-based learning environment?  YouTube video and transcript: https://youtu.be/A3sEsFRp7A8 Mentioned Links: Shreya Gupta Interview: https://drlukehobson.com/podcast-episodes/ep-48-shreya-gupta-learning-experience-design-lxd-at-amazon-design-thinking-and-landing-an-lxd-job IDPCC: https://www.eduflow.com/academy/instructional-design-principles-for-course-creation?utm_source=https%3A%2F%2Fwww.google.com%2F&utm_campaign=https%3A%2F%2Fwww.eduflow.com%2Facademy&utm_medium=utm_append_script ATD Self-Assessment - https://www.td.org/capability-model/access Designing Social Learning Experiences: https://www.eduflow.com/academy/designing-social-learning-experiences?utm_source=https%3A%2F%2Fwww.google.com%2F&utm_campaign=https%3A%2F%2Fwww.eduflow.com%2Facademy&utm_medium=utm_append_script Getty Image Lawsuit Over AI: https://www.forbes.com/sites/mattnovak/2023/02/06/getty-images-sues-ai-company-over-hideous-frankenphotos/ Shutterstock and Meta: https://www.socialmediatoday.com/news/Meta-Signs-Content-Access-Deal-with-Shutterstock/640561/ Learning with AI: https://www.eduflow.com/academy/learning-with-ai-exploring-the-potential-of-generative-tech Design for How People Learn: https://www.amazon.com/Design-People-Learn-Voices-Matter/dp/0134211286/ref=sr_1_6?crid=3NZXCZD3VZ277&keywords=instructional+design&qid=1681328067&sprefix=instructional+desig%2Caps%2C128&sr=8-6 100 Learning Influencers: https://www.eduflow.com/blog/learning-influencers Great Minds on Learning by Donald Clark: https://podcasts.apple.com/us/podcast/instructionalists-with-donald-clark/id1582598860?i=1000536706712 Khan Academy AI: https://www.khanacademy.org/khan-labs Gagne's 9 Events: https://www.niu.edu/citl/resources/guides/instructional-guide/gagnes-nine-events-of-instruction.shtml Progressive Enhancement: https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/ Graceful Degradation: https://blog.hubspot.com/website/graceful-degradation Dreambox: https://www.dreambox.com Building an Inclusive Quality Assurance Rubric: https://www.eduflow.com/academy/building-an-inclusive-quality-assurance-rubric   Recommendations:

In today's episode, I talk about progressive enhancement, and why it's still so important. Links Sara’s poll The details and summary elements CSS-only smooth scroll Jeremy Keith on fault tolerance

In today's episode, I talk about progressive enhancement, and why it's still so important.In today's episode, I talk about progressive enhancement, and why it’s still so important.Show Notes & Transcript →

Jenna Smith (twitter.com/jjenzz) is a UX developer living and working remotely in London, UK. She works for Modulz on a project called Radix. In this episode, Jenna talks about how progressive enhancement has been an important aspect to web development for her entire 20 years as a software developer and how Remix brings it back in a powerful way.- Jenna's Event handler Tweet- CSS Play - A great resource for finding neat ways of doing things we usually thing we need JS for- Library Upgrade Guide: (most CSS-in-JS libs)

最近加入團隊 1 個多禮拜的新同事，很急切地想對既有的 Source Code 寫法做出完全不同的寫法，觸發我想分享過去看到的一些案例。也想分享我認為帶來改變比較好的做法。

On today’s episode, Jason tells us he’s going to see a stand-up show featuring one of his favorite actors from the early nineties, and Chris tells us he hit a little delay with the house bid. Also, we are super excited to have as our guest, Joe Masilotti, an independent Turbo Developer. We find out what Joe does and things he has built as an iOS and Rails developer. Some other topics we dive into are on JavaScript Bridge, Progressive Enhancement, Path Configuration, Authentication, building an App and submitting to the App store process, and using a Ruby gem called fastlane. Joe shares so many cool things with us, so go ahead and download this episode now to find out much more!

Sviluppare applicazione non è solo un fattore di programmazione o sviluppo ma porta con se una sfida più grande che si nasconde nel come farle. Infatti, in ogni nostra decisione non si nasconde solo una presa di posizione tecnica, ma una posizione politica ed etica.Questa posizione emerge quando parliamo di progressive enhancement!In questo episodio ho riflettuto a voce alta sull'argomento

Hösten är här, sommaren ett minne blott och frihet står på tapeten. Eller whiteboarden åtminstone… den där vi skriver upp allt vi skall prata om. JavaScript, IFIXIT, batterier och atomer faller alla i under frihetsparaplyet. Men vi inleder traditionsenligt ed vad vi lärt oss på sommarlovet. På tal om tradition, det bjuds på fler sådana i detta avsnittet. Flow Badass av Kathy Sierra Den obligatoriska Batman-videon Motorola lurves IFIXIT Apple och batteriet del 1 Apple och batteriet del 2 The big squeeze Microsoft gillar inte heller right to repair Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement av Aaron Gustafson Atomic design är inget tvång Postnord lägger ner sin Kivra utmanare Teleskopord

Quick show notes Our Guest: Andy Bell His current big project: Every Layout His JAMstack Jam: 11ty His musical Jam: Lyre le Temps Transcript Bryan Robinson 0:00 Today we have an awesome guest. He's a web designer and developer. You may know him from his CSS newsletter, Piccalilli, his awesome 11ty the starter theme Hylia, his friendly browser checker, mybrowser. FYI, or just his amazing hot takes on Twitter. Let's go ahead and welcome to the show Andy Bell. Andy, how's it going today? Hey, how you doing? Andy Bell 0:17 Okay. Thanks for having me. I'm pretty good. Bryan Robinson 0:21 So that was my introduction of you. But how would you describe yourself? Are you a designer or developer in your own mind, Andy Bell 0:26 I'll say I'm a hybrid sort of buff. So I tend to call myself a web designer these days because even though it's pretty old school term, it sort of describes what I do perfectly. I tend to see projects start finished. So yeah, web designer, or front end developer is tends to do most of the time these days. Bryan Robinson 0:46 Cool. So So what do you actually do for work and for fun? Andy Bell 0:58 And then other guys a chance to have fun because I've got two young kids. Yeah, fund is whatever, whatever includes those two, but yeah, I remember fun from before that. Bryan Robinson 1:11 I got young the same way I got I got three and a half year old, there's not a lot of fun. Andy Bell 1:15 So, I feel for you there. Bryan Robinson 1:19 Alright, so so what was kind of your entry point into this whole like jam stack philosophy and skill and or static sites or wherever you like to call it? Andy Bell 1:27 So, I started with stack size and with Jekyll, a few years ago, I got into Jekyll. I picked up as a solution for really rough agency project. That was, it was super fluid, the brief was so thin you could smoke it. And I just knew that it was going to be a nightmare from from the start. So I suggested, what do we use Jekyll to build it, because if, if I'm going to things change, it'll be a much easier process so that they're going to be really into it. And obviously it isn't it for our personal blog, and all that but is when 11ty came around, where I really started getting into static site stuff properly, really heavily into it, because it's just such a flexible system. And ever since then, I literally use it for everything now. And so yeah, it's brilliant. Love it. Bryan Robinson 2:25 So as a professional Freelancer using it on like your client projects and stuff like that. Andy Bell 2:30 If you're to list of things that 11tycurrently does for me is if prototyping, visual design. And its power in a book is power in the newsletter. And its power in normal client websites, my website, literally everything is now rolling through 11ty in some way awesome form at the moment. Bryan Robinson 2:56 So So would it be safe to say that that kind of 11ty is kind of your jam in the jam stack? Andy Bell 3:03 Oh, absolutely. Yeah. big thick wad of 11ty jam. Bryan Robinson 3:10 There is there any other technologies or products that you're utilizing in the jam stack right now? Andy Bell 3:14 Yeah, so do a lot of stuff with with Node when I do anything that's got like backends. So, I tend to like So this project, called every layer that I work on with Heydon Pickering. Tha t's all built with 11ty but we use Heroku and Node to do the sort of clever stuff. Which is all going to be well by the time this goes out it actually will be live. And so I tend to use that I but I am a slowly get into the survivalist stuff as well in the Cloud Functions, because Netlify made that really easy. So yeah, but really, I tend to stick around in static site world. Yeah, that's, that's where I hang out. Bryan Robinson 3:56 Cool. So what what kind of what actually made you fall in love with jam stack? Like you talked about, you know, Jekyll being your entry point, obviously. Now it's 11ty that's making it much more, I guess, probably fun to work with. Yeah. But what kind of where did you fall in love with some of the ideas? Andy Bell 4:11 I think it was. It's the empowerment thing. So I'm pretty weak with back end technology. It took me a long time to appreciate that. And you can achieve a lot as a as a sort of designer with the JAMstack. And a lot of power is given to you. And you can do a lot for nothing as well. And that's one thing I really appreciate about is that someone can get an 11ty site or whatever they want to use, and deploy it for free, on Netlify and then they own their own content. So that stuff's really appealing. And then I think is going to be really key in the success of JAMstack as well. Bryan Robinson 4:54 I'm kind of curious, cuz I'm a hybrid to like, I'm a designer developer, and I hate the backend. I hate dealing with servers and all that. But I've been doing HTML, CSS and JavaScript for like a decade. How would you talk to a designer, that's maybe getting into HTML and CSS about static sites and about about that empowerment that you were saying? Andy Bell 5:15 Interesting question. And so soon as I just getting into HTML and CSS, I probably wouldn't, I wouldn't introduce them to this JAMstack, because I think it could create some confusion really early, especially understanding because I think when you learn in HTML it's useful to be able to see the document as a as a whole software experience that uncomfortable about the JavaScript frameworks, as well as that there's a there's a higher level of abstraction, I think, causes a lot of confusion for beginners. So but once they're a bit more comfortable and understood HTML, I probably introduce them to 11ty, and then Nunjucks. And so this is now you cannot take this piece of code that you've written in a partial and then you know, introduce it like that, piece by piece. So keeping it as simple as possible. And that's one thing that's really good about, especially 11ty is that it lets you go from zero to naught point one, you know that you don't have to go all in and fully commit to a light Gatsby or something, you can gradually implement it on an existing setup. So you can actually teach it by doing things slowly, but surely, and people can understand what his role is and where it lives. In the stack. Bryan Robinson 6:30 You mentioned, you mentioned Gatsby, I actually just saw a presentation on Gatsby and just it kind of solidified my personal opinions. It looks you know, super powerful, and all that. And I played with it. But the complete abstraction of everything that's going on, I looked at it and said, I've been doing this a long time. My brain doesn't work like that. I can't imagine anyone else getting into it. Yeah. Andy Bell 6:51 No, no, I did. I did a client project with it earlier in the year and just found myself yearning back for 11ty, this is a bit too much. pretty difficult to do. What web web development, this this doesn't really have a role in my stack, especially a specialist. So yeah, stick stick with it. I think while it gives you I don't think you really need it to be honest. But you know, that's just my opinion. Suppose. Bryan Robinson 7:21 Sure. And then I guess beyond that, you know, talking and talking about, you know, newbies or you know, people who, who are maybe making that that advancement from be able to do that static HTML, CSS, maybe a little JavaScript into more, you know, full stack and putting air quotes, no one can hear the radio, it's been more kind of full stack development. Would you still talk to them about more traditional stuff? Or are you all in static sites JAMstack ideology, Andy Bell 7:55 Progressive enhancement is my is my thing. So whatever, wherever you use, as long as what gets delivered to the front end is HTML, functional HTML by default, so if nothing else arrives down the pipe, you've still got usable website that's acceptable and accessible, then it's all good. And you could, you could use whatever you want to do, like you can use PHP can use Node, I don't really care as long as what arrives, if, if the only thing that rises the HTML, it works, and you can use it, and then everything else on top of that is a bonus so CSS great that works now it looks good, you know, and then JavaScript, it's definitely a sort of an additional sprinkling of functionality rather than the whole thing. You know. That's how I always operate regardless of what project is really, even when I've built like React projects is being SSR (Server Side Rendered) to make sure that if the client fails, which it will, there's not, there's not a sort of might about it, there's, there's a will about it, and then make sure they still work. So that all this stuff, so yeah, definitely. Bryan Robinson 9:06 Do you think that the static sites lend themselves stronger to progressive enhancement? Or is it? Is it just a matter of methodology? Andy Bell 9:15 And yeah, I think, I think they might have made that kind of best point a lot easier. And I think that's, that's probably one thing I really like about them and being able to generate what I want -- which is that HTML output -- it seems to be really easy, I think it's almost easier to generate Well, for me, especially to do that with a static site generator, rather than WordPress style, which, you know, it's what I cut my teeth with WordPress, I think even now, if I was to take on the, air quotes, simple project, before I might sling out a WordPress theme, whereas now sling out on the 11ty site, because I think that's now the quickest way to do it for me. Yeah, Bryan Robinson 10:00 That's actually really, really interesting. So I used to work in an agency for about six years, and we had our own custom content management system and all sorts of stuff. But anytime a client couldn't use that, we were just sling a WordPress theme out there. So you think that that potentially, we're getting to the point where it would just be easier to do a quick static site, instead of going picking out a moderate to decent theme and plugging and playing Andy Bell 10:23 I think, I think one thing that is missing and the other is a couple of marketplaces for themes I was just introduced to this thing called StackBit the other day as well, which I thought was really cool, which has that whole methodology going about it and I think that is going to be the the breaking point and the bit that pushes static sites because like people start with seems a lot in world WordPress world especially and I know Gatsby started doing it themselves, well. And I think that's gonna be the key and I really hope something arrives for all the generators like 11ty and Hugo and stuff. I know there's Jekyll themes stuff that are still going these days as well. So I think that might be that the thing that helps people at least starter kits anyway that do initial setup for people because it can be a daunting, you know, 11ty starts with nothing, there's there's nothing in there. It's empty. So I think people I know Phil Hawksworth he he's created a nice starter kit and then obviously I created the Hylia as well. And it's just the fact that like these little starting points that get people into it. I think that will enable people to create these projects quickly and efficiently. Bryan Robinson 11:42 Now, I mentioned I mentioned earlier Hylia you all do you also I think I read somewhere that you have a starter kit that's like a blank starter kit. Andy Bell 11:56 Yeah, Hebra. You might remember from the the WordPress old days where there's a thing called Stackers by Elliot J Stocks. And this basically that but with 11ty. That's how I got into WordPress was I watch Chris Coyier's digging into WordPress screen casts. And then one of the first things recommended was this Stackers theme. So I got really into that. And I always found it really useful, because it just gave me HTML, nothing else. And then I might as well now want to release Hylia, and they went down really well with everyone. And I thought it'd be nice to also give people the HTML only version of it as well, if they don't want to use all the SASS and all that stuff that I've added in there. So yeah, it seems to be it's not not obviously nowhere near as popular as the other one. But it seems to be helping some people out which is good. Bryan Robinson 12:48 Well, that was that was what you said, you know, that Stacker was was kind of your intro into like WordPress theme that That one wasn't mine. But it was a similar idea where there wasn't, I just got like the loops and stuff like that. And then I could edit that sort of thing, instead of having to write from scratch. Andy Bell 13:03 Exactly. And that was the use case, because one thing I didn't like about WordPress themes is like in design was that had the prescriptive setup. And undoing that was really difficult. So being able to, you know, put actual CSS on that, you know, yourself was a big, big selling point. Bryan Robinson 13:22 Do you think there's any any room for looking at like static HTML themes? Do you think that that's going to be something that can fill that gap for for static sites? Or is it just too much effort at that point, even to convert it over? Andy Bell 13:35 Could be, Yeah, I think I think one thing our industry is lacking big, big time on is knowledge of HTML, especially -- and CSS, but mainly HTML. And there's always been I mean, I wrote a post by the day about it on Monday, where there's this theory that a button that's being created with live React Native, or whatever it is, is more accessible when it might be technically correct. But at the same time, there's a lot of caveats to that statement, and I think within this forum, and I see a lot of documentation, a lot of popular websites and code samples using very poor markup. So there's definitely a space for I'd say, lazy developers, you don't want to learn markup, because it is the founding, you know, is the core thing on the website is HTML, you know, you can't have a website without HTML, I think there's space for someone to just do it for them to put out an accessibility fire as I like to call it just reduce one more opportunity for someone to have a miserable experience with assistive technology is, is to give people our best point, you know, the, the correct markup for an article the correct amount of markup for post list or even for like an e-commerce, you know, something like? Yeah, definitely see space for that. Bryan Robinson 15:01 So I don't want to take up a huge amount of your time. So I'll move into the last last couple things. First and foremost, what's your like, actual jam right now? Like, what are you listening to? What's your favorite song or artists that you've got going on? Andy Bell 15:14 I was looking at Spotify before we started and there's this this is called, going to murder the name but Lyre le Temps, and I'll send you a link, put it in the show notes. And it's it's really funky. It's really it's been been on the constant loop for me recently. And while I've been working and doing a lot of design work recently, so it's really sort of suited to that I need I need music that makes puts me in a good mood when I do design otherwise, I do terrible work. So it doesn't really matter when I do development, I can listen to whatever design is a very specific thing that I need. And, yes, I'll send a link to the album. I've been listening to a lot of his career. It's really cool. Bryan Robinson 15:57 And then you me, you got a lot of things I'm sure you can promote. What do you want to promote on the on the podcast today? Andy Bell 16:06 I think because it's especially when this goes out. Me and Heydon have created this thing called Every Layout, and it's something that's really important to both of us. We're really both really into CSS, as you mentioned, are on a newsletter, about CSS called Picallili, which incidentally, is getting report formed on the JAMstack as we speak. But Every Layout is we're trying to distill CSS layouts and simplify them and teach people to simplify CSS as well. I think we, as a as an industry have overcomplicated CSS and we've thrown far too many heavy frameworks and heavy tools at what are actually simple layout problems. And I think this is all a stigma about the modern layout tooling such as flexbox that Heydon and I are trying to solve, break and teach people how to use them. And yeah, it seems to be going quite well. So yeah, that that'll be ready for purchase. When when this goes out so go on and buy it because when you buy it, it means that we can give it for free to people who need it for free. And that's the whole the whole mantra that we're doing with it is that we're using people's purchase licenses to then subsidize people who really need it for free and been able to give it to them. So yeah. Bryan Robinson 17:26 That's amazing. And, and the stuff I've read online that's in there is also amazing stuff too. So you should definitely go Andy Bell 17:35 Every-layout.dev is the URL Bryan Robinson 17:38 and that'll be in the show notes too. Yeah, it's definitely it's definitely worth checking out. We could do a whole episode about it. Have you and Heydon later on. But uh, yeah, it's amazing stuff. Cool. Well, thanks for for taking the time to talk with us today. Andy Bell 17:55 No worries. It's been good fun. Bryan Robinson 17:57 I really, really appreciate it and we'll go from here.Transcribed by https://otter.aiIntro/outtro music by bensound.com

Phil’s guest on this episode of the IT Career Energizer podcast is Scott Jehl. He is a designer and developer working at Filament Group.  He is a tireless advocate of practices that ensure web access for all and is always chipping away at open source projects with his colleagues at Filament.   He is also author of Responsible Responsive Design, co-author of Designing with Progressive Enhancement and a frequent presenter at conferences throughout the world.    In this episode, Phil and Scott Jehl discuss why you need to follow and engage on Twitter. The benefits of sharing what you know, as you learn it. How to give succinct, yet informative, speeches. Scott and Phil also discuss the challenges the roll-out of superfast networks is going to throw up.   KEY TAKEAWAYS: (3.41) TOP CAREER TIP Stay active on Twitter. A lot of important stuff starts with conversations on Twitter. So, stay engaged there. Be curious, listen and ask questions.   Share what you know as you learn. It does not matter if others are likely to already know or not. Putting it in writing will benefit you and, usually, many others.   (5.24) WORST CAREER MOMENT When Scott first got started as a public speaker he had a deeply embarrassing experience. Despite preparing well, he found himself only halfway through his slide deck with just 5 minutes to go.   He tried to bring it all together. But, he still ended up looking pretty bad in front of hundreds of his peers. Scott has now come up with a way of preparing his speeches so that he never overruns. A technique he shares in the podcast.   (7.44) CAREER HIGHLIGHT Scott and the Filament Group were lucky to be at the forefront of responsive design and working with the Boston Globe. Their readers mainly used IE, which at the time, had no support for media queries and CSS.   Scott was able to write a script to address that complex and difficult issue. It was exciting, challenging and interesting work.   (9.43) THE FUTURE OF CAREERS IN I.T Scott sees it being even easier for I.T professionals to work remotely and flexibly, in the future. So maintaining the right work-life balance will become far easier.   He is really excited to see bigger audiences, throughout the world, gaining access to the web. It is amazing the difference it is making to people’s lives. The emergence of new browser standards and technologies is having a hugely positive impact.   (11.47) THE REVEAL What first attracted you to a career in I.T.? – Scott’s background in graphic design led naturally to a career in I.T. What’s the best career advice you received? – You can do anything in two weeks. In the podcast, Scott explains how any IT professional can use this advice to achieve more. What would you do if you started your career now? – Scott says he would take some of the online boot camp tutorials, early on to accelerate his career. What are your current career objectives? – Right now, Scott is most interested in performance and accessibility. In particular, how devices can parse and evaluate script fast enough. What’s your number one non-technical skill? – Technical and narrative writing. How do you keep your own career energized? – Listening to podcasts. They expose him to people working on all aspects of the web. What do you do away from technology? – Scott likes to spend a lot of time with his family. He also enjoys surfing, hiking and cooking.   (19.34) FINAL CAREER TIP Share what you learn, write a blog. Doing that has greatly benefitted Scott’s career and that of others.   BEST MOMENTS (4.18) – Scott - “Be curious, ask questions, share what you know as you learn it.” (13.11) – Scott - “You can do a heck of a lot in just two weeks, especially with a good team.” (14.11) – Scott - “Boot camp tutorials are a great way to learn and accelerate your career, especially early on.” (17.50) – Scott - “Write about what you are working on, it is the best way to get clarity of the problem.” (18.53) – Scott - “Pay attention to what other people are working on.” (19.34) – Scott - “Write or blog to share whatever you’ve learned.”   ABOUT THE HOST – PHIL BURGESS Phil Burgess is an independent IT consultant who has spent the last 20 years helping organisations to design, develop and implement software solutions.  Phil has always had an interest in helping others to develop and advance their careers.  And in 2017 Phil started the I.T. Career Energizer podcast to try to help as many people as possible to learn from the career advice and experiences of those that have been, and still are, on that same career journey.   CONTACT THE HOST – PHIL BURGESS Phil can be contacted through the following Social Media platforms:   Twitter: https://twitter.com/philtechcareer LinkedIn: https://uk.linkedin.com/in/philburgess Facebook: https://facebook.com/philtechcareer Instagram: https://instagram.com/philtechcareer Website: https://itcareerenergizer.com/contact   Phil is also reachable by email at phil@itcareerenergizer.com and via the podcast’s website, https://itcareerenergizer.com Join the I.T. Career Energizer Community on Facebook - https://www.facebook.com/groups/ITCareerEnergizer   ABOUT THE GUEST – Scott Jehl Scott Jehl is a designer and developer working at Filament Group.  He is a tireless advocate of practices that ensure web access for all and is always chipping away at open source projects with his colleagues at Filament.   He is also author of Responsible Responsive Design, co-author of Designing with Progressive Enhancement and a frequent presenter at conferences throughout the world.   CONTACT THE GUEST – Scott Jehl Scott Jehl can be contacted through the following Social Media platforms:   Twitter: https://twitter.com/scottjehl GitHub: https://github.com/scottjehl Website: https://scottjehl.com/

Key Takeaways: Progressive Web Apps (PWAs) are an evolution of multiple technologies and one of the influencing factors was the concept of progressive enhancement. One major benefit of PWAs that is oftentimes overlooked is the skills needed to develop a PWA compared to native mobile apps. Since PWAs are delivered on the web, there is a significantly larger talent pool than what exists with native mobile app developers. If you haven’t already created a PWA, then it’s time to build one. The only exception is if you’re in high-end gaming then native mobile apps are still the best option for you. Full Shownotes:  https://www.lumavate.com/podcasts/from-progressive-enhancement-progressive-web-apps

Sponsors KendoUI Sentry use the code “devchat” for $100 credit Clubhouse Panel AJ O’Neal Chris Ferdinandi Charles Max Wood Joined by special guest: Phil Hawksworth and Divya Sasidharan Episode Summary This episode features special guests Philip Hawksworth and Divya Sasidharan. Phil lives just outside of London and Divya lives in Chicago, and both of them work for Netlify. Divya is also a regular on the Devchat show Views on Vue. The panelists begin by discussing what JAMstack is. JAM stands for JavaScript, API, and Markup. It used to be known as the new name for static sites, but it’s much more than that. Phil talks about how dynamic ‘static’ sites really are. JAMstack sites range from very simple to very complex, Static is actually a misnomer. JAMstack makes making, deploying, and publishing as simple as possible. The panelists discuss the differences between building your own API and JAMstack and how JavaScript fits into the JAMstack ecosystem. They talk about keys and secrets in APIs and the best way to handle credentials in a static site. There are multiple ways to handle it, but Netlify has some built in solutions. All you have to do is write your logic for what you want your function to do and what packages you want included in it, they do all the rest. Every deployment you make stays there, so you can always roll back to a previous version. Charles asks about how to convert a website that’s built on a CMS to a static site and some of the tools available on Netlify. They finish by discussing different hangups on migrating platforms for things like Devchat (which is built on WordPress) and the benefits of switching servers. Links API React JAMstack CMS (content management system) CDM (Customer Data Management) Markup UI (User Interface) Jekyll Progressive Enhancement 11ty Hugo React Static Gatsby Vue AWS AWS Lambda Azure Markdown WordPress Zapier Stefan Baumgartner article RSS feed Picks AJ O’Neal: Prince Ali Ababwa (Aladdin) Node v.10.12 Chris Ferdinandi: Bouncer Philip Morgan Consulting Jonathan Stark Consulting Charles Max Wood: Mastadon Social Thanksgiving turkey Phil Hawksworth: Dripping (solidified meat drippings spread on toast) They Shall Not Grow Old Divya Sasidharan: Fear, Trust, and JavaScript Women’s Pockets Are Inferior Debt: A Love Story

Sponsors KendoUI Sentry use the code “devchat” for $100 credit Clubhouse Panel AJ O’Neal Chris Ferdinandi Charles Max Wood Joined by special guest: Phil Hawksworth and Divya Sasidharan Episode Summary This episode features special guests Philip Hawksworth and Divya Sasidharan. Phil lives just outside of London and Divya lives in Chicago, and both of them work for Netlify. Divya is also a regular on the Devchat show Views on Vue. The panelists begin by discussing what JAMstack is. JAM stands for JavaScript, API, and Markup. It used to be known as the new name for static sites, but it’s much more than that. Phil talks about how dynamic ‘static’ sites really are. JAMstack sites range from very simple to very complex, Static is actually a misnomer. JAMstack makes making, deploying, and publishing as simple as possible. The panelists discuss the differences between building your own API and JAMstack and how JavaScript fits into the JAMstack ecosystem. They talk about keys and secrets in APIs and the best way to handle credentials in a static site. There are multiple ways to handle it, but Netlify has some built in solutions. All you have to do is write your logic for what you want your function to do and what packages you want included in it, they do all the rest. Every deployment you make stays there, so you can always roll back to a previous version. Charles asks about how to convert a website that’s built on a CMS to a static site and some of the tools available on Netlify. They finish by discussing different hangups on migrating platforms for things like Devchat (which is built on WordPress) and the benefits of switching servers. Links API React JAMstack CMS (content management system) CDM (Customer Data Management) Markup UI (User Interface) Jekyll Progressive Enhancement 11ty Hugo React Static Gatsby Vue AWS AWS Lambda Azure Markdown WordPress Zapier Stefan Baumgartner article RSS feed Picks AJ O’Neal: Prince Ali Ababwa (Aladdin) Node v.10.12 Chris Ferdinandi: Bouncer Philip Morgan Consulting Jonathan Stark Consulting Charles Max Wood: Mastadon Social Thanksgiving turkey Phil Hawksworth: Dripping (solidified meat drippings spread on toast) They Shall Not Grow Old Divya Sasidharan: Fear, Trust, and JavaScript Women’s Pockets Are Inferior Debt: A Love Story

Sponsors KendoUI Sentry use the code “devchat” for $100 credit Clubhouse Panel AJ O’Neal Chris Ferdinandi Charles Max Wood Joined by special guest: Phil Hawksworth and Divya Sasidharan Episode Summary This episode features special guests Philip Hawksworth and Divya Sasidharan. Phil lives just outside of London and Divya lives in Chicago, and both of them work for Netlify. Divya is also a regular on the Devchat show Views on Vue. The panelists begin by discussing what JAMstack is. JAM stands for JavaScript, API, and Markup. It used to be known as the new name for static sites, but it’s much more than that. Phil talks about how dynamic ‘static’ sites really are. JAMstack sites range from very simple to very complex, Static is actually a misnomer. JAMstack makes making, deploying, and publishing as simple as possible. The panelists discuss the differences between building your own API and JAMstack and how JavaScript fits into the JAMstack ecosystem. They talk about keys and secrets in APIs and the best way to handle credentials in a static site. There are multiple ways to handle it, but Netlify has some built in solutions. All you have to do is write your logic for what you want your function to do and what packages you want included in it, they do all the rest. Every deployment you make stays there, so you can always roll back to a previous version. Charles asks about how to convert a website that’s built on a CMS to a static site and some of the tools available on Netlify. They finish by discussing different hangups on migrating platforms for things like Devchat (which is built on WordPress) and the benefits of switching servers. Links API React JAMstack CMS (content management system) CDM (Customer Data Management) Markup UI (User Interface) Jekyll Progressive Enhancement 11ty Hugo React Static Gatsby Vue AWS AWS Lambda Azure Markdown WordPress Zapier Stefan Baumgartner article RSS feed Picks AJ O’Neal: Prince Ali Ababwa (Aladdin) Node v.10.12 Chris Ferdinandi: Bouncer Philip Morgan Consulting Jonathan Stark Consulting Charles Max Wood: Mastadon Social Thanksgiving turkey Phil Hawksworth: Dripping (solidified meat drippings spread on toast) They Shall Not Grow Old Divya Sasidharan: Fear, Trust, and JavaScript Women’s Pockets Are Inferior Debt: A Love Story

Panel: Charles Max Wood Aimee Knight Chris Ferdinandi AJ O’Neal Special Guest: Andy Bell In this episode, the panel talks with Andy Bell who is an independent designer and developer who uses React, Vue, and Node. Today, the panelists and the guest talk about the power of progressive enhancements. Check it out! Show Topics: 0:00 – Advertisement: KENDO UI 0:34 – Chuck: Hi! Our panel is AJ, Aimee, Chris, myself and my new show is coming out in a few weeks, which is called the DevRev! It helps you with developer’s freedom! I am super excited. Our guest is Andy Bell. Introduce yourself, please. 2:00 – Guest: I am an independent designer and developer out in the U.K. 2:17 – Chuck: You wrote things about Vanilla.js. I am foreshadowing a few things and let’s talk about the power and progressive enhancement. 2:43 – The guest gives us definitions of power and progressive enhancements. He describes how it works. 3:10 – Chuck: I’ve heard that people would turn off JavaScript b/c it was security concern and then your progressive enhancement would make it work w/o JavaScript. I am sure there’s more than that? 3:28 – The guest talks about JavaScript, dependencies, among other things. 4:40 – Chuck: Your post did make that very clear I think. I am thinking I don’t even know where to start with this. Are people using the 6th version? How far back or what are we talking about here? 5:09 – Guest: You can go really far back and make it work w/o CSS. 5:49 – Chris: I am a big advocate of progressive enhancement – the pushback I get these days is that there is a divide; between the broadband era and AOL dialup. Are there compelling reasons why progressive enhancements even matter? 6:48 – Guest. 8:05 – Panel: My family lives out in the boonies. I am aware of 50% of American don’t have fast Internet. People don’t have access to fast browsers but I don’t think they are key metric users. 8:47 – Guest: It totally depends on what you need it for. It doesn’t matter if these people are paying or not. 9:31 – Chris: Assuming I have a commute on the trail and it goes through a spotty section. In a scenario that it’s dependent on the JS...are we talking about 2 different things here? 10:14 – Panelist chimes-in. 10:36 – Chris: I can take advantage of it even if I cannot afford a new machine. 10:55 – Panel: Where would this really matter to you? 11:05 – Chris: I do have a nice new laptop. 11:12 – Chuck: I had to hike up to the hill (near the house) to make a call and the connection was really poor (in OK). It’s not the norm but it can happen. 11:37 – Chris: Or how about the All Trails app when I am on the trail. 11:52 – Guest. 12:40 – Chris: I can remember at the time that the desktop sites it was popular to have... Chris: Most of those sites were inaccessible to me. 13:17 – Guest. 13:51 – Chuck: First-world countries will have a good connection and it’s not a big deal. If you are thinking though about your customers and where they live? Is that fair? I am thinking that my customers need to be able to access the podcast – what would you suggest? What are the things that you’d make sure is accessible to them. 14:31 – Guest: I like to pick on the minimum viable experience? I think to read the transcript is important than the audio (MP3). 15:47 – Chuck. 15:52 – Guest: It’s a lot easier with Vue b/c you don’t’ have to set aside rendering. 17:13 – AJ: I am thinking: that there is a way to start developing progressively and probably cheaper and easier to the person who is developing. If it saves us a buck and helps then we take action. 17:49 – Guest: It’s much easier if you start that way and if you enhance the feature itself. 18:38 – AJ: Let me ask: what are the situations where I wouldn’t / shouldn’t worry about progressive enhancements? 18:57 – Guest answers the question. 19:42 – AJ: I want people to feel motivated in a place WHERE to start. Something like a blog needs Java for comments. Hamburger menu is mentioned, too. 20:20 – Guest. 21:05 – Chris: Can we talk about code? 21:16 – Aimee: This is the direction I wanted to go. What do you mean by that – building your applications progressively? Aimee refers to his blog. 21:44 – Guest. 22:13 – Chuck: I use stock overflow! 22:20 – Guest. 22:24 – Chuck: I mean that’s what Chris uses! 22:33 – Guest (continues). 23:42 – Aimee. 23:54 – Chris. 24:09 – Chris 24:16 – Chris: Andy what do you think about that? 24:22 – Guest: Yes, that’s good. 24:35 – Chris: Where it falls apart is the resistance to progressive enhancements that it means that your approach has to be boring? 25:03 – Guest answers the question. The guest mentions modern CSS and modern JavaScript are mentioned along with tooling. 25:50 – Chuck: My issue is that when we talk about this (progressive enhancement) lowest common denominator and some user at some level (slow network) and then they can access it. Then the next level (better access) can access it. I start at the bottom and then go up. Then when they say progressive enhancement I get lost. Should I scrap it and then start over or what? 26:57 – Guest: If it’s feasible do it and then set a timeline up. 27:42 – Chuck: You are saying yes do it a layer at a time – but my question is HOW? What parts can I pair back? Are there guidelines to say: do this first and then how to test? 28:18 – Advertisement – Sentry.io 29:20 – Guest: Think about the user flow. What does the user want to do at THIS point? Do you need to work out the actual dependencies? 30:31 – Chuck: Is there a list of those capabilities somewhere? So these users can use it this way and these users can use it that way? 30:50 – Guest answers the question. 31:03 – Guest: You can pick out the big things. 31:30 – Chuck: I am using this feature in the browser... 31:41 – Guest. 31:46 – Chris: I think this differently than you Andy – I’ve stopped caring if a browser supports something new. I am fine using CSS grid and if your browser doesn’t support it then I don’t have a problem with that. I get hung up on, though if this fails can they still get the content? If they have no access to these – what should they be able to do? Note: “Cutting the Mustard Test” is mentioned. 33:37 – Guest. 33:44 – Chuck: Knowing your users and if it becomes a problem then I will figure it out. 34:00 – Chris: I couldn’t spare the time to make it happen right now b/c I am a one-man shop. 34:20 – Chuck and Chris go back-and-forth. 34:36 –Chris: Check out links below for my product. 34:54 – AJ: A lot of these things are in the name: progressive. 36:20 – Guest. 38:51 – Chris: Say that they haven’t looked at it all before. Do you mind talking about these things and what the heck is a web component? 39:14 – The guest gives us his definition of what a web component is. 40:02 – Chuck: Most recent episode in Angular about web components, but that was a few years ago. See links below for that episode. 40:25 – Aimee. 40:31 – Guest: Yes, it’s a lot like working in Vue and web components. The concepts are very similar. 41:22 – Chris: Can someone please give us an example? A literal slideshow example? 41:45 – Guest answers the question. 45:07 – Chris. 45:12 – Guest: It’s a framework that just happens to use web components and stuff to help. 45:54 – Chuck: Yeah they make it easier (Palmer). Yeah there is a crossover with Palmer team and other teams. I can say that b/c I have talked with people from both teams. Anything else? 46:39 – Chuck: Where do they go to learn more? 46:49 – Guest: Check out the Club! And my Twitter! (See links below.) 47:33 – Chuck: I want to shout-out about DevLifts that has $19 a month to help you with physical goals. Or you can get the premium slot! It’s terrific stuff. Sign-up with DEVCHAT code but there is a limited number of slots and there is a deadline, too. Just try it! They have a podcast, too! 49:16 – Aimee: Yeah, I’m on their podcast soon! 49:30 – Chuck: Picks! END – Advertisement: CacheFly! Links: JavaScript React Elixir Ember.js Vue GO jQuery Node.js Puppeteer Cypress Past episode: AiA 115 Past episode: JSJ 120 Vue.js – Slots Using templates and slots – Article Web Components Club GitHub: Pwa – Starter – Kit Progressively Enhanced Toggle Panel Time Ago in under 50 lines of JavaScript GitHub: ebook-boilerplate Chris Ferdinandi’s Go Make Things Site Game Chops CNBC – Trump Article New in Node v10.12 Quotes Archive My Amazon Interview Horror Story DevPal.io Honest Work Relative Paths DevLifts Andy Bell’s Twitter Andy’s Website Sponsors: DevLifts Kendo UI Sentry CacheFly Picks: Aimee Hacker News  -  Programming Quotes My Amazon Interview Horror Story Chris Time Ago in Under 50 Lines of JavaScript E-Book Boiler Plate JSJABBER at gomakethings.com AJ Experimental Drugs Bill My Browers FYI New In Node,10.12 Arcade Attack Charles Getacoderjob.com Self-Publishing School MF CEO podcast Andy Devpay.io Honest.work Relativepath.uk

Panel: Charles Max Wood Aimee Knight Chris Ferdinandi AJ O’Neal Special Guest: Andy Bell In this episode, the panel talks with Andy Bell who is an independent designer and developer who uses React, Vue, and Node. Today, the panelists and the guest talk about the power of progressive enhancements. Check it out! Show Topics: 0:00 – Advertisement: KENDO UI 0:34 – Chuck: Hi! Our panel is AJ, Aimee, Chris, myself and my new show is coming out in a few weeks, which is called the DevRev! It helps you with developer’s freedom! I am super excited. Our guest is Andy Bell. Introduce yourself, please. 2:00 – Guest: I am an independent designer and developer out in the U.K. 2:17 – Chuck: You wrote things about Vanilla.js. I am foreshadowing a few things and let’s talk about the power and progressive enhancement. 2:43 – The guest gives us definitions of power and progressive enhancements. He describes how it works. 3:10 – Chuck: I’ve heard that people would turn off JavaScript b/c it was security concern and then your progressive enhancement would make it work w/o JavaScript. I am sure there’s more than that? 3:28 – The guest talks about JavaScript, dependencies, among other things. 4:40 – Chuck: Your post did make that very clear I think. I am thinking I don’t even know where to start with this. Are people using the 6th version? How far back or what are we talking about here? 5:09 – Guest: You can go really far back and make it work w/o CSS. 5:49 – Chris: I am a big advocate of progressive enhancement – the pushback I get these days is that there is a divide; between the broadband era and AOL dialup. Are there compelling reasons why progressive enhancements even matter? 6:48 – Guest. 8:05 – Panel: My family lives out in the boonies. I am aware of 50% of American don’t have fast Internet. People don’t have access to fast browsers but I don’t think they are key metric users. 8:47 – Guest: It totally depends on what you need it for. It doesn’t matter if these people are paying or not. 9:31 – Chris: Assuming I have a commute on the trail and it goes through a spotty section. In a scenario that it’s dependent on the JS...are we talking about 2 different things here? 10:14 – Panelist chimes-in. 10:36 – Chris: I can take advantage of it even if I cannot afford a new machine. 10:55 – Panel: Where would this really matter to you? 11:05 – Chris: I do have a nice new laptop. 11:12 – Chuck: I had to hike up to the hill (near the house) to make a call and the connection was really poor (in OK). It’s not the norm but it can happen. 11:37 – Chris: Or how about the All Trails app when I am on the trail. 11:52 – Guest. 12:40 – Chris: I can remember at the time that the desktop sites it was popular to have... Chris: Most of those sites were inaccessible to me. 13:17 – Guest. 13:51 – Chuck: First-world countries will have a good connection and it’s not a big deal. If you are thinking though about your customers and where they live? Is that fair? I am thinking that my customers need to be able to access the podcast – what would you suggest? What are the things that you’d make sure is accessible to them. 14:31 – Guest: I like to pick on the minimum viable experience? I think to read the transcript is important than the audio (MP3). 15:47 – Chuck. 15:52 – Guest: It’s a lot easier with Vue b/c you don’t’ have to set aside rendering. 17:13 – AJ: I am thinking: that there is a way to start developing progressively and probably cheaper and easier to the person who is developing. If it saves us a buck and helps then we take action. 17:49 – Guest: It’s much easier if you start that way and if you enhance the feature itself. 18:38 – AJ: Let me ask: what are the situations where I wouldn’t / shouldn’t worry about progressive enhancements? 18:57 – Guest answers the question. 19:42 – AJ: I want people to feel motivated in a place WHERE to start. Something like a blog needs Java for comments. Hamburger menu is mentioned, too. 20:20 – Guest. 21:05 – Chris: Can we talk about code? 21:16 – Aimee: This is the direction I wanted to go. What do you mean by that – building your applications progressively? Aimee refers to his blog. 21:44 – Guest. 22:13 – Chuck: I use stock overflow! 22:20 – Guest. 22:24 – Chuck: I mean that’s what Chris uses! 22:33 – Guest (continues). 23:42 – Aimee. 23:54 – Chris. 24:09 – Chris 24:16 – Chris: Andy what do you think about that? 24:22 – Guest: Yes, that’s good. 24:35 – Chris: Where it falls apart is the resistance to progressive enhancements that it means that your approach has to be boring? 25:03 – Guest answers the question. The guest mentions modern CSS and modern JavaScript are mentioned along with tooling. 25:50 – Chuck: My issue is that when we talk about this (progressive enhancement) lowest common denominator and some user at some level (slow network) and then they can access it. Then the next level (better access) can access it. I start at the bottom and then go up. Then when they say progressive enhancement I get lost. Should I scrap it and then start over or what? 26:57 – Guest: If it’s feasible do it and then set a timeline up. 27:42 – Chuck: You are saying yes do it a layer at a time – but my question is HOW? What parts can I pair back? Are there guidelines to say: do this first and then how to test? 28:18 – Advertisement – Sentry.io 29:20 – Guest: Think about the user flow. What does the user want to do at THIS point? Do you need to work out the actual dependencies? 30:31 – Chuck: Is there a list of those capabilities somewhere? So these users can use it this way and these users can use it that way? 30:50 – Guest answers the question. 31:03 – Guest: You can pick out the big things. 31:30 – Chuck: I am using this feature in the browser... 31:41 – Guest. 31:46 – Chris: I think this differently than you Andy – I’ve stopped caring if a browser supports something new. I am fine using CSS grid and if your browser doesn’t support it then I don’t have a problem with that. I get hung up on, though if this fails can they still get the content? If they have no access to these – what should they be able to do? Note: “Cutting the Mustard Test” is mentioned. 33:37 – Guest. 33:44 – Chuck: Knowing your users and if it becomes a problem then I will figure it out. 34:00 – Chris: I couldn’t spare the time to make it happen right now b/c I am a one-man shop. 34:20 – Chuck and Chris go back-and-forth. 34:36 –Chris: Check out links below for my product. 34:54 – AJ: A lot of these things are in the name: progressive. 36:20 – Guest. 38:51 – Chris: Say that they haven’t looked at it all before. Do you mind talking about these things and what the heck is a web component? 39:14 – The guest gives us his definition of what a web component is. 40:02 – Chuck: Most recent episode in Angular about web components, but that was a few years ago. See links below for that episode. 40:25 – Aimee. 40:31 – Guest: Yes, it’s a lot like working in Vue and web components. The concepts are very similar. 41:22 – Chris: Can someone please give us an example? A literal slideshow example? 41:45 – Guest answers the question. 45:07 – Chris. 45:12 – Guest: It’s a framework that just happens to use web components and stuff to help. 45:54 – Chuck: Yeah they make it easier (Palmer). Yeah there is a crossover with Palmer team and other teams. I can say that b/c I have talked with people from both teams. Anything else? 46:39 – Chuck: Where do they go to learn more? 46:49 – Guest: Check out the Club! And my Twitter! (See links below.) 47:33 – Chuck: I want to shout-out about DevLifts that has $19 a month to help you with physical goals. Or you can get the premium slot! It’s terrific stuff. Sign-up with DEVCHAT code but there is a limited number of slots and there is a deadline, too. Just try it! They have a podcast, too! 49:16 – Aimee: Yeah, I’m on their podcast soon! 49:30 – Chuck: Picks! END – Advertisement: CacheFly! Links: JavaScript React Elixir Ember.js Vue GO jQuery Node.js Puppeteer Cypress Past episode: AiA 115 Past episode: JSJ 120 Vue.js – Slots Using templates and slots – Article Web Components Club GitHub: Pwa – Starter – Kit Progressively Enhanced Toggle Panel Time Ago in under 50 lines of JavaScript GitHub: ebook-boilerplate Chris Ferdinandi’s Go Make Things Site Game Chops CNBC – Trump Article New in Node v10.12 Quotes Archive My Amazon Interview Horror Story DevPal.io Honest Work Relative Paths DevLifts Andy Bell’s Twitter Andy’s Website Sponsors: DevLifts Kendo UI Sentry CacheFly Picks: Aimee Hacker News  -  Programming Quotes My Amazon Interview Horror Story Chris Time Ago in Under 50 Lines of JavaScript E-Book Boiler Plate JSJABBER at gomakethings.com AJ Experimental Drugs Bill My Browers FYI New In Node,10.12 Arcade Attack Charles Getacoderjob.com Self-Publishing School MF CEO podcast Andy Devpay.io Honest.work Relativepath.uk

Panel: Charles Max Wood Aimee Knight Chris Ferdinandi AJ O’Neal Special Guest: Andy Bell In this episode, the panel talks with Andy Bell who is an independent designer and developer who uses React, Vue, and Node. Today, the panelists and the guest talk about the power of progressive enhancements. Check it out! Show Topics: 0:00 – Advertisement: KENDO UI 0:34 – Chuck: Hi! Our panel is AJ, Aimee, Chris, myself and my new show is coming out in a few weeks, which is called the DevRev! It helps you with developer’s freedom! I am super excited. Our guest is Andy Bell. Introduce yourself, please. 2:00 – Guest: I am an independent designer and developer out in the U.K. 2:17 – Chuck: You wrote things about Vanilla.js. I am foreshadowing a few things and let’s talk about the power and progressive enhancement. 2:43 – The guest gives us definitions of power and progressive enhancements. He describes how it works. 3:10 – Chuck: I’ve heard that people would turn off JavaScript b/c it was security concern and then your progressive enhancement would make it work w/o JavaScript. I am sure there’s more than that? 3:28 – The guest talks about JavaScript, dependencies, among other things. 4:40 – Chuck: Your post did make that very clear I think. I am thinking I don’t even know where to start with this. Are people using the 6th version? How far back or what are we talking about here? 5:09 – Guest: You can go really far back and make it work w/o CSS. 5:49 – Chris: I am a big advocate of progressive enhancement – the pushback I get these days is that there is a divide; between the broadband era and AOL dialup. Are there compelling reasons why progressive enhancements even matter? 6:48 – Guest. 8:05 – Panel: My family lives out in the boonies. I am aware of 50% of American don’t have fast Internet. People don’t have access to fast browsers but I don’t think they are key metric users. 8:47 – Guest: It totally depends on what you need it for. It doesn’t matter if these people are paying or not. 9:31 – Chris: Assuming I have a commute on the trail and it goes through a spotty section. In a scenario that it’s dependent on the JS...are we talking about 2 different things here? 10:14 – Panelist chimes-in. 10:36 – Chris: I can take advantage of it even if I cannot afford a new machine. 10:55 – Panel: Where would this really matter to you? 11:05 – Chris: I do have a nice new laptop. 11:12 – Chuck: I had to hike up to the hill (near the house) to make a call and the connection was really poor (in OK). It’s not the norm but it can happen. 11:37 – Chris: Or how about the All Trails app when I am on the trail. 11:52 – Guest. 12:40 – Chris: I can remember at the time that the desktop sites it was popular to have... Chris: Most of those sites were inaccessible to me. 13:17 – Guest. 13:51 – Chuck: First-world countries will have a good connection and it’s not a big deal. If you are thinking though about your customers and where they live? Is that fair? I am thinking that my customers need to be able to access the podcast – what would you suggest? What are the things that you’d make sure is accessible to them. 14:31 – Guest: I like to pick on the minimum viable experience? I think to read the transcript is important than the audio (MP3). 15:47 – Chuck. 15:52 – Guest: It’s a lot easier with Vue b/c you don’t’ have to set aside rendering. 17:13 – AJ: I am thinking: that there is a way to start developing progressively and probably cheaper and easier to the person who is developing. If it saves us a buck and helps then we take action. 17:49 – Guest: It’s much easier if you start that way and if you enhance the feature itself. 18:38 – AJ: Let me ask: what are the situations where I wouldn’t / shouldn’t worry about progressive enhancements? 18:57 – Guest answers the question. 19:42 – AJ: I want people to feel motivated in a place WHERE to start. Something like a blog needs Java for comments. Hamburger menu is mentioned, too. 20:20 – Guest. 21:05 – Chris: Can we talk about code? 21:16 – Aimee: This is the direction I wanted to go. What do you mean by that – building your applications progressively? Aimee refers to his blog. 21:44 – Guest. 22:13 – Chuck: I use stock overflow! 22:20 – Guest. 22:24 – Chuck: I mean that’s what Chris uses! 22:33 – Guest (continues). 23:42 – Aimee. 23:54 – Chris. 24:09 – Chris 24:16 – Chris: Andy what do you think about that? 24:22 – Guest: Yes, that’s good. 24:35 – Chris: Where it falls apart is the resistance to progressive enhancements that it means that your approach has to be boring? 25:03 – Guest answers the question. The guest mentions modern CSS and modern JavaScript are mentioned along with tooling. 25:50 – Chuck: My issue is that when we talk about this (progressive enhancement) lowest common denominator and some user at some level (slow network) and then they can access it. Then the next level (better access) can access it. I start at the bottom and then go up. Then when they say progressive enhancement I get lost. Should I scrap it and then start over or what? 26:57 – Guest: If it’s feasible do it and then set a timeline up. 27:42 – Chuck: You are saying yes do it a layer at a time – but my question is HOW? What parts can I pair back? Are there guidelines to say: do this first and then how to test? 28:18 – Advertisement – Sentry.io 29:20 – Guest: Think about the user flow. What does the user want to do at THIS point? Do you need to work out the actual dependencies? 30:31 – Chuck: Is there a list of those capabilities somewhere? So these users can use it this way and these users can use it that way? 30:50 – Guest answers the question. 31:03 – Guest: You can pick out the big things. 31:30 – Chuck: I am using this feature in the browser... 31:41 – Guest. 31:46 – Chris: I think this differently than you Andy – I’ve stopped caring if a browser supports something new. I am fine using CSS grid and if your browser doesn’t support it then I don’t have a problem with that. I get hung up on, though if this fails can they still get the content? If they have no access to these – what should they be able to do? Note: “Cutting the Mustard Test” is mentioned. 33:37 – Guest. 33:44 – Chuck: Knowing your users and if it becomes a problem then I will figure it out. 34:00 – Chris: I couldn’t spare the time to make it happen right now b/c I am a one-man shop. 34:20 – Chuck and Chris go back-and-forth. 34:36 –Chris: Check out links below for my product. 34:54 – AJ: A lot of these things are in the name: progressive. 36:20 – Guest. 38:51 – Chris: Say that they haven’t looked at it all before. Do you mind talking about these things and what the heck is a web component? 39:14 – The guest gives us his definition of what a web component is. 40:02 – Chuck: Most recent episode in Angular about web components, but that was a few years ago. See links below for that episode. 40:25 – Aimee. 40:31 – Guest: Yes, it’s a lot like working in Vue and web components. The concepts are very similar. 41:22 – Chris: Can someone please give us an example? A literal slideshow example? 41:45 – Guest answers the question. 45:07 – Chris. 45:12 – Guest: It’s a framework that just happens to use web components and stuff to help. 45:54 – Chuck: Yeah they make it easier (Palmer). Yeah there is a crossover with Palmer team and other teams. I can say that b/c I have talked with people from both teams. Anything else? 46:39 – Chuck: Where do they go to learn more? 46:49 – Guest: Check out the Club! And my Twitter! (See links below.) 47:33 – Chuck: I want to shout-out about DevLifts that has $19 a month to help you with physical goals. Or you can get the premium slot! It’s terrific stuff. Sign-up with DEVCHAT code but there is a limited number of slots and there is a deadline, too. Just try it! They have a podcast, too! 49:16 – Aimee: Yeah, I’m on their podcast soon! 49:30 – Chuck: Picks! END – Advertisement: CacheFly! Links: JavaScript React Elixir Ember.js Vue GO jQuery Node.js Puppeteer Cypress Past episode: AiA 115 Past episode: JSJ 120 Vue.js – Slots Using templates and slots – Article Web Components Club GitHub: Pwa – Starter – Kit Progressively Enhanced Toggle Panel Time Ago in under 50 lines of JavaScript GitHub: ebook-boilerplate Chris Ferdinandi’s Go Make Things Site Game Chops CNBC – Trump Article New in Node v10.12 Quotes Archive My Amazon Interview Horror Story DevPal.io Honest Work Relative Paths DevLifts Andy Bell’s Twitter Andy’s Website Sponsors: DevLifts Kendo UI Sentry CacheFly Picks: Aimee Hacker News  -  Programming Quotes My Amazon Interview Horror Story Chris Time Ago in Under 50 Lines of JavaScript E-Book Boiler Plate JSJABBER at gomakethings.com AJ Experimental Drugs Bill My Browers FYI New In Node,10.12 Arcade Attack Charles Getacoderjob.com Self-Publishing School MF CEO podcast Andy Devpay.io Honest.work Relativepath.uk

Progressive Enhancement is een podcast over vooruitgang door middel van design en technologie in de breedste zin van het woord. We proberen via onze eigen invalshoek een licht te schijnen op maatschappelijke ontwikkelingen en waar mogelijk deze verder uit te diepen. Show notes 00:04:21 Chapo Trap House 00:21:44 Ecologie Links The Horror and the Hopefulness of Chapo Trap House https://jacobinmag.com/2018/09/chapo-trap-house-guide-to-revolution Love Your Monsters https://thebreakthrough.org/index.php/journal/past-issues/issue-2/love-your-monsters Boeken Europe's Tragedy: A New History of the Thirty Years War, Peter H. Wilson The Chapo Guide to Revolution: A Manifesto Against Logic, Facts, and Reason, Neoreaction a Basilisk: Essays on and Around the Alt-Right, Elizabeth Sandifer How Democracy Ends, David Runciman Green Mars, Kim Stanley Robinson Ecology Without Nature: Rethinking Environmental Aesthetics, Timothy Morton We Have Never Been Modern, Bruno Latour Four Futures: Life After Capitalism, Peter Frase Over Kars Alfrink is een ontwerper en onderzoeker die zich richt op het snijvlak van nieuwe technologie, sociale vooruitgang en gebouwde omgeving. Alper Cugun is een ingenieur en strateeg die zich bezig houdt met de operationele, culturele en personele dimensies van innovatie.

Progressive Enhancement is een podcast over vooruitgang door middel van design en technologie in de breedste zin van het woord. We proberen via onze eigen invalshoek een licht te schijnen op maatschappelijke ontwikkelingen en waar mogelijk deze verder uit te diepen. Show notes Digitale Soevereiniteit 00:01:20 Sleepwet 00:12:41 Tech Solidarity Stack Mutualisme 00:17:41 Mutualisme 00:24:42 Sapiens Toekomst 00:30:16 Four Futures 00:44:13 Exit West Links Alpers tweetstorm over digitale soevereiniteit https://twitter.com/alper/status/968491817229529088 Michelle Thorne’s tussentijds bericht https://medium.com/@thornet/its-capitalism-stupid-e20e42fe68cf Venkatesh Rao over de culture wars en Ursula K. LeGuin https://www.ribbonfarm.com/2018/03/06/a-quick-battle-field-guide-to-the-new-culture-wars/ Boeken The Dispossessed, Ursula K. Le Guin Sapiens, Yuval Noah Harari Homo Deus, Yuval Noah Harari Capital in the Twenty-First Century, Thomas Piketty Four Futures, Peter Frase Bullshit Jobs: A Theory, David Graeber The Wild Shore, Kim Stanley Robinson Exit West, Mohsin Hamid Over Kars Alfrink is een ontwerper en onderzoeker die zich richt op het snijvlak van nieuwe technologie, sociale vooruitgang en gebouwde omgeving. Alper Cugun is een ingenieur en strateeg die zich bezig houdt met de operationele, culturele en personele dimensies van innovatie.

Progressive Enhancement is een podcast over vooruitgang door middel van design en technologie. Links - http://twitter.com/kaeru - https://twitter.com/alper - https://leapfrog.nl/blog/archives/2018/02/27/an-introduction-to-value-sensitive-design/ - https://medium.com/@alper/the-leadership-reader-7793f74d3497 - https://hbr.org/ideacast/2018/02/make-tools-like-slack-work-for-your-company - https://hbr.org/2018/01/podcast-women-at-work - https://www.vox.com/2018/2/19/17018380/gender-wage-gap-childcare-penalty Boeken Hooked, Nir Eyal Turn the Ship Around, L. David Marquet Reinventing Organizations, Frederic Laloux The Hunt for Red October, Tom Clancy

A reboot and an explanation.

Alper en Kars praten over Techsolidarity.nl. * https://techsolidarity.nl/ * Werken boven en onder de API https://www.ribbonfarm.com/2017/08/17/the-premium-mediocre-life-of-maya-millennial/ * Interview met Alper https://vasilis.nl/gbi/2017/11/09/alper-cugun/

In this episode we talk about the Progressive Enhancement approach to web design and development with Aaron Gustafson. He talks us through some of the advantages of adopting Progressive Enhancement (PE) versus more traditional approaches. We also discuss barriers that might prevent us using PE and Aaron makes some useful recommendations. A much more in-depth discussion of the topic is available in Aaron's book 'Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement'. This week's jukebox picks are definitely going on the Relative Paths Alt Playlist! I started with 'Bambro Koyo Ganda (featuring Innov Gnawa)' by Bonobo. Mark then gave us 'Kick Jump Twist' by Sylvan Esso. Brilliant and needed an immediate second listen. Finally Aaron hit us with post-punk classic 'Teen Age Riot' by Sonic Youth, and a great story. He also urged us to check out The Chameleons following his Instagram vid of 'Script Of The Bridge' on deck. Subscribe and keep in touch: iTunes - https://relativepaths.uk/it Stitcher - https://relativepaths.uk/st SoundCloud - https://relativepaths.uk/sc AudioBoom - https://relativepaths.uk/ab Twitter - https://twitter.com/relativepaths Facebook - https://facebook.com/relativepaths The music we use for various intro bits, stings and outro is ‘Vitreous Detachment’ by Origamibiro, used with kind permission. – Ben Links: Aaron's response to Josh Korr – https://www.aaron-gustafson.com/notebook/insert-clickbait-headline-about-progressive-enhancement-here Aaron's site – https://www.aaron-gustafson.com The True Cost of Progressive Enhancement – http://blog.easy-designs.net/archives/the-true-cost-of-progressive-enhancement Aaron's book (which I'm still reading during coffee breaks!) – https://adaptivewebdesign.info

Nolan Lawson sparked a niche debate with his statement "In 2016, it’s okay to build a website that doesn’t work without JavaScript." In this show Nolan explains what he meant by this, and dissects the concept of Progressive Enhancement in web apps today. Where will the next billion web surfers come from and what do their apps look like?

The force behind cssanimation.rocks joins the show to talk about how animation experiments can inform client work and why UI animation takes both designers and engineers to pull of well. We also dig into how animation plays into progressive enhancement.

Jeremy Keith (@adactio), web guru & co-founder of ClearLeft, talks with us about the potential pitfalls and hopes on Progressive Enhancement with Web Components. Resources Extensible Web Components (2016) - https://adactio.com/journal/11052 Responsible Web Components (2014) - https://adactio.com/journal/7967 Adam Onishi's article - http://adamonishi.com/2016/08/web-components-and-progressive-enhancement/ Eric Bidelman on Web Components in PWA (specifically on JavaScript class extension as Progressive Enhancement) - https://www.youtube.com/watch?v=pBCDdeqzUlY&feature=youtu.be&t=6m34s Polymer Shop Demo - https://shop.polymer-project.org/ Polymon - https://polymon.polymer-project.org/ Gold Standard - https://github.com/webcomponents/gold-standard/wiki The Extensible Web Manifesto - https://extensiblewebmanifesto.org/ Alex Russell's response to Keith - https://infrequently.org/2014/09/uncomfortably-excited/ Sturgeon's Law - https://en.wikipedia.org/wiki/Sturgeon%27s_law Soledad's Lightning Talk - https://soledadpenades.com/2014/09/19/extensible-web-summit-berlin-2014-my-lightning-talk-on-web-components/ Bruce Lawson blog post on the Extensible Web Summit -http://www.brucelawson.co.uk/2014/extensible-web-summit-berlin/

There’s a lot of pressure these days to use a JavaScript framework to create every website. “Which one is best?” people ask, “Which one should I use?” Stefan Tilkov joins Jen Simmons to talk about the architectural style of the web, and how to understand to best create an application on the web. What is the role of each of the technologies available?

Where does progressive enhancement fit in the web today? Developer Aaron Gustafson, author of Adaptive Web Design, returns to the show to update us on how progressive enhancement fits for today’s mobile web design & development workflow. Not only do we go through the technical specifics of progressive enhancement, we chat about how design and user experience work hand-in-hand alongside the business benefits inherent when building an inclusive site or app. < Download MP3 >      < Listen on ctrlclickcast.com > Show Notes: Adaptive Web Design Aaron Gustafson The Web Isn’t Uniform Designing with Progressive Enhancement 15 Years of Dao Progressive Enhancement: Zed’s Dead, Baby Zed's dead, baby Inside FastBoot: The Road to Server-Side Rendering Isomorphic JavaScript Siri Cortana Alexa The Full StackOverflow Developer by Christian Heilmann Build Conference Pew: Chapter 1: A Portrait of Smartphone Ownership Offline First IOT HTML5 Rocks: Service Worker Introduction Pattern Lab Resources Interface Experience Maps Deque Sluggo’s North Vegetarian Cafe Lil Simz Leave us a review on iTunes Review our show on Stitcher Sponsored By

Longtime web developer, lecturer, and web standards evangelist Aaron Gustafson and host Jeffrey Zeldman discuss the newly published update to Aaron's best-selling industry classic “love letter to the web,” Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement, 2nd Edition (New Riders, 2015). Topics covered include: Aaron's superhero origin story as a creator of progressively enhanced websites and applications; "we're not building things we haven't built on the web before;" "creating opportunities for people outside your comfort zone;" development in the world of Node.js; "every interface is a conversation;" "visual design is an enhancement;" "interaction is an enhancement;" nerding out over early web terminal interfaces; Microsoft, Opera, and more. Save 35% off Aaron Gustafson's Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement, 2nd Edition when you enter discount code AARON35 at checkout. Links for this episode:About Aaron GustafsonAdaptive Web Design Second Edition (“95% new material”)Read the first chapter free (PDF)First Edition, May 2011 (read the entire first edition free) Web Standards SherpaNotebook: Aaron's blogEngagements: Aaron's speaking page, using Quantity Queries"Quantity Queries for CSS" by Heydon Pickering in A List ApartA List Apart: articles by Aaron GustafsonEric Meyer's "CSS Design: Going to Print" in A List ApartWhatsAppBrought to you by: Braintree (To learn more, and for your first $50,000 in transactions fee-free, go to BraintreePayments.com/BigWebShow) DreamHost (Visit the link to sign up and make sure to use the code THEBIGWEBSHOW395 at checkout and you'll get top rated web hosting for just $3.95/month and a free domain name). Thinkful (Learn to build websites & apps in 3 months and get 20% off when you visit Thinkful.com/bigwebshow)

Longtime web developer, lecturer, and web standards evangelist Aaron Gustafson and host Jeffrey Zeldman discuss the newly published update to Aaron’s best-selling industry classic “love letter to the web,” Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement, 2nd Edition (New Riders, 2015). Topics covered include: Aaron's superhero origin story as a creator of progressively enhanced websites and applications; "we’re not building things we haven't built on the web before;" "creating opportunities for people outside your comfort zone;" development in the world of Node.js; "every interface is a conversation;" "visual design is an enhancement;" "interaction is an enhancement;" nerding out over early web terminal interfaces; Microsoft, Opera, and more. Save 35% off Aaron Gustafson’s Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement, 2nd Edition when you enter discount code AARON35 at checkout.

The web is being compared to "native" a lot these days, with some even declaring the web dead. But what are the strengths web? What does it do that native can't touch? What is it we are making when we are creating something of the web? Jeremy Keith joins Jen Simmons to articulate how to understand and appreciate the web.

Just because it requires JavaScript, doesn't make it wrong, but we often use JavaScript to engineer-away the parts of the web that are already better than native. Let's take a look at some real-world JavaScript-heavy applications, and how they can regain the performance of the web without losing features. Then, let's tackle the area progressive enhancement has largely ignored: Connectivity. More info at: https://fronteers.nl/congres/2015/sessions/modern-progressive-enhancement-jake-archibald

Just because it requires JavaScript, doesn't make it wrong, but we often use JavaScript to engineer-away the parts of the web that are already better than native. Let's take a look at some real-world JavaScript-heavy applications, and how they can regain the performance of the web without losing features. Then, let's tackle the area progressive enhancement has largely ignored: Connectivity. More info at: https://fronteers.nl/congres/2015/sessions/modern-progressive-enhancement-jake-archibald

Progressive Enhancement is a core principle of the web. But these days it seems a lot of folks don't quite understand what it's about. Aaron Gustafson joins Jen Simmons to break it down, and explain why and how your website should be built using the principles of Progressive Enhancement.

Diesmal widmen Hans, Rodney und Schepp sich einzig und allein einem Thema, und zwar… Schaunotizen [00:00:22] Progressive Enhancement Angeregt durch eine Diskussion auf Twitter zwischen Jake Archibald und Jeremy Keith, und aufgrund des Artikels von Jeremy, sprachen wir darüber, inwieweit wir das Thema „Progressive Enhancement“ in unsere Projekte implementieren.. Rodney erwähnte dabei Aaron Gustafsons Konzept […]

02:29 - Sean Fioritto Introduction @sfioritto planning for aliens 02:52 - Design and Sketching with CSS Background & Overview Cascading Style Sheets (CSS) Sketching with CSS by Sean Fioritto Skip Using Photoshop; Move Straight to Code => Get Pixels to Screen Faster 06:34 - Developer Designer Communication Tooling and Muscle Memory 12:23 - Using CSS Over Photoshop, Alternative Programs, and Frameworks Sketch InVision Macaw 15:29 - Grid Systems and Resets (Frontend Tools) i.e. Grid Systems The Grid System Responsive Grid System CSS Resets What Is A CSS Reset?    CSS Tools: Reset CSS 17:27 - Prototyping (Workflow) Git 23:14 - Documentation 26:14 - Adopting New Practices (Progressive Enhancement) (Killer) Interactive Demo Presentations “Style Tiles” Fluency "Pixel Pushers" 45:33 - The Modern Web Moving Forward 47:30 - Keep Up with Scott Sketching with CSS by Sean Fioritto planning for aliens The ginormous, unstoppable list of Angular resources Picks NoSQL Distilled: A Brief Guide to the Emerging World of Polyglot Persistence by Pramod J. Sadalage and Martin Fowler (David) RoT.js (David) The Spatials (David) The User is Drunk (Saron) Drunk Kitchen (Saron) The Reckoners Series by Brandon Sanderson (Chuck) Bootstrapping Design: Roll Your Own Design by Jarrod Drysdale (Sean) The Ruby DSL Handbook by Jim Gay (Sean) Ryan Castillo: 7 Recurring Recipes for Consultancies (Sean) ExpeditedSSL (Sean) The Life-Changing Magic of Tidying Up: The Japanese Art of Decluttering and Organizing  Marie Kondo (Sean)

02:29 - Sean Fioritto Introduction @sfioritto planning for aliens 02:52 - Design and Sketching with CSS Background & Overview Cascading Style Sheets (CSS) Sketching with CSS by Sean Fioritto Skip Using Photoshop; Move Straight to Code => Get Pixels to Screen Faster 06:34 - Developer Designer Communication Tooling and Muscle Memory 12:23 - Using CSS Over Photoshop, Alternative Programs, and Frameworks Sketch InVision Macaw 15:29 - Grid Systems and Resets (Frontend Tools) i.e. Grid Systems The Grid System Responsive Grid System CSS Resets What Is A CSS Reset?    CSS Tools: Reset CSS 17:27 - Prototyping (Workflow) Git 23:14 - Documentation 26:14 - Adopting New Practices (Progressive Enhancement) (Killer) Interactive Demo Presentations “Style Tiles” Fluency "Pixel Pushers" 45:33 - The Modern Web Moving Forward 47:30 - Keep Up with Scott Sketching with CSS by Sean Fioritto planning for aliens The ginormous, unstoppable list of Angular resources Picks NoSQL Distilled: A Brief Guide to the Emerging World of Polyglot Persistence by Pramod J. Sadalage and Martin Fowler (David) RoT.js (David) The Spatials (David) The User is Drunk (Saron) Drunk Kitchen (Saron) The Reckoners Series by Brandon Sanderson (Chuck) Bootstrapping Design: Roll Your Own Design by Jarrod Drysdale (Sean) The Ruby DSL Handbook by Jim Gay (Sean) Ryan Castillo: 7 Recurring Recipes for Consultancies (Sean) ExpeditedSSL (Sean) The Life-Changing Magic of Tidying Up: The Japanese Art of Decluttering and Organizing  Marie Kondo (Sean)

02:29 - Sean Fioritto Introduction @sfioritto planning for aliens 02:52 - Design and Sketching with CSS Background & Overview Cascading Style Sheets (CSS) Sketching with CSS by Sean Fioritto Skip Using Photoshop; Move Straight to Code => Get Pixels to Screen Faster 06:34 - Developer Designer Communication Tooling and Muscle Memory 12:23 - Using CSS Over Photoshop, Alternative Programs, and Frameworks Sketch InVision Macaw 15:29 - Grid Systems and Resets (Frontend Tools) i.e. Grid Systems The Grid System Responsive Grid System CSS Resets What Is A CSS Reset?    CSS Tools: Reset CSS 17:27 - Prototyping (Workflow) Git 23:14 - Documentation 26:14 - Adopting New Practices (Progressive Enhancement) (Killer) Interactive Demo Presentations “Style Tiles” Fluency "Pixel Pushers" 45:33 - The Modern Web Moving Forward 47:30 - Keep Up with Scott Sketching with CSS by Sean Fioritto planning for aliens The ginormous, unstoppable list of Angular resources Picks NoSQL Distilled: A Brief Guide to the Emerging World of Polyglot Persistence by Pramod J. Sadalage and Martin Fowler (David) RoT.js (David) The Spatials (David) The User is Drunk (Saron) Drunk Kitchen (Saron) The Reckoners Series by Brandon Sanderson (Chuck) Bootstrapping Design: Roll Your Own Design by Jarrod Drysdale (Sean) The Ruby DSL Handbook by Jim Gay (Sean) Ryan Castillo: 7 Recurring Recipes for Consultancies (Sean) ExpeditedSSL (Sean) The Life-Changing Magic of Tidying Up: The Japanese Art of Decluttering and Organizing  Marie Kondo (Sean)

A GENTE É CHIQUE! Fala ingrêis e tudo mais. Nas férias, o Daniel Filho viajou mas não largou o podcast. Nesse episódio ele conversou com Addy Osmani, Jake Archibald and Paul Lewis sobre Web Components, Performance, Progressive Enhancement, Service Workers e mais um monte de coisas.

Jeffrey Zeldman's guest is web developer and long-time standards evangelist Aaron Gustafson (@AaronGustafson), author of Adaptive Web Design. The two web design and development veterans discuss web design then and now; why Flipboard's 60fps web launch is anti-web and anti-user; Genesis's "Land of Confusion" video, and other bad ideas from the 1980s; design versus art; the demise and sendoff of Web Standards Sherpa; how the web community differs from other creative communities; and the 2nd Edition of Aaron's book, coming from New Riders this year. Links for this episode:A Bit About Aaron GustafsonAdaptive Web Design: Crafting Rich Experiences with Progressive EnhancementResponsive Issues Community GroupEasy Designs - Web Design, Development & ConsultingWeb Standards SherpaCode & CreativityWebStandardsProject (@wasp) | TwitterA List Apart: For People Who Make WebsitesGenesis - Land Of Confusion [Official Music Video] - YouTubeSponsored by An Event Apart (The design conference for people who make websites).

Jeffrey Zeldman's guest is web developer and long-time standards evangelist Aaron Gustafson (@AaronGustafson), author of Adaptive Web Design. The two web design and development veterans discuss web design then and now; why Flipboard's 60fps web launch is anti-web and anti-user; Genesis's "Land of Confusion" video, and other bad ideas from the 1980s; design versus art; the demise and sendoff of Web Standards Sherpa; how the web community differs from other creative communities; and the 2nd Edition of Aaron's book, coming from New Riders this year.

Scott Jehl is a designer and developer working at Filament Group. Scott is also an author and speaks regularly at conferences like An Event Apart. In this interview, Scott and I discuss progressive enhancement and his book, Responsible Responsive Design.

Scott Jehl is a designer and developer working at Filament Group. Scott is also an author and speaks regularly at conferences like An Event Apart. In this interview, Scott and I discuss progressive enhancement and his book, Responsible Responsive Design.

Responsive web design seems to come up in every other discussion or article about UX these days. And rightfully so as it’s an elegant way to make sure your design adapts to the multitude of devices on the market. But with the Internet of Things looming, it’s becoming more than just the visuals of your site that are of major concern. How your content displays on a car dashboard, “can a watch handle this page weight?”, or “is this refrigerator JavaScript enabled?” are not unrealistic issues moving forward.

Wonder-developer Jeremy Keith joins Jen Simmons to debate comments on websites, the birth of the web, progressive enhancement, the desire for control, and much more.

In der heutigen Revision holen sich Schepp und Stefan Matthias Mees aus dem hohen Norden vors Mikro, um über Progressive Enhancement und Twitters Paketmanager Bower zu quatschen. [00:01:36] News Stripe Der Online Payment Provider Stripe ist jetzt auch in Deutschland verfügbar. Opera 16 released Nachdem durch den Umstieg auf Blink Opera kurzzeitig seine Geolocation-Fähigkeit verloren […]

Carl and Richard talk to Aaron Gustafson about web standards and progressive enhancement. Aaron is part of the Web Standards Project and so the conversation starts off about it's role in the maintenance of web standards - resisting the fragmentation of features in various browsers. From there, Aaron digs into adaptive web design through progressive enhancement. What does it take to retrofit a legacy web page into more current techniques? Aaron talks about a variety of strategies to help you get a great mobile web experience. Also listen for comparisons of native, hybrid and web-based mobile applications!

Designer, speaker and author Andy Clarke joins Jen Simmons to talk about the process of web design. Andy starts with a rant about online criticism, and goes on to talk about techniques, tools and more.

People are accessing the web from all kinds of devices these days, and will be from many more in the future. Anna Debenham joins Jen Simmons to talk about game consoles, both portable games and consoles that go with a television set, and the browsers they run. How might you want to adjust your website to work on these devices?

In this second episode of The Web Behind series with Eric Meyer, guest Steven Champeon talks about predecessors to HTML, the webdesign-L online community, the birth of the web standards project, how he coined the term "progressive enhancement" and much more.

For this Snippet, we discuss Mo Pixels, Mo Problems by Dave Rupert. (http://www.pagebreakpodcast.com/snippets/web-design-for-retina-displays)

It’s difficult to predict how users will access your designs and your content. More and more, people are connecting to the internet through some sort of mobile device. Using the latest advances in HTML and CSS can leave aspects of your site incompatible with some browsers. How do you ensure that you’re providing a good experience to your users over a broad spectrum of scenarios?

Scott Jehl joins Jeffrey Zeldman and Dan Benjamin to discuss the recent responsive resign of the Boston Globe, jQuery, the jQuery Mobile project, writing and speaking about web design, and his new book, Designing with Progressive Enhancement. Sponsored by HelpSpot and Rackspace.

Scott Jehl joins Jeffrey Zeldman and Dan Benjamin to discuss the recent responsive resign of the Boston Globe, jQuery, the jQuery Mobile project, writing and speaking about web design, and his new book, Designing with Progressive Enhancement.

Inclusive Design is currently the domain of people who design physical things, like product designers and architects, but Sandi Wassmer is firm in her belief that Inclusive Design applied in the online environment just makes sense. The principles of Inclusive Design encompass so many of the practices, principles and guidelines that web designers are already using - Accessibility, Usability, User Centric Design, Progressive Enhancement and User Experience - but unlike each of these discrete practices, Inclusive Design gives designers the ability to offer choice, as a single design solution will never accommodate all users. Sandi will talk about how the principles of Inclusive Design can be easily adopted by web designers right now. By the end of the session you’ll have the framework for becoming an inclusion activist! Sandi Wassmer is a Human Rights Internet Marketer. Yes, it is a made up term, but that is the way she sees it. As Managing Director of digital agency, Copious, she is healthily obsessed with creating great internet experiences for all and building beautiful, accessible and usable websites When Sandi is not trying to make the Internet a better place, she writes, tweets, blogs and advocates about a whole range of issues from disability rights to accessibility and social inclusion. Follow Sandi on Twitter: @SandiWassmer Licensed as Creatve Commons Attributions Share-Alike 2.0 England and Wales http://creativecommons.org/licenses/by-sa/2.0/uk/legalcode

In the summer of ‘07 in a flood-soaked Oxford, England, Elliot appeared on stage for the very first time. His presentation, ‘Progressive Enhancement & Intentional Degradation’, looked at how to reward modern browsers with the latest CSS tricks and punish IE by dropping certain site features. Over two years later, what has changed? We’re starting to see the ideology of progressive enhancement — especially with CSS3 — spread throughout the web design community, but more work needs to be done. What can we do to spread the message further and design a better-looking web faster? Elliot will look at how features of the CSS2.1 and CSS3 specs can enhance your websites and he’ll examine the implication of using such techniques. He’ll look at the issues surrounding font embedding and the recent development of the font-as-service; the arguments about browser support; the potentially controversial irrelevance of validation; and how we can attempt to reach the future sooner by writing forward-thinking code. In this motivational presentation Elliot will urge you to embrace the techniques of modern web design and to stop worrying about the so-called restraints. Elliot Jay Stocks is an independent designer whose work is frequently featured in online and offline publications, showcased on various ‘inspiration’ websites, and used as an example to design students around the world of how accessible web design can still look beautiful. A regular face at design conferences around the globe and author of the best-selling book Sexy Web Design (SitePoint, 2009), Elliot can often be found writing about design trends, issues, and techniques for industry-leading publications such as .Net (aka Practical Web Design), Computer Arts, and Computer Arts Projects. His extensive portfolio includes work for clients such as The Virgin Group, WordPress.org, The Beatles, Blue Flavor, Twiistup, EMI Records, and Carsonified. Licensed as Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/).