Podcasts about css grids

In deze aflevering bespreken we de focuspunten voor Interop 2025, deelt Michele 10 toegankelijkheidsfouten die je gemakkelijk kunt voorkomen, hebben we het over CSS Grid in 3D, Figma slides, het pauzeren van CSS animaties en nog veel meer! 0:00 - Intro 01:03 - Usercrowd update 03:23 - OpenGraph afbeelding kunnen een alt-tekst hebben voor toegankelijkheid - https://stefanbohacek.online/@stefan/113640509943561271  04:48 - Animaties in CSS pauzeren met animation-play-station - https://www.amitmerchant.com/run-and-pause-animations-in-css  07:10 - UXTools Survey results zijn er nog (steeds) niet 09:10 - Figma Slides komt met code blocks - https://bsky.app/profile/figma.com/post/3ljq3kfokpc2y  12:10 - Atlassian Open Source Pragmatic Drag & Drop - https://atlassian.design/components/pragmatic-drag-and-drop/  14:50 - Voxel Art met CSS Grid in 3D - https://tympanus.net/codrops/2025/03/03/css-meets-voxel-art-building-a-rendering-engine-with-stacked-grids/  20:15 - Firefox Privacy Statement & Arc update 25:40 - Interop 2025 - https://web.dev/blog/interop-2025  30:43 - 10 toegankelijkheidsfouten die je eenvoudig kunt voorkomen - https://accessibility.blog.gov.uk/2025/02/04/10-digital-accessibility-mistakes-to-avoid/  38:40 - Dead Internet theory is real - https://www.reddit.com/r/Wellthatsucks/comments/1j1cezm/ai_generated_video_and_comments_dead_internet/  41:38 - Tapbot komt met Bluesky app - https://tapbots.com/phoenix/  43:40 - Blink Twice - https://www.imdb.com/title/tt14858658/  45:22 - The Wild Robot - https://www.imdb.com/title/tt29623480/

In this episode, I discuss how I learned CSS Grid for Smashing ThemesShow Notes and Other Domains:smashingthemes.comcamarofamily.comThis podcast is proudly hosted on Caproni.fm.

Scott and Wes break down why your CSS might suck—from misusing specificity to not leveraging CSS variables. Tune in as they dive into common pitfalls that are making your stylesheets a hot mess. Show Notes 00:00 Welcome to Syntax! 00:33 Breakdancing in the Olympics. 05:29 Brought to you by Sentry.io. 05:44 Why your CSS sucks. 07:01 You're styling the wrong element. 11:01 Nesting too deep. 12:37 You don't understand specificity. 14:56 Your classes don't use a system. 16:24 You're using values instead of CSS vars. 20:16 You don't understand block vs inline vs inline-block. CSS Logical Properties 21:16 You aren't using the right tool for the job. CSS Flexbox, CSS Grid. 24:15 You're setting the value in too many places. 24:31 You're scoping to tightly or not tightly enough. 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

Scott and Wes serve up a gameshow-style quiz with STUMP'd, challenging each other on web development trivia. From the differences between useMemo and useCallback to the intricacies of the JavaScript event loop, join them for a fun and informative session packed with web dev insights! Show Notes 00:00 Welcome to Syntax! 01:17 Brought to you by Sentry.io. 02:03 The longest game of Rock, Paper, Scissors. Round 1 03:22 In React, what is the difference between useMemo and useCallback hooks, and in what scenarios would you choose one over the other? 05:56 Explain the concept of “tree shaking” in modern JavaScript build tools. How does it work, and what are its benefits? Round 2 09:11 In the context of CSS Grid, explain the difference between grid-template-areas and grid-area. 11:34 What is the “Temporal Dead Zone” in JavaScript, and how does it relate to variables declared with let and const Round 3 13:29 Describe the inner workings of the JavaScript event loop, including the roles of the call stack, callback queue, and microtask queue. 17:10 What is the “Shadow DOM” in web components, and how does it differ from the regular DOM? Round 4 20:05 Explain the process of Critical Rendering Path optimization in modern web browsers 26:14 Describe the purpose and functionality of the Intl.Segmenter API in JavaScript. Round 5 30:03 Explain the concept of Web Assembly (WASM) and its role in modern web development. 32:11 Explain the concept of Svelte stores, particularly focusing on the differences between writable, readable, and derived stores. Round 6 35:26 Explain the concept of “code splitting” in modern JavaScript applications. 37:00 Describe advanced techniques for maintaining an accessible focus order in web accessibility. Round 7 45:15 Explain the concept of “Server-Sent Events” (SSE) in web development. 47:37 What's the difference between contain layout and contain paint? 49:30 Sick Picks & Shameless Plugs. Sick Picks Scott: diskprices. Wes: Slime Tire Sealant. Shameless Plugs Scott: Syntax on YouTube. 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

In this repeat episode, Kevin Powell, CSS Evangelist, returns to talk about why CSS can be frustrating to developers and how to make working with it fun and enjoyable. Links https://www.youtube.com/@KevinPowell https://twitter.com/KevinJPowell https://www.kevinpowell.co 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. (https://logrocket.com/signup/?pdr) Special Guest: Kevin Powell.

Show DescriptionAdam Argyle stops by to chat about the conversation that's happening around CSS Grid / Masonry. What do we want? What might Apple's response to Google be? And nitpicking the spec just for fun. Listen on Website →GuestsAdam ArgyleGuest's Main URL • Guest's TwitterCSS DevRel Google Chrome, CSSWG member, host on GUIchallenges, co-host: CSSpodcast and BAD at CSSpodcast, maker of VisBug, OpenProps and GradientStyle. Links ‎Gemini - chat to supercharge your ideas Invent Masonry Layout Feedback on Masonry Layout – Frontend Masters Boost Masonry CSS Masonry What would you call this layout? Web Bloat Impact Sponsors

