RT Chrome Developers
🆕 GUI Challenge: Tabs
✅ accessible
✅ fluid
✅ responsive
✅ works without the JS
Follow @argyleink as he breaks down the markup, layouts, animations (like @ScrollTimeline usage), and more on YouTube!
share yours, if you're up to the challenge 😈
https://www.youtube.com/watch?v=mMBcHcvxuuA
We may not have conditional CSS, but here's a trick from Yair Even Or using @keyframes for state.
https://css-tricks.com/css-switch-case-conditions/
Use CSS Clamp to create a more flexible wrapper utility
https://css-tricks.com/use-css-clamp-to-create-a-more-flexible-wrapper-utility/
Front of the Front / Back of the Front
https://css-tricks.com/front-of-the-front-back-of-the-front/
How to Create a Shrinking Header on Scroll Without JavaScript by @brynjulfs1
https://css-tricks.com/how-to-create-a-shrinking-header-on-scroll-without-javascript/
Maximally optimizing image loading for the web in 2021
https://css-tricks.com/maximally-optimizing-image-loading-for-the-web-in-2021/
The web didn’t change; you did
https://css-tricks.com/the-web-didnt-change-you-did/
Using AbortController as an Alternative for Removing Event Listeners by Carter Li
https://css-tricks.com/using-abortcontroller-as-an-alternative-for-removing-event-listeners/
Beautiful accessibility with Floating Focus
https://css-tricks.com/beautiful-accessibility-with-floating-focus/
Front-End Dissatisfaction (and Backing Off)
https://css-tricks.com/front-end-dissatisfaction-and-backing-off/
Weekly Platform News: WebKit autofill, Using Cursor Pointer, Delaying Autoplay Videos
https://css-tricks.com/weekly-platform-news-webkit-autofill-using-cursor-pointer-delaying-autoplay-videos/
Don’t put pointer-events: none on form labels
https://css-tricks.com/dont-put-pointer-events-none-on-form-labels/
Responsible Web Applications
https://css-tricks.com/responsible-web-applications/
Check out @seancdavis29's ideas for reconciling the CMS editing experience with developer experience making components.
https://css-tricks.com/reconciling-editor-experience-and-developer-experience-in-the-cms/
The Devil’s Albatross
https://css-tricks.com/the-devils-albatross/
RT Nicole Sullivan
Y'ALL. It's really happening! @csswg: Define container queries in css-contain-3, editors L2 editors + Miriam"
https://github.com/w3c/csswg-drafts/issues/5796
Is CSS float deprecated?
https://css-tricks.com/is-css-float-deprecated/
Progressive Web Apps in 2021
https://css-tricks.com/progressive-web-apps-in-2021/
WordPress 5.7: Big ol’ jQuery Update
https://css-tricks.com/wordpress-5-7-big-ol-jquery-update/
How to Build a GraphQL API for Text Analytics with Python, Flask and @fauna
https://css-tricks.com/how-to-build-a-graphql-api-for-text-analytics-with-python-flask-and-fauna/
