mastodon 4.7.3Custom web apps and design systems, developed in thoughtful collaboration. A small agency with a big presence in the community – including core contributors to the CSS Working Group, Sass, and Django.
On Feb's Winging It show @stacy@front-end.social, @mia@front-end.social, and @jamessw@front-end.social demoed how to build a type scale for your website, including:
- How to work with user default font size
- How the fonts respond to viewport sizes
- How to generate a ‘scale’ of relative font-sizes
- How do our scales scale?! Making the scale itself responsive
- Bonus: Spacing relative to both the screen and text
Explore Container Queries with @mia@front-end.social in the context of the delicious Baseline Bakery. Donuts & #CSS? Yum!
https://www.oddbird.net/2026/02/18/queries-units-actions/
Shared in the February issue of OddNews:
https://us19.campaign-archive.com/?u=80219aa68d7bad77b9fd2eb93&id=1acb788ed8
While working on her Poetic CSS video course, @mia@front-end.social created a little demo to imagine CSS without inheritance.
Read her thoughts and play with the demo in this month's issue of OddNews.
Code: https://codepen.io/editor/miriamsuzanne/pen/019bc2a2-eeff-71a5-bc7b-9be67951257b
Read: https://us19.campaign-archive.com/?e=%5BUNIQID%5D&u=80219aa68d7bad77b9fd2eb93&id=df289c1254
Make It Ugly, for Clients: Beautiful design mockups can be distracting, giving a false sense of what is complete and what still needs to be done.
https://www.oddbird.net/2025/12/11/make-it-ugly/
This article was published in Dec's OddNews: https://us19.campaign-archive.com/?u=80219aa68d7bad77b9fd2eb93&id=796041cf26
Thank you to @tixie@mastodon.guerilla.studio and Yosh W for supporting @mia@front-end.social and OddBird's open source work. Our focus is polyfills and #CSS specs for functions, mixins, and responsive typography.
Help us keep this work sustainable and focused on your needs: https://opencollective.com/oddbird-open-source
March OddNews...
...is all about quick & easy UI wins using baseline #CSS features. Read @stacy@front-end.social's article or watch the latest Winging It show episode.
We cover:
- AVIF
- Lazy Loading
- @starting-style
- Backdrop-filter
- Relative colors
- Text-box
Make the Web a More Colorful Place!
Stacy @stacy@front-end.social created a tutorial for using new color spaces & formats with OddContrast.
Convert colors
See gamut boundaries
Check contrast
Share & bookmark combinations
Copy & swap colors
Read in OddNews:
https://us19.campaign-archive.com/?u=80219aa68d7bad77b9fd2eb93&id=3ea3627c16
Dec 17, 1996 W3C published the first standard for CSS, and we are celebrating on Winging It! If you love #CSS as much as we do, then we hope you'll play along with host @stacy@front-end.social on the "CSS Is Awesome Game" Tue, Dec 17, 2024 at 1pm Eastern.
Special guests TBA!
https://www.youtube.com/live/fYfs6sKGciQ
Using #HTMX for infinite scroll with @jerivas@indieweb.social, @mia@front-end.social, and @sondrae@mastodon.social.
For the full demo, check out:
https://www.oddbird.net/2023/09/19/winging-it-02/
If you need htmx development, we're happy to help! https://www.oddbird.net/contact/
Right now, @stacy@front-end.social, @jamessw@front-end.social, and @mia@front-end.social are live, exploring quick UI wins.
https://www.youtube.com/live/kIJv7eB3d-8