Síguenos en: Los nuevos block themes no solo modifican la forma en que se trabaja en el editor de WordPress, sino también cambia de forma radical la forma de crear nuevos temas y eso nos obliga a revisar el flujo de trabajo que solíamos utilizar y adaptarlo para que sea más ágil. ¿Qué tal la semana? Semana esther Acabada la revisión de los themes de Genesis con Karma Nueva “oleada” de altas de mantenimiento y de packs de horas de clientes, especialmente para maquetaciones de páginas de producto y landings. Semana Nahuai Rematando los últimos detalles de Uprising Next. El intrincado mundo de saber cual es la mejor opción para estilos de bloques (CSS inline o theme.json). Cambios cuando usas CSS dentro de un estilo de bloque (content:"" o rutas de imágenes); Encontrando más casos prácticos interesantes para block bindings (número de comentarios, número de veces guardado/favoriteado, tiempo de lectura). Creando además variaciones y estilos de bloques. Entrevista en el podcast de WP Tavern para hablar de Sustain WP y sostenibilidad en WordPress. Seré uno de los ponentes en "Modern Web Event", evento gratuito y sin ánimo de lucro, organizado por el máster de Desarrollo de sitios y aplicaciones web y el grado de Técnicas de aplicaciones de software de la UOC: https://mosaic.uoc.edu/modern-web-event/ Patrocinio de Wetopi para que dedique 2h/semana al equipo de sostenibilidad Contenido Nahuai 2 nuevos tutoriales en Código Genesis de los cuales destaca: https://codigogenesis.com/configurar-imagen-defecto-bloque-imagen-destacada-wordpress/ Entrevista en WP Tavern: Contenido Celi Tema de la semana: Cosas que se están trabajando para la versión 6.6 Presets de estilos de temas: filtrar los colores y tipografía de forma independiente Sección de estilos: aplicar estilos de bloques a varios, anidados, bloques a la vez Vision de zoom out: para permitir ver y gestionar mejor el contenido Avances en data views: nuevos diseños para mostrar páginas (preview) y la posibilidad de crear vistas personalizadas Patrones parcialmente sincronizados: poder cambiar parte del contenido de un patrón o solo el diseño Conexiones de bloques: modificar los campos personalizados desde el editor Soporte de para grid en bloque de grupo: La posibilidad de usar CSS Grid desde el editor, incluso arrastrando el área que quieres que ocupe. Novedades Lavado de cara a nivel de diseño de la página de plugins: https://make.wordpress.org/meta/2024/04/30/the-plugin-directory-gets-a-refresh/ Shutterstock a punto de adquirir Envato: https://www.envato.com/blog/shutterstock-enters-agreement-with-envato/ Tip de la semana Nueva herramienta para desarrollo en local de la mano de WordPress.com https://developer.wordpress.com/studio/ Menciones Lucas Bonomo comparte la entrevista de WP Tavern en LinkedIn.

Wes and Scott talk with Jen Simmons about the latest updates to Safari, reporting bugs to Apple, understanding color in CSS, new CSS switch controls, and testing your websites in Vision Pro hardware. Show Notes 00:30 Welcome to Syntax! 01:26 Sponsor: Sentry 01:53 Who is Jen Simmons? 04:07 Safari has been killing it lately 11:07 Wes' cOnSpirACy about Apple and APIs 18:49 Where is the best place to report bugs to Apple? 21:11 What's happening with CSS Color gamuts and models? 34:32 Is contrast color ever going to to land? 36:55 Where is the CSS Grid and Masonry proposal at? 44:44 Will we be able to target a specific row in a grid? 46:41 What are CSS switch controls? 49:00 How can web devs view their websites in Vision Pro devices? 54:55 In what ways are HTML / CSS / JavaScript running where we don't realize it? 59:06 Sick Picks Bugs.Webkit.org Web Compat Feedback Assistant at Apple Sessions - WWDC23 - Apple Developer Apple Vision Pro Running your app in Simulator or on a device Safari Release Notes WebKit Features in Safari 17.0 WebKit Features in Safari 17.1 WebKit Features in Safari 17.2 webkit.org Webkit Standards Positions Safari Technology Preview Safari Technology Preview Release Notes What's new in CSS at WWDC23 Rediscover Safari developer features at WWDC23 What's new in Web Apps at WWDC23 Meet Safari for spatial computing at WWDC23 Sick Picks Shameless Plugs Guest: Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads

Show DescriptionBlood pressure, stress, and COVID highlight the MedTalk Show portion of this episode, a new "Did You Know" segment about dev tools in Chrome, 4 hour video on plagiarism and code grifters, typography, breaking out of CSS Grid, the oldest things Chris and Dave worked on, and what the testing process is like at Luro or CodePen. Listen on Website →Links Blood Pressure – Chris Coyier QardioArm 2 - Smart Blood Pressure Monitor CodePen PRO Plagiarism and You(Tube) kottke.org - home of fine hypertext products Welcome to Ethan Marcotte's website Practical SVG, A Book Apart Built to Last: Successful Habits of Visionary Companies: Collins, Jim, Porras Kevin Powell Igalia Chats: The Struggle to Keep Up with Web Tech Thoughts on testing SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.

In today's episode, I talk about Flexbox versus CSS Grid, and when to pick one over the other.In today's episode, I talk about Flexbox versus CSS Grid, and when to pick one over the other.Show Notes & Transcript →

