Look for any podcast host, guest or anyone
Showing episodes and shows of

Addy Osmani

Shows

Book Overflow
Book OverflowEmbracing AI as a senior engineer - Beyond Vibe Coding by Addy OsmaniIn this episode of Book Overflow, Carter and Nathan discuss the second half of Beyond Vibe Coding: From Coder to AI-Era Developer by Addy Osmani!-- Want to talk with Carter or Nathan? Book a coaching session! ------------------------------------------------------------Carterhttps://www.joinleland.com/coach/carter-m-1Nathanhttps://www.joinleland.com/coach/nathan-t-2-- Books Mentioned in this Episode --Note: As an Amazon Associate, we earn from qualifying purchases.
2025-11-101h 03Book Overflow
Book OverflowHow do experienced engineers use AI? - Beyond Vibe Coding by Addy OsmaniIn this episode of Book Overflow, Carter and Nathan discuss the second half of Beyond Vibe Coding: From Coder to AI-Era Developer by Addy Osmani!-- Want to talk with Carter or Nathan? Book a coaching session! ------------------------------------------------------------Carterhttps://www.joinleland.com/coach/carter-m-1Nathanhttps://www.joinleland.com/coach/nathan-t-2-- Books Mentioned in this Episode --Note: As an Amazon Associate, we earn from qualifying purchases.
2025-11-031h 10Tech Updates
Tech UpdatesEpisode 198 - Beyond Vibe Coding w/ Addy OsmaniBeyond Vibe Coding with Addy Osmanihttps://www.youtube.com/watch?v=dHIppEqwi0g
2025-10-2926 minThe Pragmatic Engineer
The Pragmatic EngineerBeyond Vibe Coding with Addy OsmaniBrought to You By:•⁠ Statsig ⁠ — ⁠ The unified platform for flags, analytics, experiments, and more. •⁠ Linear – The system for modern product development. —Addy Osmani is Head of Chrome Developer Experience at Google, where he leads teams focused on improving performance, tooling, and the overall developer experience for building on the web. If you’ve ever opened Chrome’s Developer Tools bar, you’ve definitely used features Addy has built. He’s also the author of several books, including his latest, Beyond Vibe Coding, which explores how AI is changing software development.In this episode of The P...
2025-10-291h 08よわよわえふえむ
よわよわえふえむAIエージェントの暴走を防げ！サンドボックスツール「cage」で始める安全なAIコーディング🎧 Firebaseで一度はやる（かもしれない）失敗談から、無料で使える最新AIモデル、エンジニア必見の便利ツールまで、今回も開発現場のリアルな情報が満載です！✅ Firebase Firestoreの変更不可能なリージョン設定の罠✅ DuckDuckGo AI Chatで無料で使える高速AIモデル「gpt-oss-120b」✅ ターミナルで輝くAIコーディングエージェント「crush」✅ AIの暴走を防ぐ！安全実行サンドボックス「cage」✅ AIとの協調開発を学ぶオライリー本「Beyond Vibe Coding」AIコーディングを次のレベルに引き上げるヒントが見つかるかも？ぜひ最後までお聴きください！▼ 話題になったリンク ▼• Firestore のリージョンの罠: https://qiita.com/qrusadorz/items/99432fac6cbc93ebaff2• DuckDuckGo AI Chat: https://duckduckgo.com/?q=DuckDuckGo+AI+Chat&ia=chat&duckai=1• AI coding agent "crush": https://github.com/charmbracelet/crush• Security sandbox "cage": https://github.com/Warashi/cage• "Beyond Vibe Coding" by Addy Osmani: https://www.ebooks.com/en-jp/book/346947013/beyond-vibe-coding/addy-osmani/▼ 目次 ▼・Firebaseリージョン設定の罠・DuckDuckGo AIの無料モデル・AIコーディングエージェント「crush」・サンドボックスツール「cage」・書籍「Beyond Vibe Coding」#Firebase #AI #開発ツール #エンジニア #プログラミング #Firestore #DuckDuckGo #サンドボックス
2025-09-2937 minBeyond Coding
Beyond CodingWhy We're Excited About React Compiler (React Compiler Explained) with Lydia HallieThis was a special episode, recorded at React Summit in Amsterdam! Curious to hear your feedback! The next edition of the biggest React conference will be in New York, on November 18 & 21, and Early Bird tickets are out if you're interested: https://reactsummit.us/?utm_source=youtube&utm_medium=beyondcodingThe utm tags are only to gauge interest :)I really enjoyed the conference and might see you there if you're going! Excited about the lineup as well: Addy Osmani (Google), Shaundai Person (Netflix), Ken Wheeler (REDACTED), and more.
2025-06-2519 minDeveloper Experience
Developer Experience[REDIFF] Jérémie : Quand un géant de la tech décide de changer de designQuand une entreprise de la taille de Leboncoin décide de changer de design, c'est forcément bien plus qu'une simple mise à jour esthétique.C'est une refonte totale, technique et stratégique.Et au cœur de cette transformation se trouve Jérémie, architecte front-end et évangéliste chez Leboncoin, qui a relevé l'un des plus grands défis de sa carrière.Là-dessus, Jérémie a proposé une approche en deux temps pour réduire les risques.Et ça, ce n’est qu’une partie...
2025-06-2025 minDevelop Yourself
Develop Yourself#243 - The 70% Problem: When AI Coding Falls ShortWhat happens when software engineers rely too heavily on AI-assisted coding tools? Brian and Zubin (an ex-Google engineer) dive deep into what they call "The 70% Problem" – the phenomenon where AI coding tools excel at initial scaffolding but falter when tackling the crucial final 30% of engineering work.Drawing from Addy Osmani's insightful article, these experienced developers share their firsthand experiences with tools like Cursor, ChatGPT, and GitHub Copilot. They explore how AI-assisted coding creates a dangerous illusion of competence while potentially masking fundamental knowledge gaps. As Zubin aptly puts it, giving powerful AI coding tools to inexperienced developers is...
2025-05-2934 minDevelop Yourself
Develop Yourself#243 - The 70% Problem: When AI Coding Falls ShortWhat happens when software engineers rely too heavily on AI-assisted coding tools? Brian and Zubin (an ex-Google engineer) dive deep into what they call "The 70% Problem" – the phenomenon where AI coding tools excel at initial scaffolding but falter when tackling the crucial final 30% of engineering work.Drawing from Addy Osmani's insightful article, these experienced developers share their firsthand experiences with tools like Cursor, ChatGPT, and GitHub Copilot. They explore how AI-assisted coding creates a dangerous illusion of competence while potentially masking fundamental knowledge gaps. As Zubin aptly puts it, giving powerful AI coding tools to inexperienced developers is...
2025-05-2934 minL\'IA aujourd\'hui !
L'IA aujourd'hui !L'IA aujourd'hui épisode du 2025-04-29Bonjour et bienvenue dans le podcast de l'IA par l’IA qui vous permet de rester à la page ! Aujourd’hui : l'impact de l'IA sur le développement logiciel, la diversité culturelle, la médecine, l'éducation, et les innovations d'Adobe et OpenAI.Commençons par le développement logiciel. L'intelligence artificielle transforme ce domaine en déplaçant les programmeurs de l'écriture de code vers une collaboration avec l'IA, un concept appelé "vibe coding". Des outils comme GitHub Copilot et OpenAI Codex automatisent les tâches routinières et influencent les décisions d'architecture. Le livre "Vibe Coding: The Future of Programm...
2025-04-2903 minL\'IA aujourd\'hui !
L'IA aujourd'hui !L'IA aujourd'hui épisode du 2025-04-28Bonjour et bienvenue dans le podcast de l'IA par l’IA qui vous permet de rester à la page ! Aujourd’hui : l'impact de l'IA sur le développement logiciel, la diversité culturelle, l'éducation, les innovations d'Adobe Firefly, et les avancées des modèles multimodaux.Commençons par le développement logiciel. L'intelligence artificielle redéfinit la manière dont les logiciels sont créés. Des outils comme GitHub Copilot et OpenAI Codex automatisent les tâches routinières et influencent les décisions d'architecture. Ce phénomène, appelé "vibe coding", déplace les programmeurs vers une collaboration avec l'IA, orientée par l'in...
2025-04-2803 minSE CORNER
SE CORNEREP194 - Vibe Coding มาแค่ชั่วคราวหรืออยู่ยาวๆ ไปEP นี้หยิบบทความจาก Elevate เรื่อง Vibe Coding: Revolution or Reckless Abandon? โดยคุณ​ Addy Osmani มาสรุปให้ฟังกันครับ กระแสของ vibe coding ที่กำลังมาแรงในัปัจจุบันนั้นเริ่มจาก Tweet ของ Andrej Karpathy เมื่อต้นปีนี้ ที่เขาใช้ AI เพื่อสร้างโปรแกรมโดยที่ไม่สนใจด้วยซ้ำว่าโค้ดที่ AI สร้างมานั้นคืออะไร ทำงานอย่างไร ทำไปเรื่อยๆ จนมันทำงานได้ก็โอเค ซึ่งทำให้เกิดความเห็นที่แตกต่างระหว่างสองกลุ่มคือ vibe coding เป็นอนาคตการพัฒนาซอฟต์แวร์แบบใหม่ หรือ vibe coding ไม่สามารถมาแทนวิศวกรซอฟต์แวร์ได้หรอก บทความนี้พาไปแกะปัญหานี้ออกเป็นหลายๆ ด้าน และทำให้เห็นภาพในอนาคตชัดเจนขึ้นว่า จุดจบของ vibe coding คือตรงไหน เราจะเอามาใช้ได้หรือไม่ และอย่างไรจึงจะเหมาะสมไปฟังกันใน EP นี้ครับบทความ: https://addyo.substack.com/p/vibe-coding-revolution-or-recklessApple Podcast: https://podcasts.apple.com/th/podcast/se-corner/id1579358417 Spotify: https://open.spotify.com/show/0hyZX5MY0khHqOY8NaEvUX Google: https://www.google.com/podcasts?feed=aHR0cHM6Ly9hbmNob3IuZm0vcy82MDlmZjJiYy9wb2RjYXN0L3Jzcw== Spotify for Podcaster: https://podcasters.spotify.com/pod/show/se-corner YouTube: https://www.youtube.com/@secorner9359 Pocket: https://pca.st/5mzikb1e Radio Public: https://radiopublic.com/se-corner-WRm71e
2025-04-1318 mintcp.fm
tcp.fmWe Predict Next, for Next Week's, Next-Level Google Next Event. What's Next?Welcome to episode 299 of The Cloud Pod – where the forecast is always cloudy! Google Next is quickly approaching, and you know what that means – it’s time for predictions! Who will win this year’s Crystal Ball award? Only time and the main stage will tell. Join Matthew, Justin, and Ryan as they break down their thoughts on what groundbreaking (and less groundbreaking) announcements are in store for us.  Titles we almost went with this week: OpenAI and Anthropic join forces?  Its 2025, and AWS is still trying to make Jumbo packets happen Beanstalk and Ruby’s Updates!! Th...
2025-04-071h 20The Cloud Pod
The Cloud PodWe Predict Next, for Next Week's, Next-Level Google Next Event. What's Next?Welcome to episode 299 of The Cloud Pod – where the forecast is always cloudy! Google Next is quickly approaching, and you know what that means – it’s time for predictions! Who will win this year’s Crystal Ball award? Only time and the main stage will tell. Join Matthew, Justin, and Ryan as they break down their thoughts on what groundbreaking (and less groundbreaking) announcements are in store for us.  Titles we almost went with this week: OpenAI and Anthropic join forces?  Its 2025, and AWS is still trying to make Jumbo packets happen Beanstalk and Ruby’s Updates!! Th...
2025-04-061h 20DejaVue
DejaVueFormKit and Hot Takes (with Justin Schroeder)Together with the FormKit author Justin Schroeder, Michael and Alex discuss the challenges of building forms on the internet.While it seems like a simple task, forms can be complex and pretty time-consuming. Especially when it is more than a Newsletter or Contact Form.Justin shares his experience building FormKit (multiple times), a form library for Vue.js, and how it can help developers build forms faster and more efficiently. From Accessibility to actually covering edge cases such as form hydration and repopulation!Of course, we couldn't let Justin go...
2025-01-311h 25News Marketing Fabio Antichi
News Marketing Fabio AntichiThe Breaking Web Tutte le news del Web Marketing (17 Gennaio🌱 Scalare su meta ads secondo Enrico Marchetto 🌱 Meta nel 2025 limiterà la condivisione di eventi (azioni tracciate come clic, acquisti o iscrizioni) provenienti da origini di dati collegate a temi sensibili Simone Longato🎯 Martedì 28 gennaio Fuckup Nights Florence in cui si raccontano storie di fallimento Alessandro Sottocornola🥜 Squish di Addy Osmani: un tool gratuito, facile da usare, che permette di comprimere immagini in batch direttamente nel browser Max Mura🌱 Dana White, persona vicina a Trump, è entrato nel consiglio di Meta. Antonino Polimeni🌱Scomparse le campagne intelligenti su GoogleAds Enzo Coppola🌱 La tecnologia ci fornisce gli strumenti per comprendere...
2025-01-1721 minSE CORNER
SE CORNEREP181 - The 70% Problem ของการใช้ AI ช่วยในการพัฒนาซอฟต์แวร์EP นี้เอาบทความเรื่อง The 70% problem: Hard truths about AI-assisted coding จากเว็บไซต์ Elevate มาเล่าให้ฟังกันครับ คุณ​ Addy Osmani ผู้เขียนได้อธิบายจากประสบการณ์การใช้ GenAI เพื่อช่วยในการพัฒนาซอฟต์แวร์มาประมาณหนึ่งปีให้ฟังกันว่า การใช้ GenAI ที่เหมาะสมควรเป็นอย่างไร และเมื่อไหร่ที่เราจะเจอปัญหา 70% problem รวมถึงเสนอแนวทางการใช้งานที่เหมาะสม ไปฟังกันใน EP นี้นะครับ บทความ: https://addyo.substack.com/p/the-70-problem-hard-truths-about Apple Podcast: https://podcasts.apple.com/th/podcast/se-corner/id1579358417  Spotify: https://open.spotify.com/show/0hyZX5MY0khHqOY8NaEvUX  Google: https://www.google.com/podcasts?feed=aHR0cHM6Ly9hbmNob3IuZm0vcy82MDlmZjJiYy9wb2RjYXN0L3Jzcw==  Spotify for Podcaster: https://podcasters.spotify.com/pod/show/se-corner  YouTube: https://www.youtube.com/@secorner9359  Pocket: https://pca.st/5mzikb1e  Radio Public: https://radiopublic.com/se-corner-WRm71e
2025-01-1209 minNews Marketing Fabio Antichi
News Marketing Fabio AntichiNews Marketing del 30 dicembre! 🤪News Marketing del 30 dicembre! 🤪#seo #marketing #googleads #socialads #ai #fabioantichi🚀 17/01 - Pontedera - Piccoloteatrodigitale.it Luca Batoni ci saremo anche noi e costa solo 20€ se lo compri subito per passare insieme una serata e fare formazioneEnrico Bisenzi Ivan Legnaiolihttps://www.piccoloteatrodigitale.it/techanddrink-17-gennaio/🚀 Stanco di sprecare budget con strategie online inefficaci?a Roma per tutte le Imprese l'evento ANTIFUFFA che ti darà strumenti pratici e soluzioni reali per investire solo in ciò che porta risultati.Elisa Paesante Fabio Antichi Michele Senatore Demetrio Orecchio Francesco MArgerita Valerio Notafrancesco MAriachiara Marsella Mass...
2024-12-3006 minRepública Web
República WebRepensando nuestras expectativas sobre la programación asistida por IATerminamos el año con el tema del año: el futuro de la creación de software con las herramientas de IA generativa. Empezamos el episodio hablando de un atrevido artículo de Paul Kinlan (Google Chrome) titulado Will we care about frameworks in the future? donde lanza interesantes preguntas como ¿importan los patrones de arquitectura que hemos aprendido a lo largo de los años? ¿aparecerán nuevos patrones para la arquitectura de software que favorezcan la gestión con los LLM? Paul Kinlan hace estas reflexiones tras su experiencia codificando 17 proyectos gracias a herramientas de generación de códig...
2024-12-2854 minDeveloper Experience
Developer ExperienceJérémie : Mener à bien la refonte de Leboncoin en luttant contre le syndrome de l'imposteurT’as déjà géré des projets où chaque décision peut impacter des millions d'utilisateurs quotidiens ?Ça tombe bien, c’est justement ce que fait Jérémie Pereira chez Leboncoin 😎Dans ce nouvel épisode de Developer Experience, on revient notamment ensemble sur l’un des principaux défis qu’il a rencontrés :👉 Refondre entièrement le site web tout en gérant la croissance de l'équipe technique.Après 5 ans d’agence où il fait ses...
2024-09-272h 38Developer Experience
Developer ExperienceEXTRAIT - Jérémie : "Je n'étais pas prêt à devenir manager""Je n'étais pas prêt à devenir manager".👉 Cette phrase résume parfaitement l'un des défis majeurs auxquels Jérémie, architecte front-end et évangéliste chez Leboncoin, a été confronté dans sa carrière.Lorsqu'il a pris ses premières responsabilités managériales, Jérémie a rapidement réalisé que la gestion d'équipe n'était pas aussi simple qu'il l'imaginait.Alors, après un entretien annuel qui a duré des heures, son manager lui a posé une question aussi simple que déterminante :"Est-ce que ça te dérangerait si quelqu'un qu...
2024-09-2019 minPress Play On This Uplifting Full Audiobook And Feel The Difference.
Press Play On This Uplifting Full Audiobook And Feel The Difference.Leading Effective Engineering Teams by Addy OsmaniPlease visithttps://thebookvoice.com/podcasts/2/audible/7711to listen full audiobooks. Title: Leading Effective Engineering Teams Author: Addy Osmani Narrator: Ray Greenley Format: mp3 Length: 9 hrs and 34 mins Release date: 08-27-24 Ratings: 4.5 out of 5 stars, 7 ratings Genres: Management & Leadership Publisher's Summary: In this insightful and comprehensive guide, Addy Osmani shares more than a decade of experience working on the Chrome team at Google, uncovering secrets to engineering effectiveness, efficiency, and team success. Engineers and engineering leaders looking to scale their effectiveness and drive transformative results within their teams and organizations will learn the essential principles, tips, and frameworks for building...
2024-08-279h 34New Full Audiobooks in Self-Improvement, Career Development
New Full Audiobooks in Self-Improvement, Career DevelopmentLeading Effective Engineering Teams: Lessons for Individual Contributors and Managers from 10 Years at Google by Addy OsmaniPlease visit https://thebookvoice.com/podcasts/1/audiobook/751921 to listen full audiobooks. Title: Leading Effective Engineering Teams: Lessons for Individual Contributors and Managers from 10 Years at Google Author: Addy Osmani Narrator: Ray Greenley Format: Unabridged Audiobook Length: 9 hours 34 minutes Release date: August 27, 2024 Genres: Career Development Publisher's Summary: In this insightful and comprehensive guide, Addy Osmani shares more than a decade of experience working on the Chrome team at Google, uncovering secrets to engineering effectiveness, efficiency, and team success. Engineers and engineering leaders looking to scale their effectiveness and drive transformative results within their teams and organizations will learn the essential principles...
2024-08-2730 min今日のデザインニュース
今日のデザインニュース2024-03-21 今日のデザインニュースこの音声では、話題になったデザイン関連ニュースを要約し、AIによる自動音声で紹介します。 2024年サウス・バイ・サウスウエスト(SXSW)の設計とAIに関する洞察 AI & Design: takeaways from SXSW デザイナーがAIにコンテキストを与える必要性 Designers: AI needs context 大規模成功への道 - Addy Osmani氏による新刊Smashingの書籍 Now Shipping: Success At Scale, A New Smashing Book by Addy Osmani Laravelとリアクトを使ったWebアプリの高速構築 Laravel with React — How to Build a Web App Fast マーレイのチーズのリブランディング Rebrand of Murray’s Cheese ages New York cheese seller for the better 新しいFigmaの機能でワーク時間を削減する方法 How to free up hours of work with the new Figma feature スレッズのサイドスワイプUIを試験する - 投稿への関心を示す新機能 Threads Tests New Side-Swiping UI to Indicate Interest in Posts Displayed In-Feed AI + デザイン:Figmaユーザーが語る次の展開 AI + design: Figma users tell us what’s coming next
2024-03-2105 minThe Frontend Masters Podcast
The Frontend Masters PodcastLydia Hallie - From Self Taught Coder to Vercel Through Open Source | Frontend Masters Podcast Ep.12(Video Podcast available on Spotify and Youtube) In Episode 12, Lydia Hallie takes us through her tech journey, from early coding experiments to becoming a prominent figure in the developer community as a Staff Developer Relations Engineer for Vercel. Lydia shares her unique approach to tech talks, emphasizing authenticity and leveraging visual storytelling to make complex concepts accessible. She discusses the challenges of public speaking, her collaboration with Addy Osmani on patterns.dev, and her strategies for engaging with her audience beyond conventional presentation styles. Lydia also opens up about her personal struggles with burnout, highlighting the critical...
2024-02-2740 minPodRocket
PodRocketImprove how you architect web apps with Addy Osmani and Lydia Hallie (Repeat)Originally published on August 3rd, 2022. We are taking some time off from production. We will be back with new episodes on January 3rd, 2023. Patterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React. Join authors, Addy Osmani and Lydia Hallie as they discuss patterns, tips, and tricks for improving how you architect apps. Links https://www.patterns.dev https://twitter.com/lydiahallie https://twitter.com/addyosmani Tell us what you think of PodRocket We...
2022-12-3040 minPodRocket
PodRocketImprove how you architect web apps with Addy Osmani and Lydia HalliePatterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React. Join authors, Addy Osmani and Lydia Hallie as they discuss patterns, tips, and tricks for improving how you architect apps. Links https://www.patterns.dev (https://www.patterns.dev/) https://twitter.com/lydiahallie https://twitter.com/addyosmani Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form, and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket...
2022-08-0341 minNews Marketing Fabio Antichi
News Marketing Fabio AntichiNews Marketing del 18 Giugno 2022 by Fabio Antichi🍀 #NewsMarketing con un paio proprio belle! 😅🤪 1🥜 Elimina #Analytics UA prima delle ferie, e #FedericoLeva? Alessandro Vercellotti2🧯 #GoogleAds #pMax Escludi i posizionamenti delle app a livello di account. Benjamin W.3✅ GoogleAds #RSA Optimization Boris Beceric 4✅ tag #img supporta il lazy-loading, la decodifica asincrona e molto altro Calogero Albano Addy Osmani5✅ tool API NLP controllare le #entità per vedere come vengono comprese dai motori di ricerca6✅ #SEOT #HTTPS può effettivamente migliorare la tua classifica in serp? Maria Paloschi Max Del Rosso 7🥜 È nata l'Associazione Nazionale #SocialMediaManager. Bennaker Simone Bennati 8✅ ora disponibile...
2022-07-1803 minElixir Mix
Elixir MixAnimating Error Tags in Phoenix LiveView - EMx 178David van Leeuwen joins the show to share his perspective about error handling with Phoenix’ LiveView form and keeping implementations that are used to render an input as simple as possible.  He also discusses his career progressions with Elixir and other various languages, plus why and how he built his latest project, Mave.io.  SponsorsTop End DevsCoaching | Top End DevsLinksmave - plug-and-play video embedsAnimating error tags in Phoenix LiveViewDavid van LeeuwenTwitter: @davidvanleeuwenTwitter: @mavedotioPicksAllen - Bose SunglassesDavid - Sonic PiDavid- Bambu Lab X1 Series | 16 Colors | High Speed CoreXY | 300°C Hotend | Ultra-SmoothDavid- Robert Space IndustriesDavid - Addy...
2022-06-221h 05DevDiscuss
DevDiscussS9:E1 - Using Design Patterns To Improve How You Architect Web AppsIn this episode, we talk about using design patterns to improve how you architect web apps, with authors of the book, Learning Patterns, Lydia Hallie, Staff Developer Advocate at Vercel, and Addy Osmani, engineering manager at Google working on Chrome. Show Notes DevNews (sponsor) CodeNewbie (sponsor) DataStax (sponsor) Cockroach Labs (DevDiscuss) (sponsor) Swimm (DevDiscuss) (sponsor) Stellar (sponsor) Learning Patterns Addy OsmaniAddy Osmani considers himself to be an occasional JavaScript Janitor, who cares about improving user-experiences on the web. He is also an engineering manager working on Google Chrome at Google, focused on...
2022-05-1132 minHanselminutes with Scott Hanselman
Hanselminutes with Scott HanselmanPatterns.dev with Lydia Hallie and Addy OsmaniPatterns.dev is free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React. Lydia Hallie is a full-time software engineering consultant and educator that primarily works with JavaScript, React, Node, GraphQL, and serverless technologies and Addy Osmani is an engineering manager working on Google Chrome. Together they teamed up with some web friends from around the world to bring us a new way to think about Patterns in JavaScript on the modern open web.https://www.patterns.dev
2022-04-2131 minEffekten | digitalisering - kunskap
Effekten | digitalisering - kunskapGrön IT. Jonas Hultenius (#176)Vi pratar grön IT! För trettio år sedan hade det handlat om vad vi ska göra med e-soporna. Sedan svängde frågan mer mot virtualisering, tunna klienter och vidare till dagens klimateffektivisering. Vi pratade papperslöst samhälle, sen mindre egna serverhallar, men vad gör vi nu med vår feta bandbredd och all data i molnet? Jonas Hultenius arbetar med webb och mobilitet och ger oss en tydlig bild av hur mycket data vi skickar bara för att få fram en enkel webbsida. Vi öser på med bilder som tar bandbredd utan...
2022-02-2121 minPodcast
PodcastRuth JohnSimplicity, creativity, and community, with Ruth JohnRuth loves creating art with code, and spreading the love for MIDI! She’s also a serial conference speaker, a skilled wielder of the Web Audio API, and leverages her skills as a developer for VJing. If you haven’t visited Ruth’s codepen and experienced her awesome audio visual pens, what are you waiting for?! Time Stamped Show Notes1:04 – Ruth uses Codepen to experiment on what techniques do and don’t work for audio visual effects in the browser.1:57 – “People do a lot of things that are...
2022-01-0500 minPodcast Marketing por Idiotas - RFM
Podcast Marketing por Idiotas - RFMAnunciar num novo trimestre, os programadores falam do NitroPack e serviços de streaming – E48S01No episódio número 48 do Podcast Marketing por Idiotas, o Miguel descobre um novo trimestre no ano onde anunciar, o Diogo falou com os programadores do Chrome para saber se o NitroPack é realmente bom e o Fred fala de serviços de streaming de vídeo por subscrição. Episódio de: 22 de Dezembro, 2021 Download do podcast [TEMAS DA SEMANA] MIGUEL O mundo segundo o calendário greco-romano-qualquer coisa conhece 4 trimestres · · As empresas desde os tempos do vasco da gama adotaram este calendário para nav...
2021-12-2200 minPodcast proConf
Podcast proConf#112 SmashingConf - Виталий ФридманСпециальный гость: Виталий Фридман ( https://www.smashingmagazine.com/ ) Доклады: HTTP:3 Demo by Robin Marx - Meets for Speed - Sept 2021 ( https://vimeo.com/622883389 ) CSS Custom Properties — Michelle Barker. Smashing Meets — December 2020. ( https://vimeo.com/493848724 ) Creativity in Cross-Cultural Innovation — Yiying Lu. Smashing Meets — 18th May 2020. ( https://vimeo.com/423753402 ) Addy Osmani on Optimizing images for the Core Web Vitals - Meets for Speed - Sept 2021 ( https://vimeo.com/622853150 ) Frustrating Design Patterns in 2021, And How To Fix Them, with Vitaly Friedman ( https://vimeo.com/616485526 ) Working With CSS Container Queries — Ahmad Shadeed. Smashing Meets — CSSummer 2021. ( https://vimeo.com/574706229 ) Getting Started with Vue 3’s Composition API — Ben Hong. Smashing Meets — December 2020. ( https://vimeo.com/493831207 ) Нас можн...
2021-11-151h 54Bytemix – Tech Talk, Indie Web und App Development für Entwickler:innen
Bytemix – Tech Talk, Indie Web und App Development für Entwickler:innen#082 Refactoring UI - ReviewHallo zusammen, kennt ihr Refactoring UI von Adam Wathan und Steve Schoger? Beide besser bekannt als die Macher von Tailwind CSS, haben dieses Buch vor ihrer Tailwind Zeit geschrieben und was wir davon halten, erfahrt ihr in dieser Folge. Viel Spass beim hören Jurek und Benny Links der Woche: Jurek: Addy Osmani Image Optimization (https://heyper.link/UpYeDz) Benny: Steve Schoger Youtube (https://heyper.link/IK3BjP)
2021-07-2627 minSmashing Podcast
Smashing PodcastWhat is Image Optimization in 2021? with Addy OsmaniWe’re talking about Image Optimization. What steps should we follow for performant images in 2021? Drew McLellan talks to expert Addy Osmani to find out.
2021-06-151h 03Web Rush
Web RushEpisode 133: How to Design CSS for Design and Performance with Nicole OliverRecording date: April 1, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerNicole Oliver @NixalloverBrought to you byAG Grid Nrwl Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today. Resources:Nrwl on TwitterNicole on Web Rush episode 0027 talking about TypeScript decoratorsNicole on Web Rush episode 0057 on Styling Modern applicationsCSS (for those who ignore it)Nx Developer toolsRubik’s cubeWhat are CSS Design TokensAngular PlaygroundAngular Pl...
2021-05-1352 minFront End Happy Hour
Front End Happy HourEpisode 126 - Core Web Vitals - Vital libationsOptimizing websites for a quality user experience is key to the long-term success of any site on the web and Core Web Vitals is an initiative Google has provided as a unified guidance for quality signals that are essential to delivering a great user experience on the web. Addy Osmani and Kristofer Baxter, from Google, join us to talk more about Core Web Vitals. Guests: Addy Osmani - @addyosmani Kristofer Baxter - @kristoferbaxter Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Stacy London - @stacylondoner Shirley Wu - @sxywu Picks: Addy Osmani - Hackers movie Soundtrack Addy Osmani...
2021-04-1148 minWix Engineering Podcast
Wix Engineering Podcast[Wix Engineering Podcast] Performance, Bundles and Headaches: Optimizing Your CodeWhen members of his analytics team began noticing long load times in the Wix Dashboard, originally, Eyal Eizenberg wasn’t quite sure why. When taking a closer look at the code he realized what was wrong: a progress bar--a minor, largely superficial feature that happened to be weighing down the entire app. Turns out Eyal’s problem is common to all web developers (even those who don’t realize it). In this episode, we’ll talk with Eyal and Addy Osmani--Engineering Manager at Google--to learn how developers optimize their code and avoid major headaches.You can also read...
2021-02-1621 minWorking Draft
Working DraftRevision 461: Late-Night mit Hotwire und React Server ComponentsKahlil und Stefan treffen sich wieder einmal spät-abends um über die diversen Ausschreitungen in der Welt der JavaScript Frameworks zu berichten. Diesmal ging’s um HTML übers Kabel, in verschiedenen Ausprägungen. Und weil HÜK so gar nicht gut klingt, reden Sie über Hotwire und Co! Schaunotizen Hotwire Auch bekannt als NEW MAGIC bzw AJAXIRGENDWIE. Aus dem Hause DHH und Ruby on Rails kommt die Idee, dass man dieses JavaScript ja mal gar nicht angreifen muss und die meiste Dynamik sowieso mit standardisierten Workflows und HTML Schnippseln über Web Sockets hinbekommt. Klingt komisch, aber auch span...
2021-01-261h 26Webbidevaus.fi
Webbidevaus.fiReact Server ComponentsVuoden 2020 lopussa Reactiin esiteltiin uusi jännittävä kokeellinen ominaisuus - Zero-Bundle-Size Server Components. Komponentteja voidaan siis suorittaa osin palvelimen puolella, mutta miten tämä eroaa SSR:stä, SSG:stä ja muista kryptisistä akronyymeistä? Antti on ottanut käyttöönsä VSCodeVIM:in, ja tämän jakson kuunneltuasi otat sinäkinFollow-upHazelHow to Automatically Empty Trash in Mac OS After 30 DaysVegaanihaasteLinkitBoost Your Coding Fu With Visual Studio Code and VimVSCodeVimReactjs.org: Introducing Zero-Bundle-Size React Server ComponentsAddy Osmani: React Server ComponentsSwyx: An Annotated Guide to React Server ComponentsReact Server Components DemoJakson valinnat
2021-01-101h 01News Marketing Fabio Antichi
News Marketing Fabio AntichiNews Marketing del 30 Ottobre 2020 by Fabio Antichi🍀 News per fortuna nessun terremoto 😛Ma un po’ di cose ganze per migliorarsi 😅😅✅ 75% utenti tocca schermo con il pollice Addy Osmani✅ #Facebook rendimento e frequenza ADworld Experience✅ #Google #Ads snellimento termini di ricerca James Flitcroft ✅ Report GoogleAds nuovo look Angelo Gelardi✅ #Apple suo motore di #ricerca ✅ #Amazon paga dati sugli acquisti Giuseppe Cossalter✅ #Antitrust Google predominio pubblicità Marco Favero & Franz Russo ✅ Stato avanzamento ripristino #MyBusiness Barry Schwartz✅ #Instagram live 4 ore e archivio streaming Alessia Caramia & Sergio Graziano Polo ✅ #Pinterest 5 aggiornamenti ✅ Consolidare contenuti #SEO Francesco Giammanco ✅ Rapporto copertura #SearchConsole ritardato✅ #GoogleA...
2020-10-3006 minDevDiscuss
DevDiscussS1:E8 - Our Least Favorite Things About Our Favorite LanguagesIn this episode, we get into what are our pet peeves and grievances about the coding language we love the most. Guests Addy Osmani, engineering manager at Google, and Ridhwana Khan, senior engineer at DEV, both chose JavaScript, and they dig into why the language could be more opinionated, whether there should be a standardized library, and more. We also hear from our audience about what they dislike most about their beloved coding languages.Show Notes DevNews (sponsor) CodeNewbie (sponsor) DataStax (sponsor) Cockroach Labs (DevDiscuss) (sponsor) Swimm (DevDiscuss) (sponsor) Stellar (sponsor) Vanilla JS Preact Ruby https...
2020-06-2440 minThe State of the Web
The State of the WebPredictive Fetching with Addy Osmani & Katie Hempenius(November 14, 2018) Rick speaks with Addy and Katie from the Chrome team about predictive fetching, a web performance technique that takes the guesswork out of resource loading.  Resource Hints spec. → https://goo.gle/3e7vG11  Resource hints usage on HTTP Archive → https://goo.gle/2LM8LvO  Google Analytics Reporting API → https://goo.gle/2Tog0yy  Next Page Predictor → https://goo.gle/3cQwBlY  Guess.js → https://goo.gle/2zQRmj0
2020-05-2015 minFrontend Heroes
Frontend HeroesFaster Than a Speeding BulletAs Frontend Heroes, one of our super-powers is making websites run fast, aka Performance.  In this episode we talk through our own experiences with Web Performance, covering tooling, techniques and pitching the idea to clients.References:https://web.dev/vitals/True Hero picks:Natalia Venditto @AnfibiaCreativaAddy Osmani @addyosmaniMusic picks:Scott: The Strokes - The New AbnormalEvan: Joep Beving - Solipsism
2020-05-1546 minThe State of the Web
The State of the WebThe State of JavaScript with Addy Osmani(October 18, 2018) Rick and Addy (Engineering Manager, Google Chrome) talk JavaScript, as it is today and how it's changed over the years. Code splitting → https://goo.gle/2zuO4Sv  Tree shaking → https://goo.gle/3fMc7wy  Webpack bundle analyzer → https://goo.gle/2WTJVPJ  Source map explorer → https://goo.gle/2yU1S8V  Managing third party JavaScript → https://goo.gle/2zyqdRT  Lazy loading → https://goo.gle/2T1lChJ  Performance budgets → https://goo.gle/3dDskCz
2020-05-1313 minThunder Nerds
Thunder Nerds🔥 Understanding Web Performance with Ty Fujimura In this episode, we get to talk with Ty Fujimura, CEO at Cantilever. We chat about our current situation with COVID, and how it affects our lives in the areas of parenting and web performance. We discuss why web performance is especially important right now, and dive into ways to improve it. Episode Sponsor Auth0https://auth0.com Show Links Ty Fujimura on LinkedIn: https://www.linkedin.com/in/tyfujimura/Cantilever: https://cantilever.coCantilever Twitter: https://twitter.com/cantilevercoTy’s Twitter: https://twitter.com/tyfujiWe The Peeps podcast: https://wtppod.com/Ne...
2020-05-081h 03null++: بالعربي
null++: بالعربيEpisode[8]: Backend FoundationsRobots.txt.Google's humans.txt.The noisy neighbor problem.Denial Of Service Attack.SQL Injection.Apache Kafka.AWS Kinesis.Materialized Views in Postgres.Architecture Of Giants: Data Stacks At Facebook, Netflix, Airbnb, And Pinterest.Google JSON Style Guide.jsonapi.orgPostman.Jeff Atwood Lost Website Thread.Guess.js Libraries and tools for enabling data-driven user-experiences on the web) Contribution By Addy Osmani et al.Episode Picks:Alfy:Mirage.js.Postcss.Luay:Remote Book.Minor Corrections:* Luay Mistakenly mentioned Dependency Injection instead of SQL Injection during the episode.* ORM Stands for Object-Relational Mapping not Model.
2020-02-221h 00JS Party: JavaScript, CSS, Web Development
JS Party: JavaScript, CSS, Web DevelopmentMentor-ship 🛳️This week we chatted with Kahlil Lechelt about mentorship. What types of mentorships are there, what makes a successful mentorship, and where can you find a mentor? Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. DigitalOcean – The simplest cloud platform for developers and teams Whether you’re running one virtual machine or ten thousand, makes managi...
2019-11-2954 minWeb Rush
Web RushEpisode 52: Web Performance - Katie HempeniusRecording date: 2019-08-20 John Papa @John_Papa Ward Bell @WardBell Dan Wahlin @DanWahlin Katie Hempenius @KatieHempenius Resources: Katie Hempenius on Twitter Katie's talks Nostate Prefetch Katie at Smashing Conf talking about code splitting and other performance topics Katie's talk on Speed at Scale Why Web Performance Matters Web Performance made easy Lighthouse tools for web performance Server Compression with Express .NET Core compression nginx compression express compression oh no, stylesheet grows grows grows Unused CSS Authoring critical above the fold css Addy Osmani's Critical CSS tool CSS...
2019-10-0146 minKutad Gubilik\'s Listen Later
Kutad Gubilik's Listen LaterSL 37: Callbacks vs. Promises vs. Generators vs. Async Functions in Node and JavaScript Podcast: Node University (LS 27 · TOP 10% what is this?)Episode: SL 37: Callbacks vs. Promises vs. Generators vs. Async Functions in Node and JavaScriptPub date: 2018-05-02Get Podcast Transcript →powered by Listen411 - fast audio-to-text and summarizationResources Top 10 ES6 Features Every Busy JavaScript Developer Must Know You Don't Know Node: Node Advanced About the Channel Node University and its creator Azat Mardan tells you about advantages of using Node.js and why its such an absolutely, positively, amazingly awesome technology. Who is Azat? ¯_(ツ)_/¯ W...
2019-08-2903 minSyntax - Tasty Web Development Treats
Syntax - Tasty Web Development TreatsWhat’s New in Web DevelopmentIn this episode of Syntax, Scott and Wes talk about what’s new in web development: new promise static methods, new CSS functions, PWAs and more! Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the cou...
2019-04-2449 minThe Undefined Podcast
The Undefined PodcastMoving the Web Forward with Sunil PaiSunil Pai is a Software Engineer at Facebook, React team member, and the creator of Glamor. He joins us on The Undefined to talk about the state of the web, the past, present, and future of text editors and IDEs, how he learned to code, and how our community needs to evolve to survive.FeaturingSunil Pai – Twitter, GitHubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinksStop writing code - Sunil's talk at React Europe 2018The “Something” Statements - Sunil's talk at React Rally 2018Visual BasicNeopetsAdobe FlashAtom EditorVisual Studio CodeList of mergers and acquis...
2019-03-1400 minFront End Happy Hour
Front End Happy HourEpisode 071 - Web Performance - Chugging our drinks down fastCreating performant websites and applications continue to be more and more important. In this episode, we are joined by Addy Osmani to talk with us about web performance and some future web platform APIs that help improve performance. Guests: Addy Osmani - @addyosmani Panelists: Ryan Burgess - @burgessdryan Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Mars Jullian - @marsjosephine Stacy London - @stacylondoner Picks: Addy Osmani - The Great British Baking Show Addy Osmani - Chrome User Experience Report Ryan Burgess - Addy’s Netflix Case study Ryan Burgess - PhotoPills Ryan Burgess - Final Table Jem Young - Yo...
2018-12-1046 minWeb Rush
Web RushEpisode 4: Progressive Web Apps (PWAs) with Maxim SalnikovRecording date: 2018-09-20 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/danwahlin (0:01:51) John reads the mailbag about browser support, service workers performance imapc,t and adding home screens to PWAs. (0:01:51) Mailbag https://twitter.com/RealTalkJS/status/1042572672025194496 (00:2:15) Maxim describes PWA support in the browsers (0:03:10) Ward points out that Addy Osmani https://twitter.com/addyosmani says: "It's important to remember that Progressive Web Apps work everywhere but are supercharged in modern browsers...
2018-10-2350 minBookBytes
BookBytesBookBytes 16: The Imposter's Handbook: Software Design Patterns and Software Design PrinciplesSafia finds out that she already knew some of the design patterns, but not the name, Adam is confused about the fascade pattern, they talk about DRY, YAGNI, and they get into TDD, and a bit of the Unix philosophy.Learning JavaScript Design Patterns by Addy Osmani Design Patterns by the Gang of Four Flyweight in games Composite Pattern Adapter Pattern Bridge Pattern Facade Pattern You aren't gonna need it (YAGNI) Memento Pattern DRY Test-driven development (TDD)
2018-10-2244 minCommerce Minded
Commerce Minded#3: How Andrew Welch Became an Expert Craft Developer and the Value of Teaching OthersHe’s one of the best Craft developers out there, a prolific blogger, and a podcast host, but how did Andrew Welch get to where he is today? Andrew’s hunger for learning began early when he started his own software company as a teenager, and it’s that same desire to learn that drove him to explore new interests and ultimately dive into the world of web development years later. Tune in to learn how Andrew’s curiosity and willingness to teach others has helped him become an industry leader. Key takeaways Befo...
2018-10-0200 minSyntax - Tasty Web Development Treats
Syntax - Tasty Web Development TreatsHasty Treat - Positivity and Web DevelopmentIn this Hasty Treat, Scott and Wes talk about positivity in the web industry - how it can affect you, your work, and the people around you. NativeScript - Sponsor NativeScript is an open source framework for building truly native mobile apps with Angular, Vue.js, TypeScript, or JavaScript. It’s is a great way for front-end developers to get started building native mobile apps. Get started today at nativescript.org/syntax. Show Notes The tech industry is always on the cutting edge and we’re starting to see a shift in how we deal with...
2018-09-2421 min#strobofm
#strobofmep.26 性能の歴史 (@ahomu)Sponsors 救急車のたらい回しをなくす！ドクターズプライムでソフトウェアエンジニア募集中 Notes #deisui_html_radio #16 ~ 道玄坂で千の風になった超速男は丘でペイ ~ | FRESH LIVE（フレッシュライブ） - ライブ配信サービス WebKit Rendering: Overview for HTML5 Developers High Performance Web Frontend - Speaker Deck WCAN2013 Summer | WCAN 名古屋近郊のイベント情報 第15回リクリセミナー「Frontrend in Osaka」 - Re:Creator’s Kansai | Doorkeeper Shogo 🍵【技術書典5 け45・う18】さんのツイート: “#deisui_html_radio 特別企画「超速 RT チャレンジ🚅」100RT につき #超速本 (https://webperf.guide) を1冊プレゼントします📚 (※期間は 2018/9/14 15:00 まで。#gihyo 様に2冊提供頂いているので、300RT 以降は @1000ch の自腹です💸) WEB+DB PRESS plusシリーズ，Kindleほかでの展開を開始――第一弾として『クラウドゲームをつくる技術』を9月20日にサイマル発売：ニュースリリース｜gihyo.jp … 技術評論社 【増枠】Bonfire Frontend #2 - connpass WCAN 2018/09/15「Web ページを高速化してユーザーに価値を届けたい制作者のためのセミナー＆ワークショップ」 - WCAN | Doorkeeper JavaScriptよ。文明を捨て、自然に還れ。 ::ハブろぐ Shogo 🍵【技術書典5 け45・う18】さんのツイート: 専門性の高まりが開発者の体験欲求に繋がっているのは良くわかる。why 無きライブラリやフレームワークの信仰がまさにそう / “JavaScriptよ。文明を捨て、自然に還れ。 ::ハブろぐ” The Cost Of JavaScript In 2018 – Addy Osmani – Medium The Cost Of JavaScript – Dev Channel – Medium iPhone XS - Apple（日本） 格安SIMの通信速度の比較：格安SIM35枚とドコモ本家をリアルタイム自動計測
2018-09-1741 minНовости 512
Новости 512Новости 512 — Выпуск №18 (06.08 — 12.08)Dart 2 — https://medium.com/dartlang/dart-2-stable-and-the-dart-web-platform-3775d5f8eac7 Firefox 61.0.2 — https://www.mozilla.org/en-US/firefox/61.0.2/releasenotes/ Chrome OS 68 — https://chromereleases.googleblog.com/2018/08/stable-channel-update-for-chrome-os.html Android 9 Pie — https://android-developers.googleblog.com/2018/08/introducing-android-9-pie.html Running PM2 & Node.js in Production Environments, Nick Parsons — https://getstream.io/blog/running-pm2-node-js-in-production-environments/ GLB: GitHub's open source load balancer — https://githubengineering.com/glb-director-open-source-load-balancer/ Production Architecture GitLab — https://about.gitlab.com/handbook/engineering/infrastructure/production-architecture/ Reduce JavaScript Payloads with Code Splitting, Jeremy Wagner / Addy Osmani — https://developers.google.com/web/fundamentals/performance/optimizing-javascript/code-splitting/ Расширение Advance для Firefox — https://blog.mozilla.org/blog/2018/08/07/firefox-offers-recommendations-with-latest-test-pilot-experiment-advance/
2018-08-1204 minCSSSR
CSSSRНовости 512 — Выпуск №18 (06.08 — 12.08)Dart 2 — https://medium.com/dartlang/dart-2-stable-and-the-dart-web-platform-3775d5f8eac7 Firefox 61.0.2 — https://www.mozilla.org/en-US/firefox/61.0.2/releasenotes/ Chrome OS 68 — https://chromereleases.googleblog.com/2018/08/stable-channel-update-for-chrome-os.html Android 9 Pie — https://android-developers.googleblog.com/2018/08/introducing-android-9-pie.html Running PM2 & Node.js in Production Environments, Nick Parsons — https://getstream.io/blog/running-pm2-node-js-in-production-environments/ GLB: GitHub's open source load balancer — https://githubengineering.com/glb-director-open-source-load-balancer/ Production Architecture GitLab — https://about.gitlab.com/handbook/engineering/infrastructure/production-architecture/ Reduce JavaScript Payloads with Code Splitting, Jeremy Wagner / Addy Osmani — https://developers.google.com/web/fundamentals/performance/optimizing-javascript/code-splitting/ Расширение Advance для Firefox — https://blog.mozilla.org/blog/2018/08/07/firefox-offers-recommendations-with-latest-test-pilot-experiment-advance/
2018-08-1204 minCTRL+CLICK CAST
CTRL+CLICK CASTThe State of Web Images with Kitt HodsdenFrom formats and techniques to performance and automation, images on the web can be complicated! Front-end developer and performance expert Kitt Hodsden joins the show to make sense of today’s options — and help you choose the options that are best for your projects. Kitt explains the historical background of web images, along with future-forward options like WebP and WebM. She also shares resources to help with virtually any approach to images, then dives into the solutions that consistently work for her, including srcset, automating optimization and lazy loading. < Download MP3 > &nbsp...
2018-06-0753 minJS Party: JavaScript, CSS, Web Development
JS Party: JavaScript, CSS, Web DevelopmentDojo 2.0Suz Hinton, Alex Sexton, and Nick Nisi talk with Dylan Schiemann about Dojo 2.0, managing an open source project, web standards, and more. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – Our error monitoring partner. Rollbar provides real-time error monitoring, alerting, and analytics to help us resolve production errors in minutes. To start resolving errors in minutes, and deploying with confidence - head to rollbar.com/changelog O'Reilly Fluent Conference – Learn the latest JavaScript tools and methods. Build a be...
2018-05-111h 06Designer Vs Developer
Designer Vs DeveloperAddy Osmani on designing for great performanceAddy talks about designing performance.
2017-08-0713 minDesigner Vs Developer
Designer Vs DeveloperAddy Osmani on designing for great performanceAddy talks about designing performance.
2017-08-0713 minВеб-стандарты
Веб-стандарты77. CSS Minsk JS, DevTools, Storage API, DRM и W3C, чистка CSS, API, Xwebs MegabrowserВедущиеПавел Ловцевич, Вадим Макеев, Алексей СимоненкоТемы00:00:11 События00:10:23 Новинки DevTools00:22:10 Storage API в Firefox00:28:13 DRM и W3C00:47:03 Чистка CSS00:56:11 Вброс и Шорты01:01:59 Гироскоп и драг-н-дроп01:09:17 Состояние JS01:10:23 Xwebs MegabrowserСобытияNodeSchool SPb в Петербурге 29 июляKharkivJS в Харькове 28–29 октябряCSS-Minsk-JS в Минске 10 сентябряНовинки DevToolsWhat’s New In DevToolsStorage API в FirefoxPreview Storage API in Firefox NightlyDRM и W3CКак в HTML DRM внедрили: измена или эволюция?Encrypted Media ExtensionsЧистка CSSUnCSSPurifyCSSГде используются прототипы, наследование в JS приложениях?Вброс и ШортыГде используются прототипы, наследование в JS-приложениях?Прятки на CSS: display: none, visibility: hidden?Гироскоп и драг-н-дропThe Gyroscope part of The StandardDrag and Drop part of The StandardУлучшаем опыт взаимодействия с формамиСостояние JSState of JavaScriptXwebs MegabrowserTeen’s Web Browser Wows Top GeeksAddy Osmani‏: at 16, wrote a web browser in C++
2017-07-241h 17Working Draft
Working DraftRevision 303: Cloud HostingEine knifflige Problemstellung mit einem der dutzend AWS Dienste brachte Hans und Stefan in den Dialog. Prompt war ein Working Draft Thema geboren. So gesellte sich noch Anselm dazu um die Diskussionsrunde zu komplettieren und einen guten Rundumschlag über die modernen Hosting-Möglichkeiten über den Wolken geben. [00:00:15] News NPM 5 NPM 5 ist draussen und hat etliche Neuerungen hinsichtlich Versionslocks, Download-Performance u.ä. Das vielleicht größte NPM Upgrade seit semi-flachen Abhängigkeitsbäumen. Schaunotizen [00:05:32] Cloud Hosting Vorbei sind die Zeiten, in denen man sich beim Rechenzentrum nebenan ein paar hundert Megabyte für’s teure Geld besorgte. H...
2017-06-2158 minToolsday
ToolsdayConference TalksWe highlight thirteen conference talks that dazzled us, inspired us, and drove our careers forward Una's picks Simon Swain on his JS Cavas Cold War Mark Robbins — CSS & Email Brenna O’Brien — JS Community: The Good Parts Dan Mall — Proper Etiquette for the Adv. of Design Camille Fournier — Cloning Yourself Isn’t an Option Bruce Lawson — How to Destroy the Web Jake Archibald — Building Progressive Web Apps Chris' picks Paul Irish - Web Application Development Workflow Addy Osmani - Gone in 60 FPS Jaffar Hussein - Async Programming in ES7 Elijah Manor - Eliminate JavaScript Code...
2016-08-3000 minWorking Draft
Working DraftRevision 237: Remote Work und InformationsnachschubHans, Schepp und Stefan widmen sich heute zwei Meta-Themen: Schaunotizen [00:00:20] Remote First vs Remote Friendly Zach Holmans Beitrag zur Remote-Arbeit nehmen wir zum Anlass um unsere Erfahrungen zu teilen. Wir erläutern, was gut funktioniert, was weniger gut läuft, und auf welche Dinge man achten muss um anständig verteilt zu arbeiten. Hans macht das mittlerweile sehr oft und sehr gern, Schepp holt sich familienbedingt die Abwechslung im Agentur-Büro. Stefan erzählt, dass Remote Work Best Practices auch sehr hilfreich sind, wenn die Büros sich über den Globus verteilen. [00:21:07] The fal...
2015-10-1753 minAdventures in Angular
Adventures in Angular038 AiA Performance with Ben Nadel01:35 - Katya Eames IntroductionTwitter[YouTube] Katya Eames: How to Teach Angular to Your Kids01:52 - Ben Nadel IntroductionTwitter GitHub BlogAdventures in Angular Episode 029: Angular At Work with Ben NadelInVision@InVisionApp04:47 - PerformanceBasecamp Nested Pages08:04 - User Experience10:01 - Fixing Performance Problems as a TeamEngineering Validation “Premature optimization is the root of all evil -- Donald Knuth” DOM ManipulationngRepeatScreen Experience23:28 - Finding Performance IssuesChrome Developer ToolsFirefoxFirebugUtilizing Chrome Dev Tools and Creating the Videos on Ben’s Blog“Imposter Syndrome”Addy OsmaniPaul Irish29:27 - “Just-in-Time View Construction”34:43 - ngIf 37:16 - Angular 2 Opinions[YouTube] Dave Smith: Angular + React = SpeedUnit Directional Data Flow & FunctionalityVictor Savkin: Change De...
2015-04-1656 minAdventures in Angular
Adventures in Angular038 AiA Performance with Ben Nadel01:35 - Katya Eames IntroductionTwitter[YouTube] Katya Eames: How to Teach Angular to Your Kids01:52 - Ben Nadel IntroductionTwitter GitHub BlogAdventures in Angular Episode 029: Angular At Work with Ben NadelInVision@InVisionApp04:47 - PerformanceBasecamp Nested Pages08:04 - User Experience10:01 - Fixing Performance Problems as a TeamEngineering Validation “Premature optimization is the root of all evil -- Donald Knuth” DOM ManipulationngRepeatScreen Experience23:28 - Finding Performance IssuesChrome Developer ToolsFirefoxFirebugUtilizing Chrome Dev Tools and Creating the Videos on Ben’s Blog“Imposter Syndrome”Addy OsmaniPaul Irish29:27 - “Just-in-Time View Construction”34:43 - ngIf 37:16 - Angular 2 Opinions[YouTube] Dave Smith: Angular + React = SpeedUnit Directional Data Flow & FunctionalityVictor Savkin: Change De...
2015-04-1656 minAdventures in Angular
Adventures in Angular036 AiA Protractor with Julie Ralph01:20 - Julie Ralph IntroductionTwitter GitHubGoogle (Seattle Office)Angular TeamProtractor02:47 - Finding Angular and the Team04:50 - End-to-End TestingWebDriver08:46 - Making Scripting Easier with Protractor10:57 - Grabbing By Model11:27 - Framework SupportJasmineMochaCucumber12:59 - What You Need to Know to Work with ProtractorNode.jsDebugging Knowledge14:14 - Data Hydration for Tests16:10 - Using Mock Modules17:52 - When Should People Start Using Protractor?23:21 - Using Protractor for Performance Testingbenchpress25:06 - Writing End-to-End Tests29:28 - Testing StoriesThe PageObject Pattern[YouTube] Jim Lavin: Using Page Objects in AngularJS Protractor Authentication User ScriptsRed Flag: Logic in Your End-to-End Tests32:05 - Protractor 2.0?!33:33 - Support for Angular 2 See Also[You...
2015-04-0243 minAdventures in Angular
Adventures in Angular036 AiA Protractor with Julie Ralph01:20 - Julie Ralph IntroductionTwitter GitHubGoogle (Seattle Office)Angular TeamProtractor02:47 - Finding Angular and the Team04:50 - End-to-End TestingWebDriver08:46 - Making Scripting Easier with Protractor10:57 - Grabbing By Model11:27 - Framework SupportJasmineMochaCucumber12:59 - What You Need to Know to Work with ProtractorNode.jsDebugging Knowledge14:14 - Data Hydration for Tests16:10 - Using Mock Modules17:52 - When Should People Start Using Protractor?23:21 - Using Protractor for Performance Testingbenchpress25:06 - Writing End-to-End Tests29:28 - Testing StoriesThe PageObject Pattern[YouTube] Jim Lavin: Using Page Objects in AngularJS Protractor Authentication User ScriptsRed Flag: Logic in Your End-to-End Tests32:05 - Protractor 2.0?!33:33 - Support for Angular 2 See Also[You...
2015-04-0243 minShopTalk Show
ShopTalk Show159: with Addy Osmani
2015-03-301h 01Working Draft
Working DraftRevision 206: ES6 Template Strings, Jobwechsel, SpartanGanz unverhofft gesellte sich diese Revision der gute Chris Heilmann auf einen Plauderabend zu uns. [00:00:45] News „WebKit’s JavaScriptCore and Web Inspector now have a code coverage profiler that tells you what JS code has executed“ Die News der Woche ist dieses neue Feature des kommenden Safari bzw. des jetzigen WebKit-Nightlys, mit Hilfe dessen man ungenutzte Code-Stellen in seinem JavaScript ausfindig machen kann. Schaunotizen [00:03:02] ES6 Template Strings Die neuen ESCMAScript 6/2015 Template Strings erlauben in ihren Backticks viele neue String-Spielereien, wie etwa Multiline-Strings, Variablen-Ersetzung innerhalb des Strings, Filterung und Internationalisierung. Mit dem Browsersupport sieht es leider...
2015-02-031h 24Working Draft
Working DraftRevision 200: The Indie WebZum 200. Jubiläum luden Schepp, Anselm und Stefan niemand geringeren als Jeremy Keith ein. Viel Spaß bei unserer ausgiebigen Plauderei zum „Indie Web“. Die Episode und alle Shownotes sind dieses Mal auf Englisch! For our 200th anniversay Schepp, Anselm and Stefan invited Jeremy Keith. Enjoy our excessive talk about the Indie Web! Schaunotizen [00:00:39] The Indie Web Building Blocks Jeremy explains what’s the meaning behind the whole indie web term and why it exists. He continues to explain the technical basics: Decentralizing sources, authenticate on websites using your very own website and a social network...
2014-12-141h 21Working Draft
Working DraftRevision 175: Die Open Source Reise des Jan LehnardtZur 175. Revision haben wir uns mit Jan Lehnardt einen Riesen der deutschen Open Source Szene eingeladen. Entsprechend riesig ist auch diese Mammutepisode mit über zweieinhalb Stunden. Doch soviel sei gesagt: Der Umfang verspricht auch sehr viele interessante Insights! Viel Spaß! [00:01:00] News Beyond Tellerrand Tickets Die Beyond Tellerrand kommt nach Berlin! Tickets gibt es ab sofort. Schaunotizen [00:01:29] CouchDB Zum Open Source Ruhm gekommen ist Jan mit der NoSQL Datenbank CouchDB. Jan erzählt von seinen Anfängen in der Community, seiner Rolle bei Apache und gibt Einblick in die strukturellen Unterschiede zwischen seinem Baby, PouchDB, Touc...
2014-06-162h 27Chariot Developer News
Chariot Developer NewsDevNews #59 – Bugs made of paper and graphine transistors – does the NSA know? YEAH! Integrating yeoman-style projects into a larger maven build – Addy Osmani comes up with the goods. Making Maven Grunt We buried the lead – NSA can get to everything Joel brings up the counter-point, an article by ARS. Vertx 2.0 Q&A on InfoQ w/Tim Fox – As per last week’s episode, Vert.X is an eclipse-hosted, run by Tim Fox at RedHat. Check out The VertX Gradle Template and if you’re looking for a good manager for Vert.X, groovy, grails, griffon, etc., have a look at GVM. A graphene transitor? wow, that’s atomic! Ok, beginning coders, how about a codi...
2013-09-0929 minWorking Draft
Working DraftRevision 126: Inputs, Formulare, Pseudoklassen und OriginBei einem schönen Digestivum drehten Stefan und Schepp ein paar mal am HTML5-Glücksrad und ließen einen Berg Links vom Stapel. Im Detail ergab sich das folgendermaßen: [00:00:41] News Firefox 22 Firefox 22 bringt der breiten Masse WebRTC und unprefixtes CSS Flexbox. iOS 7 beta and the new Safari for web developers Maximiliano Firtman hat sich angeschaut, was iOS7 Neues für uns Entwickler bereithält. Unter anderem sind das Video-Untertitel, XHR 2, CSS Regions und CSS Flexbox. Glücksrad [00:07:02] input[type=“image“] Wir reden über den Sinn und Ursprung dieses Inputs, und dass er fast immer z...
2013-07-0646 minJavaScript Jabber
JavaScript Jabber056 JSJ Marionette.js with Derick BaileyUse this link and code JAVAJAB to get 20% off your registration for FluentConf 2013!PanelDerick Bailey (twitter github blog) AJ O’Neal (twitter github blog) Merrick Christensen (twitter github) Joe Eames (twitter github blog) Tim Caswell (twitter github howtonode.org) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 01:03 - Derick Bailey IntroductionKendo UI 02:11 - Marionette.jsBackbone.js Zombie Views 06:57 - How backbone.js helps with large-scale applicationsScalability 08:42 - High-level application architecture path with Marionette.jsBBCloneMail BBClone Mail Source Code 13:02 - Breaking down Marionette.jsmarionettejs / backbone.babysitter marionettejs / backbone.wreqr 16:02 - T...
2013-04-191h 01Working Draft
Working DraftRevision 107: Unresponsive Design, Docsprint und ein paar LinksMit Schepp, Hans, Anselm und Peter auf der Brücke dampfte Working Draft gezielt auf seine Revision 107 zu. [00:00:21] News -Support in Firefox Das neue Element (siehe Revision 101) ist nach Chrome jetzt auch im Firefox gelandet. Schaunotizen [00:00:49] Ditching responsive design GoCardless hat für sein letztes Redesign ein unresponsive Design gewählt. Kann man so etwas heutzutage überhaupt machen? Die Firma argumentiert diesen Schritt mit zu wenig Mobile-Usern und Zeit- sowie Geldersparnis beim Bau eines unresponsive Designs. Schepp kann die Argumentation nachvollziehen, Anselm und Peter eher nicht – sie halten den Aufwand für ein Mimimum an respo...
2013-02-1345 minJavaScript Jabber
JavaScript Jabber046 JSJ Staying CurrentPanelJoe Eames (twitter github blog) Merrick Christensen (twitter github) AJ O’Neal (twitter github blog) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 03:19 - The Future of JavaScript and ES6es-discuss -- Discussion of ECMAScript @esdiscuss six ES6 in node.js @brendaneich (Brendan Eich)@rwaldron (Rick Waldron)10:18 - Getting News about JavaScript@derickbailey (Derick Bailey) @tjholowaychuk (TJ Holowaychuk aka Vision Media) @substack (James Halliday) @maxodgen (Max Ogden) Peter Cooper’s JavaScript Weekly Peter Cooper’s HTML5 Weekly @badass_js (Badass JavaScript) @seb_ly (Seb Lee-Delisle) 12:43 - BlogsBen Alman James Burke LosTechies Alvin A...
2013-02-0844 minWorking Draft
Working DraftRevision 100: Anniversary with Paul IrishWow, can it really be the 100th episode already? Almost 2 years of weekly updates and discussions on web development – and we’re still here. And so no one less than Paul Irish joined Hans, Kahlil, Rodney and Schepp. While our podcast is a German thing, we’re thrilled how things turned out with recording an English episode over the wire. Thank you Paul! Please take a second and tell us how you feel: Do you want more English revisions of Workingdraft, featuring international Guests? [00:00:45] News Chrome DevTools: A Sneak Peek At CSS Media Type Emulatio...
2012-12-1256 minWorking Draft
Working DraftRevision 72: SASS vs. LESS & Googlebot vs. JavaScriptDie Stammbesatzung trat an und brauchte zum Sortieren der Themen länger als für die Aufnahme. Trotzdem ist noch einiges an Material übrig geblieben. Schaunotizen [00:00:22] SASS versus LESS Chris Coyier vergleicht SASS mit LESS und kürt ersteres zum Gewinner. Für rechten Widerspruch reicht es bei uns nicht, da wir SASS in Kombination mit Compass und CodeKit auch nicht so ganz schlecht finden. Die etwas nerdigere Fraktion findet aber auch die Kombination Stylus + Nib + Grunt ganz gut. Naja, jeder wie er will :) [00:22:00] Media Queries Level 4 CSS4 ist im Anmarsch und die neuen Media Queries führe...
2012-05-221h 00Working Draft
Working DraftRevision 70: JS Styleguides, Barrierefreiheit & Web IntentsAls Gast war diesmal wieder Frederic Hemberger am Start, der uns immer gerne mit seinem Fachwissen zur Seite steht. Wir möchten auch noch einmal auf unseren Live-Stream und den IRC-Chat auf Freenode im Channel #workingdraft hinweisen. Wir sind immer montags ab 20 Uhr live, wenn nicht anders angekündigt. Die neusten Infos gibt’s immer auf Twitter und bei Google+. Schaunotizen [00:00:18] JavaScript Styleguides Addy Osmani befasst sich mit Programmierrichtlinien in JavaScript. Er führt dabei idiomatic.js, den jQuery Core Style Guide und viele weitere Best Practices an, die wir diskutieren. Hans hat über seine...
2012-05-1050 minJavaScript Jabber
JavaScript Jabber012 JSJ Design Patterns in JavaScript with Addy OsmaniThe panelists talk about design patterns in JavaScript with Addy OsmaniSpecial Guest: Addy Osmani. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.
2012-04-2622 minWorking Draft
Working DraftRevision 67: Meteor, Media Queries, Light TableMit allen Mann an Deck stürzten wir uns auf die Themen der Woche. Jedenfalls auf die, die nichts mit Semikolons zu tun hatten. Schaunotizen [00:00:20] Meteor Ein recht beeindruckend anmutendes Echtzeit-Web-Framework. Wir finden, dass es höchste Eisenbahn wurde, dass mal jemand so etwas baut. Dumm nur, dass man den Security-Aspekt komplett vergessen hat und auch, dass Meteor unter GPL steht, finden wir (und andere) mehr so mittelgut. Ähnliche Projekte mit teils ähnlichen, teils anderen Problemen sind Derby, Firebase und Spacemagic. [00:15:21] Media Query & Asset Downloading Results Lädt ein Browser Bilder herunter, die er, weil sie in ni...
2012-04-191h 14Working Draft
Working DraftRevision 56: Font.js, CSS3 UI & WunderkitPeter und Schepp luden sich den Marc ein, und zu dritt sprachen man über… Schaunotizen [00:00:15] Google Web Fonts Families Eine praktische Gesamtübersicht aller Schnitte aller Google Webfonts [00:10:00] Font.js: A Powerful Font Toolkit for JavaScript Font.js rüstet eingebettete Schriften mit Load-Events nach. [00:22:00] CSS Basic User Interface Module Level 3 (CSS3 UI) Wir entdeckten etwas Praktisches in diesem Working Draft, das Opera schon seit Version 9.5 implementiert, und das speziell auf Fernsehern hilfreich ist: die Keyboard Control Eigenschaften. [00:29:27] WebRTC WebRTC ist ein größeres API-Baustein-Paket, mit dem sich alle Aufgaben von Echtzeitkommunikation (Telefonie und Videotelefonie) im Browser...
2012-01-261h 03Web Directions Podcast
Web Directions PodcastAddy Osmani - Scalable JavaScript Design PatternsWould you like to learn how to organize your JavaScript applications so they can scale? Be able to write apps that support switching out Dojo or jQuery without rewriting a line of code? Application architecture is one of those aspects to development where minor problems can lead to major issues later on if it isn’t done right. Developers writing client-side apps these days usually use a combination of MVC, modules, widgets, plugins and frameworks for theirs. Whilst this works great for apps that are built at a smaller-scale, what happens when your project really starts to grow?. In this ta...
2011-10-2300 minWorking Draft
Working DraftRevision 37: speak.js, Native Client und JS-MVC-FrameworksPeter war wieder auf Achse und so haben wir uns diesmal Marc Hinse und Khalil Lechelt als Fachleute dazugeholt. Schaunotizen [00:02:06] speak.js – Text-To-Speech on the Web Wieder einmal wurde dank Emscripten etwas nach JavaScript portiert. Und diesmal ist es was sehr Praktisches: ein Text-zu-Audio-Synthesizer. Damit lassen sich endlich Vorlese-Dienste quelloffen umsetzen, wie sie bislang nur das kommerzielle ReadSpeaker zum Beispiel in heise Newsticker Meldungen möglich gemacht hat (oben links: „vorlesen“). [00:10:53] tween.js tween.js ist ein generisches Werkzeug zur Erzeugung von zeitgesteuerten Übergangskurven. Diese Werte lassen sich dann zur Animation beliebiger Dinge nutzen. [00:17:56] Cross-browser contextmenu support...
2011-08-251h 37Web Directions Podcast
Web Directions PodcastAddy Osmani - Tools for jQuery Application ArchitectureModern JavaScript development often has to address a number of different concerns ranging from the use of architectural patterns such as MVC to improve code organisation, through to JavaScript templating, cross-​​​​browser storage, routing/​​bookmarking, script loading, feature detection and more. In this talk, JavaScript developer and jQuery Core Bug Triage & Docs team member Addy Osmani discusses tools that can simplify your development process significantly. Addy Osmani is a popular JavaScript Blogger and a senior independent developer based in London, England. He is also a member of the jQuery Bug Triage and Front-​​​​end teams where he assists with community updates, releases an...
2011-08-0700 min