On The Bike Shed, hosts JoΓ«l Quenneville and Stephanie Minn discuss development experiences and challenges at thoughtbot with Ruby, Rails, JavaScript, and whatever else is drawing their attention, admiration, or ire this week.
β¦
continue reading
Player FM - Internet Radio Done Right
122 subscribers
Checked 6d ago
Aggiunto cinque anni fa
Kandungan disediakan oleh Google Developer Studio and The CSS Podcast. Semua kandungan podcast termasuk episod, grafik dan perihalan podcast dimuat naik dan disediakan terus oleh Google Developer Studio and The CSS Podcast atau rakan kongsi platform podcast mereka. Jika anda percaya seseorang menggunakan karya berhak cipta anda tanpa kebenaran anda, anda boleh mengikuti proses yang digariskan di sini https://ms.player.fm/legal.
Sama dengan The CSS Podcast
This is the audio podcast version of Troy Hunt's weekly update video published here: https://www.troyhunt.com/tag/weekly-update/
β¦
continue reading
BBC Radio 5 liveβs award winning gaming podcast, discussing the world of video games and games culture.
β¦
continue reading
1
Syntax - Tasty Web Development Treats
Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
4k
895
Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.
β¦
continue reading
Hanselminutes is Fresh Air for Developers. A weekly commute-time podcast that promotes fresh technology and fresh voices. Talk and Tech for Developers, Life-long Learners, and Technologists.
β¦
continue reading
Android Backstage, a podcast by and for Android developers. Hosted by developers from the Android engineering team, this show covers topics of interest to Android programmers, with in-depth discussions and interviews with engineers on the Android team at Google. Subscribe to Android Developers YouTube β https://goo.gle/AndroidDevs
β¦
continue reading
Welcome to the Security Weekly Podcast Network, your all-in-one source for the latest in cybersecurity! This feed features a diverse lineup of shows, including Application Security Weekly, Business Security Weekly, Paul's Security Weekly, Enterprise Security Weekly, and Security Weekly News. Whether you're a cybersecurity professional, business leader, or tech enthusiast, we cover all angles of the cybersecurity landscape. Tune in for in-depth panel discussions, expert guest interviews, and ...
β¦
continue reading
Africa-focused technology, digital and innovation ecosystem insight and commentary.
β¦
continue reading
Software's best weekly news brief, deep technical interviews & talk show.
β¦
continue reading
Show notes are at https://stevelitchfield.com/sshow/chat.html
β¦
continue reading
Player FM - Aplikasi Podcast
Pergi ke luar talian dengan aplikasi Player FM !
Pergi ke luar talian dengan aplikasi Player FM !
))
Daily Deals
Podcast Berbaloi untuk Didengar
DITAJA
<
<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/now-on-netflix">Now On Netflix</a></span>
Now On Netflix is your guide for what to watch this week on Netflix. Join the writers and editors from Tudum.com as they discuss the latest films and series coming to Netflix - and why you won't want to miss them! Celebrity interviews, exclusive insights, upcoming releases, and a behind-the-scenes look you wonβt get anywhere else. New episodes every Thursday. https://www.netflix.com/tudum
57: DevTools Mini Series - Interaction
Manage episode 316024849 series 2636743
Kandungan disediakan oleh Google Developer Studio and The CSS Podcast. Semua kandungan podcast termasuk episod, grafik dan perihalan podcast dimuat naik dan disediakan terus oleh Google Developer Studio and The CSS Podcast atau rakan kongsi platform podcast mereka. Jika anda percaya seseorang menggunakan karya berhak cipta anda tanpa kebenaran anda, anda boleh mengikuti proses yang digariskan di sini https://ms.player.fm/legal.
DevTools Mini Series continues, this time on interactions. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss interaction, and interaction inspection/ debugging in DevTools.
Una Kravets (co-host)
Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬
Adam Argyle (co-host)
@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; ππ€
Jecelyn Yeen
Developer advocate @ChromeDevTools ππ€©
The CSS Podcast
#CSSpodcast
92 episod
Kongsi
Manage episode 316024849 series 2636743
Kandungan disediakan oleh Google Developer Studio and The CSS Podcast. Semua kandungan podcast termasuk episod, grafik dan perihalan podcast dimuat naik dan disediakan terus oleh Google Developer Studio and The CSS Podcast atau rakan kongsi platform podcast mereka. Jika anda percaya seseorang menggunakan karya berhak cipta anda tanpa kebenaran anda, anda boleh mengikuti proses yang digariskan di sini https://ms.player.fm/legal.
DevTools Mini Series continues, this time on interactions. Una Kravets and Adam Argyle are joined by Jecelyn Yeen to discuss interaction, and interaction inspection/ debugging in DevTools.
Una Kravets (co-host)
Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬
Adam Argyle (co-host)
@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; ππ€
Jecelyn Yeen
Developer advocate @ChromeDevTools ππ€©
The CSS Podcast
#CSSpodcast
92 episod
Semua episod
Γ
Una and Adam recap the season! They share their favorite features, stories, and use cases. Season 5 covered popovers, dialogs, top layers, trig functions, color functions, :has() tricks, balanced text wrapping, linear() easing, nesting, anchoring, state queries, view transitions, and scroll driven animation. What a year for CSS! Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
In this episode our esteemed guest returns! This time to help us grok Scroll Driven Animation. Learn all about scroll(), view(), animation-timeline, timeline-scope, animation-range, and more. Power those animations with off-the-main-thread CSS scroll animation powers. Resources: Bramus's Demos: All mentioned Demos + Tools + Video Course + DevTools Extension link β https://goo.gle/3Uw31up Video Course direct link: https://goo.gle/learn-scroll-driven-animations Adam's Demos: scroll() the hue wheel β https://goo.gle/4emb3NO CSS scroll() feature time warp β https://goo.gle/4exH3yv view() long bento list β https://goo.gle/4gtcCLx view() scrolly telling β https://goo.gle/3TAq2vA view() iOS-like app switcher β https://goo.gle/4etvCI6 view() variable font animation β https://goo.gle/4e8eJmd Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
In this episode Una and Adam bring on an esteemed guest Bramus, who brings us deep knowledge on View Transitions. These are easy to get started with but difficult to master, but not with Bramus here to teach us. He'll be covering introductory to advanced API features and a big bag of examples and demos. Resources: Developer Documentation β https://goo.gle/4aHY7zo Quick intro to View Transitions (Google I/O 2023 video) β https://goo.gle/3ZieRLp What's new in View Transitions? (Google I/O 2024 video) β https://goo.gle/3zeYNj3 Misconceptions about View Transitions β https://goo.gle/3Tpsu7O Bramus's Demos: Collection of various demos, both SPA and MPA β https://goo.gle/3B4edY8 Accordion β https://goo.gle/3B4egDi Adam's Demos: Grid gallery β https://goo.gle/4giz0XV Always great grid β https://goo.gle/3MH68Lu Flexbox visualizer β https://goo.gle/47kmJOB Editable tabs β https://goo.gle/4ghNfMx Dollar number input β https://goo.gle/4e0FsBf Stateful morphing button β https://goo.gle/4ebBNR2 Drag and Drop β https://goo.gle/3XlP2Yn Isotope recreation β https://goo.gle/4dVX5lN Local development animated β https://goo.gle/3XHjm17 Una Kravets (co-host) Twitter β https://goo.gle/452aBRb YouTube β https://goo.gle/457oMnS Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face Host of Tools Today β https://goo.gle/4aI6JpC & Designing in the Browser π¬ β https://goo.gle/4e4YTcM Adam Argyle (co-host) Twitter β https://goo.gle/3yFnHYu Instagram β https://goo.gle/3wUb6QJ YouTube β https://goo.gle/4dZNKK7 @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€ CSSWG β https://goo.gle/4bFErxq VisBug β https://goo.gle/4bDcVQZ The CSS Podcast #CSSpodcastβ¦
In this episode, Una and Adam discuss a future web capability that builds on container queries: state queries. From CSS, this feature will be able to detect if a container is overflowing, when an element is scroll snapped, and when an element is stuck from position: sticky. Resources: :stuck, :snapped, :on-screen, etc β https://goo.gle/3WVhSi6 state queries syntax β https://goo.gle/3T2gI33 explainer β https://goo.gle/3XevW7x Intent To Prototype β https://goo.gle/3Au8rOY Scroll Snap Events β https://goo.gle/47koXO1 Una Kravets (co-host) Twitter β https://goo.gle/452aBRb YouTube β https://goo.gle/457oMnS Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face Host of Tools Today β https://goo.gle/4aI6JpC & Designing in the Browser π¬ β https://goo.gle/4e4YTcM Adam Argyle (co-host) Twitter β https://goo.gle/3yFnHYu Instagram β https://goo.gle/3wUb6QJ YouTube β https://goo.gle/4dZNKK7 @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€ CSSWG β https://goo.gle/4bFErxq VisBug β https://goo.gle/4bDcVQZ The CSS Podcast #CSSpodcast Watch more The CSS Podcast β https://goo.gle/ CSSpodcast Subscribe to Chrome for Developers β https://goo.gle/ChromeDevs #CSSPodcast #ChromeForDevelopers #Chrome Speaker: Una Kravets, Adam Argyleβ¦
In this episode Una and Adam explain anchor positioning and all its amazing features. Resources: Introducing the CSS anchor positioning API β https://goo.gle/3SWrvM5 CSS anchor positioning β https://goo.gle/4dwgmd9 Tabβs talk from CSS Day β https://goo.gle/4ds8g5B Una's Anchor Tool β https://goo.gle/3yDYDSd Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
In this episode Una and Adam catch you up to the latest syntax features of CSS nesting. Resources: Episode 47 β https://goo.gle/3SvM9T4 Episode 65 β https://goo.gle/3ygA7X1 CSS Nesting Update β https://goo.gle/3WHCRpK Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
In this episode Una and Adam cover the linear() CSS easing function that can create bounce and spring effects. Resources: Ep 22 on Animation β https://goo.gle/4frnp8y linear() generator β https://goo.gle/46xs2JZ Complex animation curves in CSS with linear() β https://goo.gle/4ftm0Oz Open Props premade spring and bounce variables β https://goo.gle/46uaGOc Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
In this episode Una and Adam talk about text wrap, a great modern improvement to typography on the web platform. Learn how you can create logical layout rules for your headings and other copy with just one line of code. Resources: text-wrap on MDN β https://goo.gle/3zvwixd soft breaks β https://goo.gle/4cXKLAq Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
In this episode Una and Adam expand on episode 61 about :has() by focusing specifically on use cases, tips and tricks. Get inspired and discover new ways to make reactive UI from CSS. Resources: Ep 61 β https://goo.gle/4cID6pE Piccali β https://goo.gle/4ePKJMG Ahmad Shadeed β https://goo.gle/4bsk85F The Looper β https://goo.gle/3yKmXkI Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
1 082: What's new in color & color functions 18:24
18:24 
Main Kemudian 
Main Kemudian 
Senarai 
Suka 
Disukai18:24
Main Kemudian Main Kemudian Senarai Suka DisukaiIn this episode Una and Adam provide a color update, covering changes to the specs and new functions. Links RCS calc() tool β https://goo.gle/4cRRJHt Apple Annie CSS Color Modules and Changes, Part I β https://goo.gle/3xtTr2A Lea verou article on RCS for contrast β https://goo.gle/3L3x5YF Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
In this episode Una and Adam share practical use cases, syntax and strategies for all the new math functions in CSS. From trig to algebra, they'll help you get a good idea on where and how these fit into your UI toolbelt. Links Ana Tudor tests your browser for CSS math function support β https://goo.gle/4cmBm5r Great guide and overview from Daniel Wilson β https://goo.gle/4enKgBe layout pow() β https://goo.gle/3RlvAsI Using Absolute Value, Sign, Rounding and Modulo in CSS Today β https://goo.gle/4aY3OJz Time based animation β https://goo.gle/3x6Dm2K CSS type casting to numeric: tan(atan2()) scalars by Jane Ori β https://goo.gle/4bZyrj2 Open Props v2 type ramp prototype with pow() as taught by Dan Wilson in their post β https://goo.gle/45uqikj CSS physics for transitions and keyframes with these math functions β https://goo.gle/3VltDgX Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
1 80: Animating to and from top-layer 31:23
31:23 Main Kemudian Main Kemudian Senarai Suka Disukai31:23
Main Kemudian Main Kemudian Senarai Suka DisukaiIn this episode Una and Adam continue talking about dialogs and popovers, but this time it's all about animating them into and out of the top layer.. We'll be introducing starting-style, a new mode for transitioning discrete properties, and the overlay property for smooth entry and exit animations. Links: top-layer CSS spec β https://goo.gle/4c2elUW Four new CSS features for smooth entry and exit animations by Una β https://goo.gle/3KpyB7e Using @starting-style and transition-behavior for enter and exit stage effects β https://goo.gle/452FG7p Popover on MDN β https://goo.gle/453xfss :popover-open on MDN β https://goo.gle/3x5XLVl Dialog and popover animated β https://goo.gle/3Kn1Ck7 Popover animated with nesting β https://goo.gle/3wW3Qns What is the top layer? β https://goo.gle/457rUjQ overlay property on MDN β https://goo.gle/3yKNRsT MDN demos β https://goo.gle/4c2eIyO Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
The CSS Podcast is back, with an episode highlighting the popover API and dialog element! Learn what they can do, and when to use which when. Links Popover API lands in Baseline β https://goo.gle/3Vo2dIs Dialogs and popovers seem similar. How are they different? β https://goo.gle/3wXD1z5 Dialog dilemmas and modal mischief β https://goo.gle/3R9nmDE Semantics and the popover attribute β https://goo.gle/3Vl3NuM Building a dialog component GUI Challenges β https://goo.gle/4c0YFkK Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€β¦
I canβt believe weβre already at the end of season 4! This season, weβve been focusing on CSS gotchas and resolving these common CSS pitfalls. And alas, on our last episode of the season, weβre going to take a look back at all of those tips and tricks and pick some of our favorites to highlight in this recap episode. Links: Why isnβt percentage working β https://goo.gle/418EnBG Why isnβt my element stuck β https://goo.gle/3uSX7Jk Why isnβt my custom property the value I expect β https://goo.gle/47BcZPj How do I center a div β https://goo.gle/3RiOBLA Why isnβt my animation glitching β https://goo.gle/4a5fzPh Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€ Subscribe to Chrome for Developers β https://goo.gle/ChromeDevsβ¦
1 77: Why isn't percentage working here? 15:05
15:05 Main Kemudian Main Kemudian Senarai Suka Disukai15:05
Main Kemudian Main Kemudian Senarai Suka DisukaiIn this episode, Una and Adam talk about percentage resolution for various properties like font-size, padding height and width. They break down and explain why percentages may not work or may not be what you expected. Links β https://goo.gle/47XtWU1 Understanding CSS Percentage β https://goo.gle/3RhLJzG CSS Box Sizing Module Level 3 β https://goo.gle/46FRF9T Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful β¨π¨ Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser π¬ Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG ; VisBug maker; punk; CSS/JS/UX addict; ππ€ Subscribe to Chrome for Developers β https://goo.gle/ChromeDevsβ¦
Selamat datang ke Player FM
Player FM mengimbas laman-laman web bagi podcast berkualiti tinggi untuk anda nikmati sekarang. Ia merupakan aplikasi podcast terbaik dan berfungsi untuk Android, iPhone, dan web. Daftar untuk melaraskan langganan merentasi peranti.
Daily Deals
Daily Deals
Daily Deals
Sama dengan The CSS Podcast
On The Bike Shed, hosts JoΓ«l Quenneville and Stephanie Minn discuss development experiences and challenges at thoughtbot with Ruby, Rails, JavaScript, and whatever else is drawing their attention, admiration, or ire this week.
β¦
continue reading
This is the audio podcast version of Troy Hunt's weekly update video published here: https://www.troyhunt.com/tag/weekly-update/
β¦
continue reading
BBC Radio 5 liveβs award winning gaming podcast, discussing the world of video games and games culture.
β¦
continue reading
1
Syntax - Tasty Web Development Treats
Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
4k895
Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.
β¦
continue reading
Hanselminutes is Fresh Air for Developers. A weekly commute-time podcast that promotes fresh technology and fresh voices. Talk and Tech for Developers, Life-long Learners, and Technologists.
β¦
continue reading
Android Backstage, a podcast by and for Android developers. Hosted by developers from the Android engineering team, this show covers topics of interest to Android programmers, with in-depth discussions and interviews with engineers on the Android team at Google. Subscribe to Android Developers YouTube β https://goo.gle/AndroidDevs
β¦
continue reading
Welcome to the Security Weekly Podcast Network, your all-in-one source for the latest in cybersecurity! This feed features a diverse lineup of shows, including Application Security Weekly, Business Security Weekly, Paul's Security Weekly, Enterprise Security Weekly, and Security Weekly News. Whether you're a cybersecurity professional, business leader, or tech enthusiast, we cover all angles of the cybersecurity landscape. Tune in for in-depth panel discussions, expert guest interviews, and ...
β¦
continue reading
Africa-focused technology, digital and innovation ecosystem insight and commentary.
β¦
continue reading
Software's best weekly news brief, deep technical interviews & talk show.
β¦
continue reading
Show notes are at https://stevelitchfield.com/sshow/chat.html
β¦
continue reading
Player FM - Aplikasi Podcast
Pergi ke luar talian dengan aplikasi Player FM !
Pergi ke luar talian dengan aplikasi Player FM !
