Smashing Hour with Miriam Suzanne
I joined Geoff Graham for a Smashing live stream to talk about CSS, web standards, music, and more!
Video
post type
2024 Posts
Article post typeLearn Grid Now, Container Queries Can Wait
Take your time with new CSS, but don’t sleep on the essentials
Several people have asked recently why container queries aren’t being used more broadly in production. But I think we underestimate the level of legacy browser support that most companies require to re-write a code-base.
Video post typeWeb Development Is Theater
I joined Den Delimarsky on the Work Item podcast to talk about my path as a developer – from building a website for my theater company, to building a career and a company around it. In this show, we talk about the power of the web, and how CSS is…
Article post typeCan you un-mix a mixin?
Rethinking the CSS mixin proposal after CSS Day
The CSS Working Group has agreed to move forward with CSS-native mixins. But some recent mixin-like CSS tricks have an advantage that the official proposal doesn’t account for: they make it easy to remove a mixin after it’s already been mixed in.
Podcast post typeCollaboration, the Future of CSS, Sass, and the Web with Miriam Suzanne
In this episode of the Mechanical Ink podcast, host Schalk Neethling sits down with Miriam Suzanne, a multifaceted expert in web development, an invited expert to the CSS Working Group, and a founder of OddBird.
Winging It post typeCSS Anchor Positioning in Practice
What is Anchor Positioning? Why is it exciting? What can you use it for? How does the polyfill work? Join James Stuckey Weber and Miriam Suzanne as they talk through these questions and answer yours in our monthly live stream.
Winging It post typeCSS Container Queries in Practice
Miriam Suzanne and Stacy Kvernmo talk about CSS Container Queries and the unexpected things that happen when you add containment. Some elements completely collapse! What’s going on there? We had questions and thought you might too. So we talk through the issue in our monthly live stream.
Winging It post typeProxy State
For simple interactive sites, using a proxy to manage your state and side effects may be enough.
Article post typeGenerating Frontend API Clients from OpenAPI
API changes can be a headache in the frontend, but some initial setup can help you develop and adapt to API changes as they come. In this article, we look at one method of using OpenAPI to generate a typesafe and up-to-date frontend API client.
Winging It post typeStreamline Your API Development with FastAPI
Join us for a dynamic exploration of FastAPI, a modern Python framework for API development.
Article post typeSetting up Sass
pkg:URLsA quick guide to using the new Node.js package importer
Enabling
pkg:URLs is quick and straightforward, and simplifies using packages from thenode_modulesfolder.
Article post typeTesting FastAPI Applications
We explore the useful testing capabilities provided by FastAPI and pytest, and how to leverage them to produce a complete and reliable test suite for your application.
Article post typeProxy Is What’s in Store
You may not need anything more
When adding interactivity to a web app, it can be tempting to reach for a framework to manage state. But sometimes, all you need is a Proxy.
2023
Link post typeCSS @scope
Keep selector conflicts to a minimum
The new
@scoperule is here! It’s a better way to keep our component styles contained – without relying on third-party tools or extreme naming conventions.
Winging It post typeAlign Designers and Developers with OOUX
An object map is a place to document information about objects in your digital system, keeping everyone involved on the same page. During our conversation, we walk through examples and discuss the benefits of using object maps.
