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.
Of all the reasons we love and use Jetpack for CSS-Tricks—a poster child WordPress site—is that we can sleep easy at night knowing we have real-time backups running with Jetpack Backup. That way, no matter what, everything …
The post What’s the Backup Plan for Your WordPress Site? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/whats-the-backup-plan-for-your-wordpress-site/
React component tests should be interesting, straightforward, and easy for a human to build and maintain. Yet, the current state of the testing library ecosystem is not sufficient to motivate developers to write consistent JavaScript tests for React components. Testing …
The post React Component Tests for Humans appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
One of the things I do when teaching beginning front-end development is ask students to describe what it’s like to read HTML. I give them pretty basic markup for a long-form article, and ask them to read it twice: first …
The post To the brain, reading computer code is not the same as reading language appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://www.sciencedaily.com/releases/2020/12/201215131236.htm
Let’s talk shadows in web design. Shadows add texture, perspective, and emphasize the dimensions of objects. In web design, using light and shadow can add physical realism and can be used to make rich, tactile interfaces. Take the landing page …
The post Getting Deep into Shadows appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
On a default left-to-right web page, “hanging” an element off the right side of the page (e.g. position: absolute; right: -100px;) triggers a horizontal scrollbar that scrolls as far as needed to make that whole element visible. But if …
The post Clipping Scrollable Areas On The inline-start Side appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://ishadeed.com/article/clip-scrollable-areas-inline-start/
Turns out you can use several different libraries to pass color information around components. Or, you could use custom properties, built right into CSS, have no decline in your own developer experience, and deliver a faster experience to your users. …
The post Use CSS Variables instead of React Context appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.