In today's episode, I talk about Flexbox versus CSS Grid, and when to pick one over the other. Links Layout Land The Lean Web Club Transcript →

Allen Wyma talks with Josh Matthews, former Engineering Manager at Mozilla for Servo, a web browser engine written in Rust. Contributing to Rustacean Station Rustacean Station is a community project; get in touch with us if you'd like to suggest an idea for an episode or offer your services as a host or audio editor! Twitter: @rustaceanfm Discord: Rustacean Station Github: @rustacean-station Email: hello@rustacean-station.org Timestamps [@0:00] - Josh's history with Servo [@3:54] - Community fears around the future of Rust when Mozilla had their layoffs [@6:52] - Chrome's Javascript engine [@10:54] - How to make web design more secure with Rust [@19:50] - How Servo is using Rust [@24:49] - Servo's responsibility as browser engine vs a JavaScript engine [@30:14] - CSS Grid support [@35:51] - Developer tools [@39:54] - Complexity in web optimization [@42:13] - Running multiple iframes within a page [@44:21] - How Rust helped Servo [@46:32] - Funding Servo [@50:19] - Where to get updates on Servo [@50:40] - Parting thoughts Credits Intro Theme: Aerocity Audio Editing: Plangora Hosting Infrastructure: Jon Gjengset Show Notes: Plangora Hosts: Allen Wyma

In this episode of Syntax, Wes and Scott talk about proposals to CSS including @when, CSS Masonry, CSS Caret, ENV Vars, and Media Query Ranges. Sentry - Sponsor If you want to know what's happening with your code, track errors and monitor performance with Sentry. Sentry's Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up. Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax. Show Notes 00:11 Welcome 00:58 Sponsor: Sentry 02:17 Sponsor: Sanity 03:32 CSS @when and @else CSS When and Else @when media(width >= 400px) and media(pointer: fine) and supports(display: flex) { /* A */ } @else supports(caret-color: pink) and supports(background: double-rainbow()) { /* B */ } @else { /* C */ } 05:42 CSS Grid 3 Masonry CSS Grid .grid { display: inline-grid; grid: masonry / repeat(3, 2ch); border: 1px solid; masonry-auto-flow: next; } David Desandro Rachel Andrew 09:00 CSS Caret CSS Caret 10:32 CSS Nesting CSS Nesting Syntax 343 CSS Nesting Postcss-preset-env 13:14 ENV Vars ENV Variables 14:58 Media Query Ranges MDN Media Queries @media (width < env(--small_bp)); @media (100px < width < 1000px); Tweet us your tasty treats Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

In this potluck episode of Syntax, Wes and Scott answer your questions about middleman for API fetching, when to introduce SvelteKit, generating PDFs serverside, trade offs of being an entrepreneur vs employee, and more! Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax. Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. https://a0.to/syntax LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax. Show Notes 00:18 Welcome 02:50 Is there a way to create a “middleman” to fetch data from an API once a day? Redis 06:53 Should I wait before introducing team members to SvelteKit? SvelteKit V1 issues 10:28 What options do we have for generating PDFs serverside? WKHTML to PDF Puppeteer PhantomJS html2canvas Generate Invoice Workers 15:47 Sponsor: Prismic 17:08 How do you say thank you to sponsors? 18:32 How would you compare the tradeoffs of working at a tech company vs. an agency vs. freelancing vs. entrepreneurship? 20:47 What's the best way for an oldie like me to catch up? CSS Grid.io Modern CSS Layouts 26:08 I'm wondering what do you think about tRPC? trpc.io Create t3 app 29:00 Sponsor: LogRocket 30:03 PDF creator Cloudflare worker 32:50 How do you feel about keeping separate accounts for things like Twitter? 37:28 Does using prototypes mean you are not doing functional programming? 42:09 PHP vs JavaScript based CMS Ghost Keystone Strapi 45:15 Sponsor: Auth0 46:21 Why do you think this mindset that with age comes an inability to learn? Syntax 44 How to Learn New Things Quickly 51:32 Are there other payment providers you guys recommend or should I stick with Stripe and hope for the best? Stripe Paypal 56:10 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Literature and History Wes: Kitchen faucet Shameless Plugs Scott: LevelUp Tutorials Wes: Wes Bos Tutorials Tweet us your tasty treats Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

tsukkee さんをゲストに、CSS Grid、Custom Properties、CSS Transitionなどについて語っていただいたエピソードです。 話したネタ 最近のフロントエンド開発ってどんな感じ？ なぜ、 transpile などの変換が必要なのか？ CSS Grid とは？ 何が良いのか？ もともと昔はどうやってレイアウトしていた？ Table から Float へ 阿部 寛のホームページ Flexbox とは XUL Grid と Flexbox の違いは？ HTML(意味) と CSS(スタイル) の分離って、実際の開発ではどう？ CSSで変数利用って、どう進化してきた？ Sass や SCSS Custom Properties Custom Properties のメリットとは？ Web Component との関連 この先、SassやSCSSはこの先どうなっていく？ CSS Nesting Module CSS Animation / Transition の進化 JSでアニメーション実装をすると、何が難しいのか？ Apple Interface Guideline アニメーションの使い時はいつか？ アニメーション習いたてで使いたくなっちゃう問題 Animation と SVG との組み合わせが便利 CSS の仕様を、どうやって追っかけているか？ web.dev チームでフロントエンド情報をどうやって学習しているか？ CSS設計をどうやって決めている？ Shadow DOM と スコープ 実際のプロダクト開発では何を使っている？ CSS Layer :has() 疑似クラス CSS Houdini Painting API Layout API 採用: ストックマーク社 エンジニア募集中

