Win a Copy of Zell Liew’s Learn JavaScript Course

Zell Liew is giving away 10 free copies of his Learn JavaScript course, and entering the giveaway is pretty easy: sign up for his newsletter. I’ve personally subscribed for some time now and all I get is as occasional …

The post Win a Copy of Zell Liew’s Learn JavaScript Course appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://zellwk.com/blog/2021-giveaway/

4y | CSS tricks
Theming and Theme Switching with React and styled-components

I recently had a project with a requirement to support theming on the website. It was a bit of a strange requirement, as the application is mostly used by a handful of administrators. An even bigger surprise was that they …

The post Theming and Theme Switching with React and styled-components appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/theming-and-theme-switching-with-react-and-styled-components/

4y | CSS tricks
Styling Code In and Out of Blocks

There is a tag in HTML. I literally just used it to wrap that tag in the previous sentence — so meta. It is an inline-by-default element that denotes any sort of code. It has default (user agent) styles …

The post Styling Code In and Out of Blocks appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/styling-code-in-and-out-of-blocks/

4y | CSS tricks
Whack-a-Mole: The CSS Edition

We’ve seen the checkbox hack and how it can be used to build a complete state machine in CSS. Today, we’ll take that line of thought a step further and build a simple game of Whack-A-Mole, where the player needs …

The post Whack-a-Mole: The CSS Edition appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/whack-a-mole-the-css-edition/

4y | CSS tricks
Some Recent Videos About Websites That Are Pretty Good

Here’s a little hodgepodge of videos I’ve recently bookmarked (and watched). I couldn’t decide if each one of them should be a separate blog post or if I should do this combined list post thing. If I had a lot …

The post Some Recent Videos About Websites That Are Pretty Good appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/some-recent-videos-about-websites-that-are-pretty-good/

4y | CSS tricks
Custom Properties as State

Here’s a fun idea from James Stanley: a CSS file (that presumably updates daily) containing CSS custom properties for “seasonal” colors (e.g. spring is greens, fall is oranges). You’d then use the values to theme your site, knowing that those …

The post Custom Properties as State appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/custom-properties-as-state/

4y | CSS tricks
Creating Arrays in Hasura

Hasura is one of my favorite ways to create a managed GraphQL API for my applications. I find it easy and straightforward as well as suitable for a wide range of use cases. However, since working with Hasura, I’ve seen …

The post Creating Arrays in Hasura appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/creating-arrays-in-hasura/

4y | CSS tricks
The End of Adobe Flash

I come to bury Flash, not to praise it, writes Matt May in this excellent thread about the end of Adobe Flash. Not so long ago, web designers used Flash to create striking visuals and animations and games. But …

The post The End of Adobe Flash appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://twitter.com/mattmay/status/1344728355912880129

4y | CSS tricks
Make Your Own Tools

Spencer Miskoviak on the Wealthfront blog:

By creating custom DevTools specific to an app, they can operate at an even higher abstraction to handle things like user interactions, or debugging tracking events. While this requires building and maintaining the

The post Make Your Own Tools appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/make-your-own-tools/

4y | CSS tricks
Centering in CSS

Adam Argyle has a post over on web.dev digging into this. He starts with the assumption that you need to do vertical centering and horizontal centering. It’s that vertical centering that has traditionally been a bit trickier for folks, particularly …

The post Centering in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://web.dev/centering-in-css/

4y | CSS tricks

Chercher