Shows
Web技术动态0002 十二个现代CSS单行升级文章探讨了 12种现代CSS“单行升级”，这些升级可以显著改进现有代码并提升用户体验。作者Stephanie Eckles根据这些升级的稳定性将其分为三类：稳定升级（替换旧技术以修复问题）、稳定增强（利用支持良好的现代属性提供更好体验），以及渐进增强（在支持的浏览器中提供升级体验而不影响不支持的浏览器）。文中详细介绍了诸如aspect-ratio、object-fit、margin-inline、text-underline-offset、outline-offset、scroll-margin-top/bottom、color-scheme、accent-color、width: fit-content、overscroll-behavior、text-wrap和scrollbar-gutter等属性的用途和优势。这些属性旨在减少技术债务、移除JavaScript依赖并带来易于实现的改进。2025-05-0907 min
Complementary47: People We AdmireDesigners and developers that have influenced us.
The folks we mentioned:
Stephanie Eckles
Andy Bell
Brad Frost
Elizabeth Goodspeed
Frank Chimero
David Pye
Hosts:
Anthony Hobday, Generalist Product Designer: https://twitter.com/hobdaydesign
Katie Langerman, Systems Designer: https://twitter.com/KatieLangerman2024-12-0845 min
Really Specific StoriesLynn FisherLynn discusses her background as a designer, CSS developer and illustrator—drawing on her love for technology and her time in art school, where she explored the concept of intermedia. She also reflects on her varied experiences in consuming aural and visual content, such as podcasts, TV shows and movies, along with various side projects that she has maintained over the years.
Podcast case study: The Talk Show with John Gruber (listener)
Find Lynn at Lynn and Tonic.
Read a transcript of the episode as a styled PDF or in plain text.
2024-01-1940 min
General Musings with Kevin PowellQuick one as we head into the holidays!A shorter episode than normal as we head into the holidays.Other awesome stuff around the web: Stephanie Eckles 12-days of Web Oh No, Overflow! Observation: color-mix and currentColor Elevate your CSS debugging skills with these Chrome DevTools tricks in 2024What I’ve been up to this week: Incredible scroll-based animations with CSS-only The man behind some of the craziest CSS I’ve ever seen Use this instead of :focus in your CSS How I use AI to boost my productivity while CodingFind me elsewhere on the web: My Newsletter This podc...2023-12-2402 min
General Musings with Kevin PowellHow people's struggles with CSS evolve over timeThis week, I’m going to be talking about the results of the survey I ran last week asking about people’s primary pain point with CSS and exploring if we can find any correlation between years of experience and specific pain points—spoiler alert, we can!—as well as sharing a few of my favorite resources that I use to keep up with CSS.Other awesome stuff around the web: Stephanie’s newsletter CSS weekly newsletter Ryan Mulligan’s Layou Breakouts with CSS Grid Breakout of the container snippet by Stephanie EcklesWhat I’ve been up to...2023-11-1211 min
General Musings with Kevin PowellIntrinsic Web DesignIntrinsic Web Design, or Intrinsic Layouts, is a way we can approach writing our CS where we’re handing off a lot of the control the browser. That doesn’t mean we’re letting go of all the control though, but instead that we’re giving the browser hints on what we’d like to happen and letting it do the hard work for us.What I’ve been up to this week: How to make your own frontend roadmap Create a progressively-enhanced infinite horizontal scroll animation The border-radius feature most people don’t know about CSS Mastery wi...2023-10-0113 min
PodRocket - A web development podcast from LogRocketWeird CSS with Stephanie EcklesCSS can be weird and tricky, but Stephanie Eckles, software engineer at Microsoft and author of Modern CSS, returns to talk about how to work with the quirky parts of CSS.
Links
https://thinkdobecreate.com
https://moderncss.dev
https://twitter.com/5t3ph
https://www.linkedin.com/in/stepheckles
https://github.com/5t3ph
Tell us what you think of PodRocket
We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about...2023-09-2032 min
PodRocket - A web development podcast from LogRocketYour UI/UX questions answeredYou had questions about UI and UX design, and we answered. We go through your questions with our panel of experts, Adam Argyle, Stephanie Eckles, and Stacy Kvernmo.
Links
https://twitter.com/Emilykketner
https://moderncss.dev
https://twitter.com/5t3ph
https://thinkdobecreate.com/links
https://github.com/5t3ph
https://codepen.io/5t3ph
https://www.youtube.com/channel/UC8qc2AyBbNmvgIky6236nHA
https://www.twitch.tv/5t3phdev
https://nerdy.dev
https://twitter.com/argyleink
https://github.com/argyleink
https://web.dev...2023-03-3145 min
FSJam PodcastEpisode 80 - Eleventy with Ben MyersBen Myers is a frontend developer at Microsoft and an advocate for web accessibility.In this episode we discuss the fundamentals of Eleventy, how to approach web development from a conservationist's point of view, and utilizing Eleventy Serverless for deferred, on-demand rendering.Ben MyersHomepageTwitterGitHubTwitchSome Anticsshowmy.chatEleventyHomepageTwitterGitHubDiscordLinksFullstack Accessibility with Ben Myers (FSJam31)Slinkity with Ben Holmes (FSJam49)Eleventy Data Cascade DocumentationI Finally Understand Eleventy's Data Cascadeevents.lunch.devEleventy ServerlessA First Look at Eleventy Serverless with Zach Leatherman (Some Antics)Modern CSS with Stephanie Eckles (FSJam63)Incremental...2022-10-0440 min
Word WrapCommunity Building: A Discussion with Nick TaylorClaire chats with Nick Taylor about his time at Forum / Dev.To and aspects of building community, like ways to connect and handling moderation.2022-10-0436 min
Software Developers Journey#219 Stephanie Eckles forces herself to push projects out the doorStephanie's story is one of creativity. She told us how she got into Flash animations and ActionScript in high school. We then talked about WordPress and how she slowly but surely drifted toward web development while freelancing on the side. We discussed open source, pushing projects out of communities, giving back, creating courses, and giving talks. Finally, Stephanie encouraged us to find what sharing medium works for us!Here are the links from the show:https://www.twitter.com/5t3phhttps://www.linkedin.com/in/stepheckles/https://thinkdobecreate.com/https://wordwrap.dev/https://ModernCSS...2022-09-1342 min
Smashing PodcastIs Sass still relevant? with Stephanie EcklesWe ask if Sass is still relevant in 2022 and if it adds any value modern CSS workflows? Vitaly Friedman talks to expert Stephanie Eckles to find out.2022-06-2832 min
PodRocket - A web development podcast from LogRocketScaling CSS with Stephanie EcklesStephanie Eckles is the author of ModernCSS.dev, which provides modern solutions to old CSS problems as in-depth tutorials. Stephanie is an instructor, speaker, and frontend engineer as well as the creator of Style Stage, SmolCSS, and 11ty.Rocks. Stephanie joins us to talk about how to improve your CSS skills.
Links
https://twitter.com/5t3ph
https://moderncss.dev
https://stylestage.dev
https://twitter.com/wordwrapshow
https://smashingconf.com/online-workshops/workshops/stephanie-eckles-july
Follow us. Get free stickers.
Follow us on Apple Podcasts, fill out this form...2022-06-2136 min
Not Just Pixels007 - Design Fundamentals, Should Designers Code, and Accessibility with Mike Mai of PegaToday, I’m talking to Mike Mai.-Mike is currently the principal UI designer at Pegasystems primarily working on design systems. He started out with a strong design background, graduating with a BFA in Graphic Design at Massachusetts College of Art. There, he learned all the design fundamentals that helped him become the accomplished designer he is today.-Last spring, he was my mentor when I was a Design Intern on his team at Pega. And if you’ve checked out the thumbnail of this episode, you know this is g...2022-06-1631 minWord WrapPull Request Commenting and ConventionsSteph and Claire reflect on what they appreciate about pull request comments and discuss tips on how to set reviews up for success by using the tools of your version control platform.2022-06-1322 minWord WrapTeleportation, PapayaWhip, and Cookies with Miriam SuzanneLook, this episode went a little off the rails, but we hope you have fun listening! Thanks to our guest Miriam Suzanne for joining us!2022-05-3044 minWord WrapBuilding a Discord Community with Alex TrostClaire and Steph are joined by Alex Trost, who is a developer experience engineer at Prismic, which is a content management system. Alex is an educator and writes really cool overview articles on his platform, frontend.horse, which also has a very active Discord community.
★ Support this podcast on Patreon ★
2022-05-1630 minWord WrapLive-Streaming Coding with Prince WilsonFollow Prince on Twitch
★ Support this podcast on Patreon ★
2022-05-0233 minWord WrapDoes valid and semantic HTML still matter? With guest Ben MyersBen Myers joins Claire and Steph to discuss the finer points of HTML and why it matters, from accessibility to SEO.2022-04-1834 minWord WrapEpisode 013: Coming into a new code base + welcome to season two!We kick off with a preview of what to expect in season two of Word Wrap. Then, discuss how we've approached exploring a new code base, important considerations, and tips for tools and techniques.
★ Support this podcast on Patreon ★
2022-04-0418 min
FSJam PodcastEpisode 63 - Modern CSS with Stephanie EcklesStephanie Eckles is a Front-End Focused Software Engineer and author of ModernCSS.dev, a course series on modern CSS solutionsfor old CSS problems.In this episode we discuss when CSS became modern, if PostCSS can replace the enduring Sass, the new capabilities enabled by Eleventy Serverless, and the value of online streaming.Stephanie EcklesTwitterGitHubCodepenBlogTwitchModern CSSHome PageLinksCSS Cascade LayersWhen CSS Isn’t Enough: JavaScript Requirements For Accessible ComponentsModern CSS: Grid, Aspect Ratio, Container Queries, and More!Word Wrap - Eleventy and the Rise of Static11ty RocksA First Lo...2022-01-2438 min
Multiply Your Success with Dr. Tom DuFore80. Top 5 Episodes of 2021This is an episode to review the most popular episodes of the 2021 podcast year. We had some amazing guests this year including the then president of the International Franchise Association, Robert Cresanti, Lisa Zeeveld, the COO/CFO of Belay, Landon Eckles the co-founder of Clean Juice, Steve Olsher – the world’s podcast authority and podcast expert, Tom Sullivan the head of government relations with the U.S. Chamber of Commerce and Jesse Cole, the owner of the Savannah Bananas professional baseball team... just to name a few!As we look back on 2021 there were five episodes you all...2021-12-2018 min
DevNewsS6:E3 - New CSS Features, a New Search Engine, and Facebook’s Facial Recognition System in the MetaverseIn this episode, we have an update about Facebook’s Facial Recognition system, and then we get into You.com, which calls itself “the world’s first open search engine.” Then we speak with Stephanie Eckles, software engineer at Microsoft and author of ModernCSS.dev about exciting new CSS updates that were just announced at Chrome Dev Summit 2021.
Show Notes DevDiscuss (sponsor) CodeNewbie (sponsor) Avalanche (sponsor) Facebook is backing away from facial recognition. Meta isn’t. AI-driven search engine You.com takes on Google with $20M You Everything announced at Chrome Dev Summit 2021 Modern CSS Solutions2021-11-1027 min
Café con TechModern CSS with Stephanie EcklesToday I had the joy of talking about CSS and a11y with the amazing Stephanie Eckles.Stephanie is a Frontend focused software engineer author of ModernCSS.dev, where you can find in-depth tutorials about modern solutions to old CSS problems. She is also the creator of Style Stage, SmolCSS, and 11ty.Rocks. And if that is not enough, Stephani is also writing a lot, teaching as an egghead instructor, and podcasting in here Word Wrap podcast. In this episode, we revised some of the CSS pitfalls and tried to answer why CSS was so n...2021-09-0634 min
Café con TechModern CSS with Stephanie EcklesToday I had the joy of talking about CSS and a11y with the amazing Stephanie Eckles.Stephanie is a Frontend focused software engineer author of ModernCSS.dev, where you can find in-depth tutorials about modern solutions to old CSS problems. She is also the creator of Style Stage, SmolCSS, and 11ty.Rocks. And if that is not enough, Stephani is also writing a lot, teaching as an egghead instructor, and podcasting in here Word Wrap podcast. In this episode, we revised some of the CSS pitfalls and tried to answer why CSS was so n...2021-09-0634 minWord WrapEpisode 012: Jamstack and Content Creation with Jason Lengstorf and Phil HawksworthThis episode has a large focus on the Jamstack, including both Jason and Phil's path into it. Spoiler: Phil says "tiddly" a lot.
★ Support this podcast on Patreon ★
2021-06-0143 min
CodePen Radio#317: Chattin’ with Stephanie EcklesI got to chat with Stephanie this week, a senior web engineer at Microsoft, who I've given the prestigious gold-star award for top front-end web development content producer this year ;). She's got so many cool projects like Modern CSS, Style Stage, SmolCSS, and a beginner course on making a website. So many of the sites she makes are in Eleventy, she's taken to teaching that too, like on her site 11ty Rocks and on Egghead. She's always teaching, like through her podcast Word Wrap or in online workshops.
Catch up with Stephanie on CodePen, GitHub, Twitter, and...2021-05-2629 min
The Drunken UX PodcastBuilding Static Sites Using Eleventy w/ Special Guest Stephanie EcklesLooking for an easy entry point to create your first static site? Eleventy might be the right tool for that project. With a low barrier to entry and a lot of support out of the box, it aims to solve the problems of complexity in the environment that other tools struggle with. Stephanie Eckles joins us from 11ty.rocks to discuss how Eleventy aims to stand above the rest.
Followup Resources
Alogolia search providerEleventy Documentation: Getting StartedFront MatterGitHub Actions for NetlifyHow to Use WordPress as a Headless CMS for EleventyNunjucksQuestions to ask before choosing a static...2021-05-2459 minThe Drunken UX PodcastBuilding Static Sites Using Eleventy w/ Special Guest Stephanie EcklesLooking for an easy entry point to create your first static site? Eleventy might be the right tool for that project. With a low barrier to entry and a lot of support out of the...2021-05-2459 min
Frontend HeroesThe Danger Room - w/ Stephanie EcklesWelcome, Citizens of the Globe, to the Frontend Heroes podcast. Our show is now available to watch on Youtube as well as in audio form! Check it out here: https://www.youtube.com/channel/UCnHOQaJkM-ckTkoN8sGLbhQIn this episode we are joined by Stephanie Eckles, author of ModernCSS.dev, Egghead instructor, and creator of styleStage.dev. She joined us to talk about how to start making use of new and modern CSS, as well as just how much new stuff there has been lately. It's an exciting time to be in the front end! Also touched on is te...2021-05-1846 minWord WrapEpisode 011: Miriam Suzanne on CSSWG, Container Queries, Scope, and LayersWe learn more about Miriam's journey into webdev and onto the CSSWG, what she finds frustrating about how others use CSS, the why behind the three specs shes writing, and what she personally wants to use container queries for most.
★ Support this podcast on Patreon ★
2021-05-1828 min
Front End Nerdery Podcast4 - Stephanie EcklesIn this episode I spoke with Stephanie Eckles. Stephanie is a Front End focused developer, mom, creator of Style Stage, 11ty.rocks, SmolCSS.dev and laboratory mastermind of CSS and a11y. We spoke about all of Stephanie's great projects, how she got into web development, and how teaching is one of her favorite things as an instructor at egghead.io! We also talk about CSS and accessibility a bit! Intro/Outro music graciously given permission to use called, "Settle In" by Homer Gaines. Transcripts can be found at https://toddl.dev/podcast/transcripts/eckles/
Show Notes
2021-05-0952 minWord WrapEpisode 010: Finding Your Voice in the Project LifecycleSteph and Claire discuss how their experiences re-inforce that regardless of methodology your team is using, it's important to find your voice in the process. If you're on a team, you're working to make the best product you can and that requires good communication and removing blockers.
★ Support this podcast on Patreon ★
2021-05-0218 minWord WrapEpisode 009: WCAG Success Criteria You May Not Be MeetingYou've likely heard about color contrast, but there's a lot more to accessibility than that. Claire and Steph will also review the upcoming update to the color contrast model, content reflow, touch/target size, and visible focus.
★ Support this podcast on Patreon ★
2021-04-0518 minWord WrapEpisode 008: Common Accessibility FailuresWe kick off part one of our two part accessibility series, starting with semantics and dipping into more complex concepts like roving tabindex and focus trapping.
★ Support this podcast on Patreon ★
2021-03-2521 min
Front End Nerdery Podcast4 - Stephanie EcklesIn this episode I spoke with Stephanie Eckles. Stephanie is a Front End focused developer, mom, creator of Style Stage, 11ty.rocks, SmolCSS.dev and laboratory mastermind of CSS and a11y. We spoke about all of Stephanie's great projects, how she got into web development, and how teaching is one of her favorite things as an instructor at egghead.io! We also talk about CSS and accessibility a bit! (Music by Homer Gaines, called "Settle In")
Transcripts can be found at https://gist.github.com/colabottles/5c71f382388d57c146cb26bca761dcdd
...2021-03-0351 minWord WrapEpisode 007: Considerations for Choosing a JavaScript FrameworkAngular? React? Whatever the flavor of the week is? There's a lot that goes into a decision of which JavaScript framework to choose - or whether to pick one at all!
★ Support this podcast on Patreon ★
2021-02-2815 minWord WrapEpisode 006: Custom Elements aka Web ComponentsIn our first episode of 2021, we decided to do a bit of a different episode. In this episode, we talk about web components. Claire has some answers (be sure to check the notes!) and Steph has some questions. Do you have questions? Let us know.
★ Support this podcast on Patreon ★
2021-01-2815 minWord WrapEpisode 005: Accessibility & 2021 ResolutionsColor contrast is very important - why do folks still ignore it in 2020? Tools, tips and tricks to really make sure your visual experiences are inclusive. Claire discusses a personal anecdote related to color contrast, and Steph really wants to write more CSS. What are some of your resolutions? Tell us at @wordwrapshow on Twitter.
★ Support this podcast on Patreon ★
2020-12-2816 minWord WrapEpisode 004This episode is basically Steph's love letter to Eleventy, and an ode to the 'net, lo-fi.
★ Support this podcast on Patreon ★
2020-12-1113 minWord WrapEpisode 003Claire and Steph discuss the Web, and why it is absolutely crucial to know your Web fundamentals. Inspired by a recent issue on the CSS Working Group's GitHub, we bring it back to the basics.
★ Support this podcast on Patreon ★
2020-11-2912 minWord WrapEpisode 002Claire and Steph talk about their experience with CSS - why it matters, what flavors they've seen, and why that experience matters. Tailwind, CSS-in-JS, even Bootstrap gets a mention!
★ Support this podcast on Patreon ★
2020-11-2216 minWord WrapEpisode 001Claire and Steph introduce themselves in this podcast. We get to hear their journeys into development, and their general tips for how in the world to navigate the development career path. Of course, since it's their first episode, there's some hiccups... but we're just getting started.
★ Support this podcast on Patreon ★
2020-09-3030 min