In this week’s roundup, we highlight a proposal for a new element, check the use of prefers-reduced-motion on award-winning sites, learn how to opt into cross-origin isolation, see how WhiteHouse.gov approaches accessibility, and warn the dangers of 100vh.…
The post Weekly Platform News: Reduced Motion, CORS, WhiteHouse.gov, popups, and 100vw appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
In every project where I use Tailwind CSS, I end up adding something to it. Some of these things I add in every single project. I’ll share these with you, but I’m also curious what y’all are adding to …
The post The Things I Add to Tailwind CSS Right Out of the Box appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
A wonderful post by Josh that both introduces CSS transitions and covers the nuances for using them effectively. I like the advice about transitioning the position of an element, leaving the original space it occupied alone so it doesn’t result …
The post An Interactive Guide to CSS Transitions appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Tobi Reif notes how the position of custom fonts set at very large font sizes can be super different, even in the same browser across operating systems. The solution? Well, you know how there are certain CSS properties that only …
The post Ensuring the correct vertical position of large text appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://tobireif.com/posts/ensuring_the_correct_vertical_position_of_large_text/
I recently started working on a Progressive Web App (PWA) for a client with my team. We’re using React with client-side routing via React Router, and one of the first elements that we made was the main menu. Menus …
The post How We Improved the Accessibility of Our Single Page App Menu appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/how-we-improved-the-accessibility-of-our-single-page-app-menu/
Sendbird is a service for helping you add social features to your app. Wanna add in-app chat? Sendbird does that. Wanna add in-app voice or video calls? Sendbird does that. Here’s how I always think about stuff like this. Whatever …
The post Boost app engagement with chat, voice, and video APIs appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/boost-app-engagement-with-chat-voice-and-video-apis/
It feels like a trend (and a smart one) for tech platforms to invest in really high-quality learning material for their platform. Let’s have a gander. Webflow University Surely Webflow is thinking: if people invest in learning Webflow, they’ll be …
The post Teaching Web Dev for Free is Good Business appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/teaching-web-dev-for-free-is-good-business/
The other day, Florens Verschelde asked about defining dark mode styles for both a class and a media query, without repeat CSS custom properties declarations. I had run into this issue in the past but hadn’t come up with a …
The post A DRY Approach to Color Themes in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/a-dry-approach-to-color-themes-in-css/
A wonderful collection of little layout-related CSS snippets from Stephanie Eckles that serves both as a quick reference and a reminder of how straightforward and powerful CSS has become. Random things to note!
The resizeable containers aren’t some JavaScript library.
…
The post SmolCSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
We’ve covered the idea of hiding things in CSS many times here, the most recent post being Marko Ilic’s “Comparing Various Ways to Hide Things in CSS” which did a nice job of comparing different techniques which you’d use in different …
The post Hiding Content Responsibly appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.