In this potluck episode of Syntax, Wes and Scott answer your questions about working on a team, dealing with imposter syndrome, animating on the web, using the table element, landing pages for apps, and building full stack apps with NextJS. Sentry - Sponsor If you want to know what's happening with your code, track errors and monitor performance with Sentry. Sentry's Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up. Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax. Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax. Show Notes 00:10 Welcome 01:05 The mustard bandit podcast 02:54 How can Developers work with designers and Product managers seamlessly? 06:37 How do I deal with imposter syndrome? 10:46 Any good coffee shops in Denver? 17 of Denver's Best Coffee Shops 11:38 Do you use Table element or CSS Grid for tabular data? 13:18 How do you manage animations without a library? Greensock 17:05 Sponsor: Sentry 18:01 What do you use for icon libraries? Icons8 Font Awesome Icons React Icons Flat Icons 25:10 How do you unregister the service worker to clear site data? Syntax 346 - Selling T Shirts 29:15 Sponsor: Sanity.io 30:47 Since NextJS has API routes, could you build a full-stack application using just NextJS? 35:41 Do you keep your landing pages and home pages seperate from your app? 37:35 Where's the line for moving something hosted on a developer server to moving it to production? CodePen Replit Netlify 41:44 How do you deal with ignorant or demanding clients? 45:54 As a JS/TS developer, which other language should I learn to compliment my skills? Rust PHP 50:58 Sponsor: Freshbooks 51:49 ××× SIIIIICK ××× PIIIICKS ××× 58:41 Shameless Plugs ××× SIIIIICK ××× PIIIICKS ××× Scott: Glass Drinking Straws Wes: Lawn Lift Shameless Plugs Scott: LevelUp Tutorials Wes: Beginner Javascript Tweet us your tasty treats Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

The search features in Windows 11 leave a lot to be desired. Mary Jo Foley and Paul Thurrott discuss the latest updates to Windows 11 and share their frustrations with the lackluster search functionality. Subscribe and watch the full Windows Weekly podcast: https://twit.tv/ww/767 Hosts: Leo Laporte, Paul Thurrott, and Mary Jo Foley You can find more about TWiT and subscribe to our podcasts at https://podcasts.twit.tv/

The search features in Windows 11 leave a lot to be desired. Mary Jo Foley and Paul Thurrott discuss the latest updates to Windows 11 and share their frustrations with the lackluster search functionality. Subscribe and watch the full Windows Weekly podcast: https://twit.tv/ww/767 Hosts: Leo Laporte, Paul Thurrott, and Mary Jo Foley You can find more about TWiT and subscribe to our podcasts at https://podcasts.twit.tv/

Clipchamp, Windows Search, Patch Tuesday  Windows 11 Insider Preview Build 22572  The consumerization of Windows 11 continues with the newest Windows 11 test build  Microsoft Improves the Windows Subsystem for Android for Insiders  Microsoft's latest Windows patches fix the bug causing user data not to be erased Microsoft  Microsoft Teams with Apple, Google, Mozilla, Others on Web Interop Intel and AMD Stop Chip Sales in Russia and Belarus  Microsoft suspends all new sales of Microsoft products and services in Russia  Microsoft adds its fifth Azure cloud region in China  Microsoft's revamped Startups program is generally available with OpenAI perk Xbox Halo Infinite's Campaign Co-op Won't Be Ready for the Launch of Season 2 March Xbox Update Lets Users Pin Games to Quick Resume  Spring Games Spotlight 2022 – Over 40 New Games Coming to Xbox - Xbox Wire Tips and Picks  App picks of the week: Brave, CorelDRAW  Enterprise pick of the week: Nuance is officially now part of Microsoft  Codename pick of the week: Vienna  Beer pick of the week: Brasserie Cantillon Classic Gueuze Hosts: Leo Laporte, Mary Jo Foley, and Paul Thurrott Download or subscribe to this show at https://twit.tv/shows/windows-weekly Get episodes ad-free with Club TWiT at https://twit.tv/clubtwit Check out Paul's blog at thurrott.com Check out Mary Jo's blog at AllAboutMicrosoft.com The Windows Weekly theme music is courtesy of Carl Franklin. Sponsor: newrelic.com/windows

Clipchamp, Windows Search, Patch Tuesday  Windows 11 Insider Preview Build 22572  The consumerization of Windows 11 continues with the newest Windows 11 test build  Microsoft Improves the Windows Subsystem for Android for Insiders  Microsoft's latest Windows patches fix the bug causing user data not to be erased Microsoft  Microsoft Teams with Apple, Google, Mozilla, Others on Web Interop Intel and AMD Stop Chip Sales in Russia and Belarus  Microsoft suspends all new sales of Microsoft products and services in Russia  Microsoft adds its fifth Azure cloud region in China  Microsoft's revamped Startups program is generally available with OpenAI perk Xbox Halo Infinite's Campaign Co-op Won't Be Ready for the Launch of Season 2 March Xbox Update Lets Users Pin Games to Quick Resume  Spring Games Spotlight 2022 – Over 40 New Games Coming to Xbox - Xbox Wire Tips and Picks  App picks of the week: Brave, CorelDRAW  Enterprise pick of the week: Nuance is officially now part of Microsoft  Codename pick of the week: Vienna  Beer pick of the week: Brasserie Cantillon Classic Gueuze Hosts: Leo Laporte, Mary Jo Foley, and Paul Thurrott Download or subscribe to this show at https://twit.tv/shows/windows-weekly Get episodes ad-free with Club TWiT at https://twit.tv/clubtwit Check out Paul's blog at thurrott.com Check out Mary Jo's blog at AllAboutMicrosoft.com The Windows Weekly theme music is courtesy of Carl Franklin. Sponsor: newrelic.com/windows

