This is a neat tool for testing color contrast with support for multiple formats. Thanks OddBird

Exciting times for choosing color for your project.
OddBird's color tool OddContrast.com is a great place to explore the range of options while also checking contrast. Here's a short that shows it in action youtube.com/shorts/uIj30wZ…

When an entire #javascript library is too much, try using proxies for managing state. Learn how with James Stuckey Weber on Winging It Ep 6.

On Episode 6 of Winging It we discussed using proxies for state management. youtube.com/watch?v=gs94cn…

💎 Color contrast checker with Oklch, Oklab, and P3 support

OddContrast is an online color contrast checker that supports various color formats—from HEX and HSL to Oklch and P3

Need a little inspiration? Check out these birds made entirely from CSS in OddNews Issue 10 (rb.gy/gfappf) like this cute example from Fehrenbach Baptiste on CodePen. codepen.io/medrupaloscil/….

#CSS #design

As a frontend dev, James Stuckey Weber is a huge fan of hashtag OpenAPI. In his latest article, he shares his favorite OpenAPI trick- using it to generate his entire frontend client, and just not have to write all that boilerplate.
oddbird.net/2024/04/03/gen…
#FrontEndDeveloper #API

Our team with @[email protected] has spent years working on #CSS specs. This is OSS work, but (like many others) funding was cut this year.

OddBird will fund what we can. If you or your company want to help, you can support that work through Open Collective: opencollective.com/oddbird-open-s…

FastAPI: Streamline Your API Development

Join Ed Rivas, David Herron, and James Stuckey Weber for a dynamic exploration of #FastAPI , a modern #Python framework for #API development.

youtu.be/1fSRG8_C2ms?si…

We've got Jeremy Keith, Cosmic Red (dark mode), Josh W. Comeau, Julia Miocene, Kevin Powell, Rachel Andrew, Roel Nieskens, @[email protected], Roma Komarov (inactive), Sara Soueidan, Matthias Ott, Sarah Dayan, Stephen Hay (@[email protected]) & 🦋@tabatkins.com (bsky) lined up for you. Two more to add.

Are you joining? cssday.nl/2024

Big Color.js release today: v0.5.0, which has been in the works for 9 months!
Details: github.com/color-js/color…
NPM: npmjs.com/package/colorj…

Huge props to Color.js’s fantastic maintainer team, and especially Jonny Gerig Meyer who drove this to the finish line!

In today's Cascading Style Systems Smashing Workshop, Miriam Suzanne showed how we can use CSS Custom Properties to create Mixin-like behavior in CSS! Check out this CodePen to see it in action.
codepen.io/miriamsuzanne/…

Ditch the `~` or `../../../node_modules`- Sass now supports `pkg:` URLs to load your Node modules.

It's a super easy migration. James Stuckey Weber wrote a quick guide explaining how to do it in Webpack or Vite.

#CSS #Sass
oddbird.net/2024/02/22/pkg…

Layers, Scope, Variables, oh My! We are excited for @[email protected]'s Cascading Styles workshop with SmashingConf on Monday. We'll cover new and advanced #CSS features, and how to think in a systematic approach. There’s still room, we hope to see you there: smashingconf.com/online-worksho…

Have you started using Container Queries yet? Check out Miriam Suzanne's upcoming online workshop to learn way more about Container Queries as well as other modern CSS features smashingconf.com/online-worksho…

Only 12 more days until @[email protected]'s Cascading Style Systems: Resilient & Maintainable CSS workshop with SmashingConf. There's still time to sign up or even be an early bird for one of these other fantastic workshops!

And we do love birds! 🦤

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 with Ed Rivas at @oddbird.

#api #backenddeveloper #python
oddbird.net/2024/02/09/tes…

OddNews Issue 09 |
In this issue: A sneak preview of @[email protected]'s #CSS Workshop, a Proxy tutorial from James Stuckey Weber, new features for OddContrast color contrast checker, and how to draw a bird.
us19.campaign-archive.com/?u=80219aa68d7…
#ux #accessibilitychecker