Search
Fading in a Page on Load with CSS & JavaScript
13.1.2021
Louis Lazaris demonstrates a very simple way of doing this.
Hide the body (with JavaScript) right away with opacity: 0
Wait for all the JavaScript to execute
Unhide the body by transitioning it back to opacity: 1
Like this:
CodePen…
The post Fading in a Page on Load with CSS &...
Two Issues Styling the Details Element and How to Solve Them
13.1.2021
In the not-too-distant past, even basic accordion-like interactions required JavaScript event listeners or some CSS… trickery. And, depending on the solution used, editing the underlying HTML could get complicated.
Now, the <details> and <summary> elements (which combine to form...
A (terrible?) way to do footnotes in HTML
13.1.2021
Terence Eden poked around with a way to do footnotes using the <details>/<summary> elements. I think it’s kind of clever. Rather than a hyperlink that jumps down to explain the footnote elsewhere, the details are right there next …
The post A (terrible?) way to...
IOST in the First Batch of Blockchains to Support HUSD Stablecoin
13.1.2021
PRESS RELEASE. IOST, an enterprise-grade, decentralized, and ultra-fast network oiled with the Proof-of Believability consensus algorithm, is integrating the HUSD stablecoin, according to an announcement on 13 Jan 2021. HUSD is a safe and secure dollar-pegged stablecoin issued by Stable Universal...
Fixing Smooth Scrolling with Find-on-Page
13.1.2021
Back when we released the v17 design (we’re on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments like this (just one example):
… when you control+f or
…
The post Fixing Smooth Scrolling with Find-on-Page appeared first...
I Just Wanna Make Sure You Understand the WordPress.com Business Plan
12.1.2021
WordPress.com is where you go to use WordPress that is completely hosted for you. You don’t have to worry about anything but building your site. There is a free plan to get started with, and paid plans that offer more …
The post I Just Wanna Make Sure You Understand the WordPress.com...
WordPress.com Business Plan (Business-Class WordPress Hosting + Support from WordPress Experts)
12.1.2021
WordPress.com is where you go to use WordPress that is completely hosted for you. You don’t have to worry about anything but building your site. There is a free plan to get started with, and paid plans that offer more …
The post WordPress.com Business Plan (Business-Class WordPress...
Traders Complain About Exchange Issues and Downtime During Bitcoin’s Volatile Price Swings
12.1.2021
As bitcoin and a number of digital assets saw deep losses on Monday, a few crypto-asset exchanges had difficulties. Traders have been complaining about issues with exchanges like Coinbase, Kraken, and other trading platforms during the volatile price swings. Bitcoin (BTC) and many other...
How to Add Commas Between a List of Items Dynamically with CSS
12.1.2021
Imagine you have a list of items. Say, fruit: Banana, Apple, Orange, Pear, Nectarine
We could put those commas (,) in the HTML, but let’s look at how we could do that in CSS instead, giving us an extra level …
The post How to Add Commas Between a List of Items Dynamically with CSS appeared...
Building Flexible Components With Transparency
12.1.2021
Good thinking from Paul Herbert on the Cloudfour blog about colorizing a component. You might look at a design comp and see a card component with a header background of #dddddd, content background of #ffffff, on an overall …
The post Building Flexible Components With Transparency appeared...
Bakkt has no plans to support XRP, says CEO
12.1.2021
Bakkt's CEO did not mention whether the company decided to stay away from XRP due to Ripple’s ongoing legal issues
Careful When Changing the Display of `summary`
12.1.2021
I got a very helpful bug report the other day (thanks Kilian!) about the <details> element in a blog post of mine not showing the default ▶ icon, and thus looking rather like any ol’ random <p>.
It …
The post Careful When Changing the Display of `summary`...
Flash’s Web Tech Legacy
11.1.2021
Tiffany B. Brown on how Flash paved the way for some things we might think of as fairly modern web technologies:
Flash wasn’t just good for playing multimedia. It was also good for manipulating it. Using ActionScript, you could pan
…
The post Flash’s Web Tech Legacy...
Animating with Lottie
11.1.2021
I believe animation on the web is not only fun, but engaging in such a way that it has converted site visitors into customers. Think of the “Like” button on Twitter. When you “like” a tweet, tiny colorful bubbles …
The post Animating with Lottie appeared first on CSS-Tricks.
You can support...
CSS Snapshot 2020
11.1.2021
I think it’s great that the CSS Working Group does these. It’s like planting a flag in the ground saying this is what CSS looks like at this specific point in time. They do specifically say it’s not for …
The post CSS Snapshot 2020 appeared first on CSS-Tricks.
You...
Bitcoin and Altcoins Struggle to Recover, Key Uptrend Support Intact
11.1.2021
After a sharp downside correction, bitcoin price found support above USD 32,500. BTC started a fresh recovery and climbed above USD 34,000 before correcting lower again. It is currently (13:00 UTC) showing positive signs, but it could face hurdles near USD 35,000 and USD 35,500.
Similarly, major...
Painters Tape and Fault Tolerance
9.1.2021
Snipping the top bit of Nicholas C. Zakas’s Top of the Month newsletter (go sign up!), with permission.
One of my favorite things in the world is painters tape (also called masking tape). It seems like something silly: some tape …
The post Painters Tape and Fault Tolerance appeared...
`aspect-ratio` is going to deprecate FitVids
8.1.2021
Jen was just tweetin’ about how the latest Safari Technical Preview has aspect-ratio. Looks like Chrome and Firefox both have it behind a flag, so with Safari joining the party, we’ll all have it soon.
I played with it …
The post `aspect-ratio` is going to deprecate FitVids...
Svelte and Spring Animations
8.1.2021
Spring animations are a wonderful way to make UI interactions come to life. Rather than merely changing a property at a constant rate over a period of time, springs allow us to move things using spring physics, which gives the …
The post Svelte and Spring Animations appeared first...
Creating CSS APIs without JavaScript With the datasette-css-properties plugin
8.1.2021
Simon Willison has a project called Datasette, an open source multi-tool for exploring and publishing data. I’m not sure I’m qualified to explain it, but it’s like a tool to make handling data easier and doing more — …
The post Creating CSS APIs without JavaScript With...