Clipchamp, Windows Search, Patch Tuesday  Windows 11 Insider Preview Build 22572  The consumerization of Windows 11 continues with the newest Windows 11 test build  Microsoft Improves the Windows Subsystem for Android for Insiders  Microsoft's latest Windows patches fix the bug causing user data not to be erased Microsoft  Microsoft Teams with Apple, Google, Mozilla, Others on Web Interop Intel and AMD Stop Chip Sales in Russia and Belarus  Microsoft suspends all new sales of Microsoft products and services in Russia  Microsoft adds its fifth Azure cloud region in China  Microsoft's revamped Startups program is generally available with OpenAI perk Xbox Halo Infinite's Campaign Co-op Won't Be Ready for the Launch of Season 2 March Xbox Update Lets Users Pin Games to Quick Resume  Spring Games Spotlight 2022 – Over 40 New Games Coming to Xbox - Xbox Wire Tips and Picks  App picks of the week: Brave, CorelDRAW  Enterprise pick of the week: Nuance is officially now part of Microsoft  Codename pick of the week: Vienna  Beer pick of the week: Brasserie Cantillon Classic Gueuze Hosts: Leo Laporte, Mary Jo Foley, and Paul Thurrott Download or subscribe to this show at https://twit.tv/shows/windows-weekly Get episodes ad-free with Club TWiT at https://twit.tv/clubtwit Check out Paul's blog at thurrott.com Check out Mary Jo's blog at AllAboutMicrosoft.com The Windows Weekly theme music is courtesy of Carl Franklin. Sponsor: newrelic.com/windows

Clipchamp, Windows Search, Patch Tuesday  Windows 11 Insider Preview Build 22572  The consumerization of Windows 11 continues with the newest Windows 11 test build  Microsoft Improves the Windows Subsystem for Android for Insiders  Microsoft's latest Windows patches fix the bug causing user data not to be erased Microsoft  Microsoft Teams with Apple, Google, Mozilla, Others on Web Interop Intel and AMD Stop Chip Sales in Russia and Belarus  Microsoft suspends all new sales of Microsoft products and services in Russia  Microsoft adds its fifth Azure cloud region in China  Microsoft's revamped Startups program is generally available with OpenAI perk Xbox Halo Infinite's Campaign Co-op Won't Be Ready for the Launch of Season 2 March Xbox Update Lets Users Pin Games to Quick Resume  Spring Games Spotlight 2022 – Over 40 New Games Coming to Xbox - Xbox Wire Tips and Picks  App picks of the week: Brave, CorelDRAW  Enterprise pick of the week: Nuance is officially now part of Microsoft  Codename pick of the week: Vienna  Beer pick of the week: Brasserie Cantillon Classic Gueuze Hosts: Leo Laporte, Mary Jo Foley, and Paul Thurrott Download or subscribe to this show at https://twit.tv/shows/windows-weekly Get episodes ad-free with Club TWiT at https://twit.tv/clubtwit Check out Paul's blog at thurrott.com Check out Mary Jo's blog at AllAboutMicrosoft.com The Windows Weekly theme music is courtesy of Carl Franklin. Sponsor: newrelic.com/windows

Clipchamp, Windows Search, Patch Tuesday  Windows 11 Insider Preview Build 22572  The consumerization of Windows 11 continues with the newest Windows 11 test build  Microsoft Improves the Windows Subsystem for Android for Insiders  Microsoft's latest Windows patches fix the bug causing user data not to be erased Microsoft  Microsoft Teams with Apple, Google, Mozilla, Others on Web Interop Intel and AMD Stop Chip Sales in Russia and Belarus  Microsoft suspends all new sales of Microsoft products and services in Russia  Microsoft adds its fifth Azure cloud region in China  Microsoft's revamped Startups program is generally available with OpenAI perk Xbox Halo Infinite's Campaign Co-op Won't Be Ready for the Launch of Season 2 March Xbox Update Lets Users Pin Games to Quick Resume  Spring Games Spotlight 2022 – Over 40 New Games Coming to Xbox - Xbox Wire Tips and Picks  App picks of the week: Brave, CorelDRAW  Enterprise pick of the week: Nuance is officially now part of Microsoft  Codename pick of the week: Vienna  Beer pick of the week: Brasserie Cantillon Classic Gueuze Hosts: Leo Laporte, Mary Jo Foley, and Paul Thurrott Download or subscribe to this show at https://twit.tv/shows/windows-weekly Get episodes ad-free with Club TWiT at https://twit.tv/clubtwit Check out Paul's blog at thurrott.com Check out Mary Jo's blog at AllAboutMicrosoft.com The Windows Weekly theme music is courtesy of Carl Franklin. Sponsor: newrelic.com/windows

