OddBird

OddBird, 15 days ago to random

@Jamessw and @mia are going Live today at 10am PT (1pm ET)!
Learn about anchor positioning and get your burning questions answered.

Join us: https://www.youtube.com/live/76hIB2L_vs4

mia, 16 days ago to CSS

Doing another @OddBird #CSS livestream tomorrow with @Jamessw to explore Anchor Positioning! What can it do, and when can we start using it?

Join us tomorrow at 10am PT (1pm ET) on youtube:

https://www.youtube.com/live/76hIB2L_vs4

OddBird, 22 days ago to CSS

Thanks to everyone who joined us for our first ever Winging It Live stream last week! We had so much fun with you all that we're planning another one on May 30 @ 1pm ET / 11am MT.

Miriam (@mia) and James (@Jamessw) are going to discuss Anchor Positioning. Leave your questions in the comments. We'll post the link to the live stream here next week. Or you can subscribe to get updates.

#css https://www.youtube.com/@wingingitoddbird

OddBird, 23 days ago to CSS

Cascading Layouts: A workshop on resilient CSS layouts. https://www.oddbird.net/workshops/cascading-layouts/

Take your sites to the next level with Miriam Suzanne @mia in this 3-session, online workshop on building more resilient and maintainable web layouts using modern #css.

June 24 - 26 9:00a - 11:30a PT Register Today!

OddBird, 30 days ago to 11ty

A big thank you to the #11ty speaker who contributed a portion of their honorarium to support OddBird's open source work!

https://opencollective.com/oddbird-open-source/contributions/761810

OddBird, 1 month ago to CSS

3 days until the @eleventy's International Symposium on Making Web Sites Real Good!

@mia will be there doing a quick dive into the origins of the web, and #CSS in particular—the design constraints, and the range of strange proposals, and how we got where we are.

https://conf.11ty.dev/

OddBird, 1 month ago to CSS

CSS Anchor Positioning is yet another fantastic new upcoming #CSS feature, but you don't have to wait to use it, @OddBird has a polyfill for that!

https://www.youtube.com/shorts/CAPa_tGHlC8

OddBird, 3 months ago to CSS

In today's Cascading Style Systems Workshop with @smashingconf, @mia showed how we can use #CSS Custom Properties to create Mixin-like behavior in CSS! Check out this CodePen to see it in action.
https://codepen.io/miriamsuzanne/pen/BEvjbm

OddBird, 3 months ago to random

Layers, Scope, Variables, oh My! We are excited for @mia's Cascading Styles workshop with @smashingconf starting on Monday. We'll cover many of the new and advanced CSS features and how to think in a systematic approach … there’s still room, we hope to see you there.

Tickets: https://smashingconf.com/online-workshops/workshops/modern-css-miriam-suzanne/

OddBird, 4 months ago to CSS

Have you started using #CSS Container Queries yet? Get a taste of how they work in this short from @stacy.

If you want more Container Queries fun, @mia's going to be doing a deep dive during her Cascading Style Systems: Resilient & Maintainable CSS workshop with @smashingconf coming up Feb 26-Mar 12.

https://www.youtube.com/shorts/BM7tStvYXyY

OddBird, 4 months ago to CSS

If you ever feel lost in the #CSS weeds, wrestling with the cascade, or you just want to improve your workflow with modern, efficient, and maintainable stylesheets, then this workshop with @mia is for you!

Cascading Style Systems: Resilient & Maintainable CSS
Mon & Tue, Feb 26 – Mar 12, 2024
Hosted by @smashingconf

https://smashingconf.com/online-workshops/workshops/modern-css-miriam-suzanne

#frontend #containerqueries #flexbox #cssgrid

OddBird, 5 months ago to CSS

OddNews Issue 08 |
In this issue @mia chats with ShopTalk Show about Cascade Layers, CSS Functions, and more.
@sondrae writes about making websites more intuitive. Plus, there’s a new way to support our open source projects.

https://us19.campaign-archive.com/?u=80219aa68d7bad77b9fd2eb93&id=035c485ceb
#css #webdesign #intuitivedesign #oss #webdevelopment

OddBird, 9 months ago to random

We're planning to record our 2nd Winging It episode tomorrow! @mia and @sondrae will talk with @jerivas about the benefits and best uses for HTMX.

Do you all have any HTMX related questions you'd like us to tackle?

https://www.youtube.com/@wingingitoddbird

OddBird, 10 months ago to random

The browser support is pretty good for CSS Cascade Layers, but if you need more you can try the PostCSS Cascade Layers polyfill. Check out this demo to see how the polyfill is used: https://layers-polyfill-example.netlify.app/

OddBird, 10 months ago to UXDesign

We just released OddContrast, a color contrast checker featuring newer color formats like Oklch, Oklab, the Display P3 color space, and more.

This tool is still in development, so we'd love to hear your feedback. What additional features would you prioritize?
#uxdesign #webdesign #accessibility
https://www.oddbird.net/oddcontrast/

OddBird, 10 months ago to CSS

If you haven't yet signed up for OddNews, here's your formal invitation to check it out. 💌

In Issue 05 we announce the launch of a new show 🎙️🐦 and a new tool for designers 🎨! Also we feature a very odd bird that looks kinda like a penguin, but is something else entirely.

https://us19.campaign-archive.com/?u=80219aa68d7bad77b9fd2eb93&id=a9b0398af4
#CSS #webdev #webdesign

OddBird, 10 months ago to CSS

Winging It show has officially taken flight! 🦉 OddBird is super happy to be launching our new channel today. This is a first for us, so please give us all the feedback. What did you find helpful? What burning questions should we dive into next?

Ep 01 introduces #CSS Layers and how to use them in your projects.

https://www.youtube.com/@wingingitoddbird

OddBird, 10 months ago to random

We're really excited to get your feedback on our new channel, Winging It, coming very soon. In the first show @mia, @jerivas, and @stacy talk about CSS Layers. Sign up for OddNews, if you'd like to know when it comes out. http://www.oddbird.net/oddnews/

If you've ever been in a specificity war, this first episode is for you!

OddBird, 11 months ago to random

Are you curious about @mia's latest work in container queries? Or how to use the new split() function in Sass? Want to know which bird can pass the mirror test, meaning that they are self-aware? 🤯🪞
Read the new issue of OddNews to find out!
https://www.oddbird.net/oddnews/