Search
Faulty logic
14.12.2021
Ain’t this the truth:
It’s like when you’re learning a new language. At some point your brain goes from translating from your mother tongue into the other language, and instead starts thinking in that other language.
I don’t speak …
Control Layout in a Multi-Directional Website
23.11.2021
Many business websites need a multilingual setup. As with anything development-related, implementing one in an easy, efficient, and maintainable way is desirable. Designing and developing to be ready for multiple languages, whether it happens right at launch or is expected …
The post Control...
Parallax Powered by CSS Custom Properties
19.11.2021
Good friend Kent C. Dodds has recently dropped his new website which had a lot of work go into it. I was fortunate enough that Kent reached out a while back and asked if I could come up with some …
The post Parallax Powered by CSS Custom Properties appeared first on CSS-Tricks. You...
Real Estate Platform Pacaso Accepts Crypto Assets for Payments, CEO Says ‘Mass Crypto Adoption Well Underway’
21.10.2021
On October 20, the day bitcoin smashed a new all-time price high, the real estate platform Pacaso announced it will be accepting cryptocurrencies via Bitpay. The CEO of the real estate firm that helps people buy and co-own a second home, Austin Allison, says the firm has seen increased crypto...
Different Degrees of Custom Property Usage
14.10.2021
One way to work with Custom Properties is to think of them as design tokens. Colors, spacings, fonts, and whatnot. You set them at the root of the page and use them throughout your CSS. Very useful, and the classic …
The post Different Degrees of Custom Property Usage appeared first...
Kyoto Looks Different Without All The Tourists
1.9.2021
This June, for the first time in a long time, I went to Kyoto with my kids to see the sights. But like everywhere, the city felt different. Something was missing. It was summer. The kids needed something to do. Kyoto Prefecture is not far from where I live in Osaka. I can be there in 20 minutes...
Martin Luther King, Jr.’s Daughter Distances Herself From Fortnite Event
30.8.2021
To the surprise of many, Epic Games added a new mode to Fortnite last week celebrating the legacy of the March on Washington for Jobs and Freedom and the man who led it, Martin Luther King, Jr. But Bernice King, the civil rights icon’s daughter, has since distanced herself from the event. It...
The Big Gotcha With Custom Properties
19.8.2021
I’ve seen this confuse more than a handful of people recently, including myself, so I’m making sure it’s written down.
Let’s chuck a couple of custom properties into CSS:
html {
--color-1: red;
--color-2: blue;
}
Let’s use them right …
The post The...
Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc()
6.8.2021
I recently wrote a very basic Sass loop that outputs several padding and margin utility classes. Nothing fancy, really, just a Sass map with 11 spacing values, looped over to create classes for both padding and margin on each side. …
The post Efficient Infinite Utility Helpers Using Inline...
Using Absolute Value, Sign, Rounding and Modulo in CSS Today
28.7.2021
For quite a while now, the CSS spec has included a lot of really useful mathematical functions, such as trigonometric functions (sin(), cos(), tan(), asin(), acos(), atan(), atan2()), exponential functions (…
The post Using Absolute Value, Sign, Rounding and Modulo in CSS Today appeared...
CSS Logical Properties and Values
27.7.2021
Now that cross-browser support is at a tipping point, it’s a good time to take a look at logical properties and values. If you’re creating a website in multiple languages, logical properties and values are incredibly useful. Even if you’re …
The post CSS Logical Properties...
Organize your CSS declarations alphabetically
23.7.2021
Eric, again not mincin’ no words with blog post titles. This is me:
The most common CSS declaration organization technique I come across is none whatsoever.
Almost none, anyway. I tend to group them by whatever dumps out of my …
The post Organize your CSS declarations alphabetically...
From $100 Million to Nothing — Biographer Claims John McAfee Was Broke When He Died
19.7.2021
Just before the antivirus tycoon John McAfee was found dead in Spain, he told the public from prison that U.S. federal authorities seized all of his assets and he had “nothing.” Now a biographer who is writing a McAfee-based biography has corroborated McAfee’s story. The author...
Of Course We Can Make a CSS-Only Clock That Tells the Current Time!
16.7.2021
Let’s build a fully functioning and settable “analog” clock with CSS custom properties and the calc() function. Then we’ll convert it into a “digital” clock as well. All this with no JavaScript!
Here’s a quick look at the clocks …
The post Of Course We Can Make a CSS-Only Clock That Tells...
The Dilemma of Naming Font Size Variables
6.7.2021
Normally, a project will have a set of pre-determined font sizes, usually as variables named in such a way that seeks some semblance of order and consistency. Any project of considerable size can use something like that. There are always …
The post The Dilemma of Naming Font Size Variables...
Custom Property Brain Twisters
25.6.2021
I am part of that 82% that got the answer to Lea Verou's quiz wrong. Stephen Shaw posted a similar quiz as well and it's a fun exercise sharpen your CSS chops.
The post Custom Property Brain Twisters appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter
Drawing Graphics with the CSS Paint API
18.6.2021
A practical introduction to the CSS Paint API with hands-on examples.
The post Drawing Graphics with the CSS Paint API appeared first on Codrops
Are Custom Properties a “Menu of What Will Change”?
2.6.2021
PPK laid out an interesting situation in “Two options for using custom properties” where he and Stefan Judis had two different approaches for doing the same thing with custom properties. In one approach, hover and focus styles for a …
The post Are Custom Properties a “Menu...
Trigonometry in CSS and JavaScript: Getting Creative with Trigonometric Functions
2.6.2021
In the second part of this series on trigonometry, we’ll explore JavaScript trigonometric functions and learn how we can apply them to our CSS code.
The post Trigonometry in CSS and JavaScript: Getting Creative with Trigonometric Functions appeared first on Codrops
Data Suggests Fed’s MBS Operations and Wall Street Investors Behind Inflated US Real Estate Market
22.5.2021
The Federal Reserve and America’s big banks have significantly inflated home prices across the U.S. according to a number of statistics. In many towns across the nation, home sales are facing bidding wars and certain regions are seeing property shortages. One report notes that homebuyers...