In this episode, Amy and James decode Flexbox and CSS Grid. How do you use them? and when do you reach for one over the other?SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world's most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction8:19 When do you start adopting new CSS Properties into Your Workflow10:25 History of Grids12:50 Floats in the Olden Days16:32 Sponsor: Vercel17:39 Problems Flexbox and Grid Solve18:45 The Difference Between Flexbox and Grid21:19 How well do you know all the properties?CSS Tricks CSS Grid CheatsheetCSS Tricks Flexbox CheatsheetKevin Powell on YouTubeFlexbox FroggyWhat the Flexbox (by Wes Bus on YouTube)24:49 Sponsor: DatoCMS25:42 Using Flexbox30:46 Sponsor: ZEAL31:39 Favorite Parts about Flexbox32:42 flex-wrap34:23 flex-grow35:11 flex-shrink36:06 order38:33 CSS GridCSS Grid course by Wes Bos39:58 12 Column Grid45:25 Grid Template Areas47:01 Displaying Tabular Data48:48 Grab Bag Questions49:01 Question #1: What do you think about using grid and flexbox together?49:49 Question #2: When do you reach for CSS Grid and when do you reach for Flexbox?50:25 Question #3: Why should he learn Grid if he already knows Flexbox?51:58 Picks and Plugs52:11 James's Pick: Charcoal Pillow from Costco53:15 James's Plug: James Q Quick on TikTok53:40 Amy's Picks: Drink Holder for Luggage54:11 Amy's Plug: EverythingSvelte.com

In this episode, we talk about Scalable Vector Graphics, or SVGs, with Christina Gorton, developer advocate at Forem. Christina talks about what an SVG is, and when might use SVGs over CSS or Javascript for your graphics or animations, and why using SVGs has grown in popularity in recent years. Show Links DevDiscuss (sponsor) DevNews (sponsor) New Relic (sponsor) Retool (sponsor) SVG freeCodeCamp HTML CSS JavaScript CodePen Pixel art Adobe illustrator Inkscape Figma WebGL CSS layout CSS Grid

In this Video, we have had talks about various topics such as Open source contribution, Javascript & Typescript, CSS Grid, and FlexBox, and much more stuff.

Greg Whitworth is the Director of LWC's application and backend services. He's also the Director of Standards and Web Platform here at Salesforce. Today, I am talking with him about his long history of working with web browsers. Specifically, we get into his experience with web standards committees, discuss how these standards come about and the benefits they can have for Salesforce and it's developers.   Greg has a very unique perspective and history with these topics. Tune in to hear it and lots of great background information on web standards.   Show Highlights:   What Greg's job looks like day to day. All about web browser committees and how to join one. How something becomes a web standard. How his input on standards benefits Salesforce, its developers, and its customers. Examples of standards that are helpful to Salesforce. How standards improve developers' skills and user experience. What the composite layer is. What polyfills are and how to work with them.   Links: Greg on LinkedIn: https://www.linkedin.com/in/gregwhitworth/ Greg on Twitter: https://twitter.com/gregwhitworth?lang=en Greg on Github: https://github.com/gregwhitworth Greg's blog: https://www.gwhitworth.com/posts/ Braces to Pixels: https://alistapart.com/article/braces-to-pixels/ Braces to Pixels video: https://vimeo.com/182528420 Customizable Control Presentation: https://noti.st/gregwhitworth The story of CSS Grid: https://alistapart.com/article/the-story-of-css-grid-from-its-creators/ Open UI: https://open-ui.org/

In this episode of the CaSE Podcast, Lucas Dohmen talks to Joy Heron about Responsible Web Applications. They start talking about responsive web design and how it works nowadays with features like CSS Grid and Flexbox. Then Joy explains how to make a website usable with assistive technologies. Responsive and Accessible — That’s how we can create a responsible web application.

Recording date: 2021-02-11John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerChris Coyier @ChrisCoyierBrought to you byag-Grid IdeaBladeResources:Chris CoyierCSS TricksCodePenShopTalk PodcastWeb AssemblyBlazor"Going Ga Ga" on wikipediaBlazorAzure FunctionsReactCSS Layout with FlexboxCSS Layout on GridAzure Static Web AppsNetlifyWhat is JamstackGithub Pull RequestsReview and publish Pull Requests to a Preview URL for Static AppsBest Practices for Great DXSnowPack and WASMSnowPackPreactWMR with Jason MillerVite and VueEnabling Popups in HTMLJeremy KeithWhat happened to the lost colony of RoanokeTimejumps01:31 Guest introduction03:46 What should we be paying attention to?07:40 When should you use web assembly?11:54 Sponsor: Ag Grid12:50 Technology moves too fast16:13 What tech have you used that was worth it to get into?19:35 Flexbox or CSS Grid?23:48 Cloud functions and serverless32:24 Sponsor: IdeaBlade33:20 What do you think about bundling?40:37 Is there anything better than HTML coming?44:51 Any new developer tools to be aware of?50:01 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.

A recap of our latest newsletter on stack-snacks.com

Efter den långsammaste inledningen någonsin pratar vi om allt kring CSS i kanske det ospretigaste avsnittet hittills. Vi snackar grundläggande CSS såsom flex vs block, px vs em, att använda CSS Grid i produktion och att det verkligen är dags för IE 11 att dö. Dessutom fotorealistisk CSS, animerade SVGer och frustrationen bakom en konfettikanon. Om du gillar podden blir vi väldigt glada för en liten recension i iTunes eller om du säger hej på Twitter (Anton, Therése)

