Search
CSS Switch-Case Conditions
17.2.2021
CSS is yet to have a switch rule or conditional if, aside from the specific nature of @media queries and some deep trickery with CSS custom properties. Let’s have a look at why it would be useful if we …
The post CSS Switch-Case Conditions appeared first on CSS-Tricks.
You can support...
Microsoft and Enjin Bring Cross-Platform Custom NFTs to Minecraft
11.2.2021
To celebrate the International Day of Women and Girls in Science, players earn badges while learning from prominent female scientists
Please Enjoy These Custom Yoshi Sneakers
4.2.2021
For this pair of custom sneakers, which he stitched up using his own leather, Kenneth Cole decided on two things. First, he was going to make a pair of Dunks, and second, he was going to make them Yoshi Dunks.Read more
Modder Forms Amazing Custom PC Out Of '80s Voltron Toy Castle
22.1.2021
When ‘80s kid Robdp82 found a relatively rare 1984 Voltron “Castle of Lions” playset in his mother’s attic, he did what any nostalgia-loving computer builder would do—he transformed it into a lovely Voltron-themed custom PC, complete with five color-coded lion SSDs.Read more
useStateInCustomProperties
21.1.2021
In my recent “Custom Properties as State” post, one of the things I mentioned was that theoretically, UI libraries, like React and Vue, could automatically map the state they manage over to CSS Custom Properties so we could use that state …
The post...
How to Play and Pause CSS Animations with CSS Custom Properties
21.1.2021
Let’s have a look CSS @keyframes animations, and specifically about how you can pause and otherwise control them. There is a CSS property specifically for it, that can be controlled with JavaScript, but there is plenty of nuance to get …
The post How to Play and Pause CSS Animations with...
3 Approaches to Integrate React with Custom Elements
15.1.2021
In my role as a web developer who sits at the intersection of design and code, I am drawn to Web Components because of their portability. It makes sense: custom elements are fully-functional HTML elements that work in all modern …
The post 3 Approaches to Integrate React with Custom Elements...
Custom Black PS5s Go On Sale, Then Don't, After Website Claims "Credible Threats To [Their] Safety"
11.1.2021
Last week, a website popped up promising to sell brand new PS5 consoles that would be purchased, painted black, then resold for a $100 premium. That’s no longer going to happen.Read more
The PS5's DualSense Is The Perfect Canvas
7.1.2021
One of my first thoughts upon seeing the futuristic armored look of the PlayStation 5’s Dualsense controller was, “Man, I bet that’s going to look awesome with a custom paint job.” Indulging my pink and black obsession, the painting pros at Colorware have confirmed my hypothesis.Read more
Custom Properties as State
5.1.2021
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...
Make Your Own Tools
4.1.2021
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...
Custom Styles in GitHub Readme Files
23.12.2020
Even though GitHub Readme files (typically ./readme.md) are Markdown, and although Markdown supports HTML, you can’t put <style> or <script> tags init. (Well, you can, they just get stripped.) So you can’t apply custom styles there. Or can you?
You can use SVG as...
Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode
10.12.2020
Black isn’t always slimming.
When recently testing a dark mode option for one of my sites, I experienced first-hand the issue that Robin Rendle addresses in this article. All of my page text — headings and body copy — appeared to bulk up when I switched to dark mode. And it didn’t matter what fonts...
Color Theming with CSS Custom Properties and Tailwind
19.11.2020
Custom properties not only enable us to make our code more efficient, but allow us to work some real magic with CSS too. One area where they have huge potential is theming. At Atomic Smash we use Tailwind CSS, a utility class framework, for writing our styles. In this article, we’ll look at...
Copyediting with Semantic HTML
17.11.2020
Tracking changes is a quintessential copyediting feature for comparing versions of content. While we’re used to tracking changes in a word processing document, we actually have HTML elements capable of that. There are a lot of elements that we can use for this process. The main ones we’ll look...
Jetpack Backup
17.11.2020
It’s no secret that CSS-Tricks is a WordPress site. And as such, we like to keep things WordPress-y, like enabling the block editor and creating some custom blocks. We also rely on Jetpack for a number of things, which if you haven’t tried, is definitely worth your time as it’s...
Build an app for monday.com and potentially win BIG
5.11.2020
monday.com is an online Work OS platform where teams create custom workflows in minutes to run their projects, processes, and everyday work.
Over 100,000 teams use monday.com to work together.
They have launched a brand new app marketplace for monday.com, meaning you can add tools built...
Jak navrhovat komplexní asynchronní aplikace?
5.11.2020
Desátý Reactive Online Meetup představí téma asynchronních aplikací. Přednášet budou Alexander Smirnov z MEWS a David Khourshid z Microsoftu. Alexander Smirnov v přednášce „Running custom neural networks in a browser“ popíše klasifikační model.…
The CSS Custom Property Toggle Trick
29.10.2020
Back in July 2020, I got an email from James0x57 (I always try to refer to people by their name, but I think I get the sense they prefer to go by screen name) that says:
The entire world of branching conditional logic and bulk feature toggling for custom CSS properties is possible and only exists...
Announcing the 2020 State of CSS Survey
20.10.2020
Last year’s State of CSS Survey yielded interesting results. There’s the quick adoption of features, like calc() and CSS custom properties. There’s also the overwhelming opinion that CSS is fun to write even as we see a growing reliance on CSS-in JS. We also saw some predictable...