Verdict on CSS Grid…it is awesome! This episode is about what I learned after digging in to the syntax and how you can learn it as well. CSS Grid is a new display method that is part of the native CSS3 syntax, and is supported in the majority of modern web browsers. The primary advantage of using grid is that you can create a web page layout by placing your content anywhere you like on a grid that you define yourself. No more floats, clears, or adapting to someone else's grid system—just build what you need and it works. Using CSS grid also make is incredibly simple to make layouts responsive with not very much code at all. Below is a list of the CSS Grid resources I've found to be the most helpful as I learned. Top Recommendations: Start Here! CSS Grid Changes Everything - YouTube video Learn Here! Wes Bos' CSS Grid Video Course - highly recommended! Talks & Demos (video content) Start Using CSS Grid Layouts Today (conference talk) Build a Mosaic Portfolio Layout with CSS Grid Creating a nice layout CSS Grid layout using grid template areas How to Create Website Layouts Using CSS Grid CSS Grid Layout Crash Course Flexibility & The Fold – new possibilities with CSS Grid Web Demos & Documentation CSS Tricks Complete Guide to Grid Grid By Example - Rachel Andrew demos Jen Simmons Labs Learn CSS Grid MDN Documentation This episode was originally published 2 February, 2018.

Hoy lanzamos curso de CSS Grid y contestamos preguntas sobre la viabilidad de un proyecto, dificultades en ciertos CEOs, herramientas de email marketing y mucho más.

Tracks, gaps, areas and flow are hot topics in this full coverage episode on CSS grid. We don't leave anything out, so you're bound to pick up something new. We talk about functions like min, max, and minmax, and how to combine all of the powers of CSS Grid to create explicit and auto layouts. This episode will set you up to reach for the right parts of grid at the right time. Links Grid Spec → https://goo.gle/3bLLfcW  3 CSS Grid Features Una Loves → https://goo.gle/2LGJAL8  Grid to Flex → https://goo.gle/2ThGBx0 

In this episode we cover CSS Grid, a new layout tool for the web. When it comes to positioning elements on the web, CSS Grid marks a huge step forward for developers. It's easy to learn, with lots of parallels with the grid in other design practices so designers will love it too.And hey, quit using table elements to create your layouts!Questions? Email ustheoverlappodcast@gmail.comTweet us @lovelettersco or @mistertrostFollow the show @overlappodFor more episodes + show notes, visitoverlappodcast.comResourcesRachel Andrew's Grid by Example: https://gridbyexample.com/patterns/ on twitter @rachelandrewhttps://css-tricks.com/snippets/css/css-grid-starter-layouts/https://css-tricks.com/snippets/css/complete-guide-grid/https://twitter.com/jensimmonshttps://alistapart.com/article/the-story-of-css-grid-from-its-creators/Webflow's Grid Tool: https://webflow.com/gridSarah Drasner's CSS Grid Generator: https://cssgrid-generator.netlify.com/CSS Grid CoursesWes Bos' free course https://cssgrid.io/Free Code Camp's Video course https://www.youtube.com/watch?v=t6CBKf8K_Ac

Have you heard of CSS Grid? While at NDC in London, Carl and Richard talk to Amy Kapernick about one of the new features in CSS introduced in 2017 on all major browsers. CSS Grid is not tables - and tables aren't inherently evil, they can just be used badly. With Grid, you can define flexible layouts and formatting for a variety of elements. And there's nothing you're doing that can't be tweaked effectively by designers when the time comes - check 'em out!Support this podcast at — https://redcircle.com/net-rocks/donations

Have you heard of CSS Grid? While at NDC in London, Carl and Richard talk to Amy Kapernick about one of the new features in CSS introduced in 2017 on all major browsers. CSS Grid is not tables - and tables aren't inherently evil, they can just be used badly. With Grid, you can define flexible layouts and formatting for a variety of elements. And there's nothing you're doing that can't be tweaked effectively by designers when the time comes - check 'em out!Support this podcast at — https://redcircle.com/net-rocks/donations

We hope everyone enjoyed episode 20 of The DUX Podcast this week! If you haven’t listened yet, be sure to go back and check it out. As for today, our article roundup hits on advice...

This week’s RTO brings you a great visual cheatsheet for getting started with CSS Grid. This thing is a really great reference if you’re need a hand once in a while remembering how to make...

Con la inestimable ayuda de Pablo Arias en este episodio vemos las ventajas y desventajas de usar CSS Grid y Bootstrap 4. Eso sí, con una mirada a Joomla! 4 y a lo que nos dejará en cuestión de plantillas.

This week includes a run by Jen Simmons’ YouTube channel Layout Land, a review of content security policy problems in a research paper at Google AI, a look at a tool that lets you create...

To everyone listening to Real-Time Overview for the first time thanks to finding us through Smashing Magazine… Hi! We’re glad you’re here. Every week we run through a few articles we think you should check...

Jen Simmons (@JenSimmons), Designer Advocate at Mozilla, creators Layout Land, host of The Web Ahead, and driving force with Rachel Andrew behind CSS Grid in our browsers, is Jeffrey Zeldman's guest. Free speech, Libertarianism, and doxxing. The CSS Grid Inspector and other tools coming our way—including Flexbox Inspector and Shape Path editor, Variable Fonts tooling, and tools for font features. #metoo and #blacklivesmatter. Video blogging's unheralded heroes. Rough consensus and running code. Layout Land and modern layouts. Team teaching with Rachel Andrew. What goes into a great instructional video. Links for this episode:Layout LandThe Web AheadJenSimmons.comLearn CSS Grid | Jen SimmonsThe Web Behind: Videoblogging with Jay Dedman, Ryanne Hodson and Michael Verdi | The Web AheadAn Event Apart News: Revolutionize Your Page: Real Art Direction on the Web by Jen Simmons—An Event Apart videoAn Event Apart News: Modern Layouts: Getting Out of Our Ruts by Jen Simmons – An Event Apart VideoJen Simmons (@jensimmons) | TwitterBrought to you by: ZipRecrutier (Visit the link to post jobs on ZipRecruiter for FREE). Squarespace (Visit Squarespace.com to get a free trial and use the offer code BIGWEBSHOW for 10% off your first purchase).

Brenda Storer returns! Brenda is a Front End Developer and Designer at thoughtbot. She recently won Best Presentation at CSS Dev Conf 2017 New Orleans. Her talk focused on the topic of practical CSS grid layouts.

Rachel Andrew returns! Rachel is a sought out expert on web design layout technologies like CSS Grid and Flexbox, an invited expert to CSS Working Group, and author of several books. Her latest book, The New CSS Layout, is out now from A Book Apart.

Добрый день уважаемые слушатели. Представляем новый выпуск подкаста RWpod. В этом выпуске: Ruby CanCanCan 2.0 is out, Bundler 1.15: Bundle Oh So Fast и Rails 5.1 does not share thread_mattr_accessor variable with subclass Fighting the Hydra of N+1 queries, Rubygems.org is now using Elasticsearch и GraphQL -Mutation Query Implementation - Ruby on Rails Your analytical research using Twitter, Why you shouldn't use the System Ruby и Red Arrow is a Ruby bindings of Apache Arrow JavaScript Security: Broken Authentication, Getting Started With The JavaScript Web Animation API и 3 ways to reduce webpack bundle size Javascript: Save time by avoiding re-writing these common functions, How Four Native Developers Wrote An Electron App и Rearchitecting Airbnb's Frontend Learn CSS Grid, Workbox - a collection of JavaScript libraries for Progressive Web Apps, Moments of Happiness и OpenLara: Tomb Raider in your browser

Developer bias is something all developers deal with either knowingly or not. Trey Shugart the creator of SkateJS joins us this week to discuss the advantages and disadvantages of developer bias. Following up on his talk at Web Componente Remote Conference we look at what problems developer bias causes us in our day to day lives and Trey provides some tips on how to step back and look at problems more objectively. Around the Web in Two Minutes Safari 10.1 Release Includes Fetch, CSS Grid Layout, ES2016-2017 Support & Custom Elements V1! This release also includes support for ES6 modules making Safari the first browser to ship this feature! https://webkit.org/blog/7477/new-web-features-in-safari-10-1/ Chrome DevTools landed JS/CSS coverage moved out of experiments Currently in Canary M59 Useful for identifying code which would be split/ or lazy loaded https://twitter.com/addyosmani/status/848907772318015488 Edge confirms that an updated CSS Grid implementation is in development https://twitter.com/MSEdgeDev/status/848997331567497216 Interesting Blink Intent to Ship's of the week: Writable Streams https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/qpY1dj_ND-Q Animated PNGs https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/xEOyu8QFCr0/3oqSlHBxCwAJ InputEvent https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/W-Q1yWW-zas Firefox added experimental support for async iteration into Firefox nightly https://groups.google.com/forum/#!topic/mozilla.dev.platform/4--twpqTrMY Engineers gathered in Japan for two days of Service Worker standards meetings covering potential version2 updates. Guests Trey Shugart (@treshugart) Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)      

CSS Grid Layout is in Firefox and Chrome, and coming to Safari. Jeffrey Zeldman talks about the new spec with one of its foremost advocates, Rachel Andrew – a web developer, writer, and public speaker from Bristol, UK. Rachel is a member of the CSS Working Group, a Google Developer Expert, the co-founder of the Perch CMS, the publisher of CSS Layout News (a weekly collection of tutorials, news, and information on all things CSS layout), and the author or co-author of countless articles and 30 books, including Get Ready for CSS Grid Layout, A Pocket Guide to CSS Modules, The Profitable Side Project Handbook, and HTML 5 For Web Designers, 2nd Edition. Links for this episode:this is rachelandrew.co.uk - the website of web developer, writer and public speaker Rachel AndrewRachel Andrew (@rachelandrew) | TwitterCSS Grid Guides on MDNA Book Apart, Get Ready for CSS Grid LayoutCSS Layout NewsPublished books authored and co-authored by Rachel AndrewPerch - The really little content management system (CMS)CSS Grid lands in Firefox 52Podcast episodes featuring Rachel AndrewThree years with CSS Grid LayoutGrid LayoutMy presentations - subjects I speak about and links to resources, video and slidesBrought to you by: Incapsula (Just visit Incapsula.com/BigWebShow and enter the code BIGWEBSHOW to get one month free). FreshBooks (To claim your month long unrestricted free trial, go to FreshBooks.com/bigwebshow and enter BIG WEB SHOW in the “How Did You Hear About Us?” section). Wix (Just go to Wix.com and create your stunning website today.)

Have front-end and UX separated as practices? Is the time of the designer/coder over? The great Jen Simmons (Mozilla, CSS Grid, Layout Land) is Jeffrey Zeldman's guest in a sharply focused episode of The Big Web Show. Links for this episode:Twitter: @jensimmonsJenSimmons.comLayout LandMozilla: Internet Health Learn CSS GridTheWebAhead.netMeetup.com: CSS-Layout-Club EventBrought to you by: BlueApron (Check out this week's menu and get your first three meals FREE—with FREE SHIPPING—by going to BlueApron.com/bigwebshow. FreshBooks (To claim your month long unrestricted free trial, go to FreshBooks.com/bigwebshow and enter BIG WEB SHOW in the “How Did You Hear About Us?” section). Wix (Just go to Wix.com and create your stunning website today.)

Rachel Andrew returns as our guest. She's an author, international speaker, product is a web developer, speaker, co-founder of CMS Perch. She's recently been writing and speaking about the future of web design layouts: CSS Grids and Flexbox.