Search
How to Create Actions for Selected Text With the Selection API
28.4.2021
Click, drag, release: you’ve just selected some text on a webpage — probably to copy and paste it somewhere or to share it. Wouldn’t it be cool if selecting that text revealed some options that make those tasks easier? That’s …
The post How to Create Actions for Selected Text With...
Sega Wants To Sell NFTs, Can F**k Right Off
28.4.2021
Sega Japan announced earlier today that it will be getting into the NFT business, partnering with (and buying a stake in) a company called Double Jump Tokyo, with plans to not only sell character-related tokens, but NFTs in future games as well.Read more
Shared Element Transitions
27.4.2021
I was just Hoping for Better Native Page Transitions, and Bramus commented that Chrome is working on something. Looks like it has some fresh enthusiasm for it, as there is a brand new repo, and you can literally …
The post Shared Element Transitions appeared first on CSS-Tricks.
You...
A Complete Guide to Custom Properties
27.4.2021
Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as "CSS Variables" but that's not their real name.
The post A Complete Guide to Custom Properties appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter
Iran's central bank says officially mined crypto can be used to pay for imports
27.4.2021
A developing strategy to mitigate the crippling effect of economic sanctions could see cryptocurrencies being used by Iranian firms to pay for imports such as raw materials and electronics
Exploring color-contrast() for the first time.
26.4.2021
I saw in the release notes for Safari Technical Preview 122 that it has support for a color-contrast() function in CSS. Safari is first out of the gate here. As far as I know, no other browser supports this yet …
The post Exploring color-contrast() for the first time. appeared first...
Regular Expression Match Groups
26.4.2021
Regular expressions are incredibly powerful but can be difficult to maintain. They’re a skill you learn on the job and, when the suits walk by, make you look incredibly smart if you have a few up on your screen. How can we solve the maintainability problem? With a match groups, as Addy Osmani...
Bitcoin bulls respond with a $150M short squeeze above $53K — Can BTC go higher?
26.4.2021
Bitcoin saw $150 million worth of short contracts obliterated within hours
SEC Commissioner on Banning Bitcoin: ‘It’s Very Difficult to Ban Peer-to-Peer Technology’
25.4.2021
SEC Commissioner Hester Peirce believes that the U.S. government cannot ban bitcoin, stating that “it’s very difficult to ban something that’s essentially a peer-to-peer technology.” The commissioner is hopeful that with the new chairman who has deep knowledge of bitcoin...
Eliminating five top compatibility pain points on the web
23.4.2021
Robert Nyman and Philip Jägenstedt:
Google is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers. The areas of focus are CSS Flexbox, CSS Grid, position: sticky, 
…
The post Eliminating five...
Gemini users can now buy Bitcoin with Apple Pay and Google Pay
23.4.2021
Gemini crypto exchange has integrated deposits via Apple Pay and Google Pay to simplify crypto purchases
Using New Gatsby Source WordPress Plugin
23.4.2021
In my previous article, I discussed how I learned to create a decoupled WordPress powered Gatsby site using the Gatsby Source WPGraphQL plugin. The project was done following the ongoing developmental version of WPGraphQL and an excellent tutorial by Henrik …
The post Using New Gatsby Source...
Text That Sometimes Turns to Emojis
22.4.2021
There are some Unicode characters that some browsers just decide they are going to turn into emojis for you. I couldn’t tell you why exactly, but here’s what I see:
Chrome on the left. Safari in the simulator on top…
The post Text That Sometimes Turns to Emojis appeared first...
The Almost-Complete Guide to Cumulative Layout Shift
22.4.2021
Here’s Jess B. Peck writing all about Google’s Core Web Vitals:
Let’s step back one. CLS is when you’re about to click on a link, and the whole page shifts and you click on a different link instead. It’s when
…
The post The Almost-Complete Guide to Cumulative Layout Shift...
Tools to Improve UX and Win Over Your Customers
22.4.2021
Try Hotjar for free today!
An enjoyable user experience and high conversion rates go hand-in-hand. It makes sense then, that if you want to improve conversion rates, your first task is to improve user experience.
To improve UX, deeply understanding …
The post Tools to Improve UX and Win Over...
The Making (and Potential Benefits) of a CSS Font
22.4.2021
Not a typical one, at least. Each character is an HTML element, built with CSS. A true web font!
Let me elaborate. This is a way to render text without using any font at all. Random text is split with …
The post The Making (and Potential Benefits) of a CSS Font appeared first...
Canaan to Ship 11,760 Next-Generation Bitcoin Miners to a US-Listed Firm, CAN Shares Jump 11%
22.4.2021
On April 21, the bitcoin mining rig manufacturer Canaan announced the firm will be supplying 11,760 next-generation A1246 ASIC Avalonminers to a company called Mawson Infrastructure Group. The announcement notes that the mining units will be dispersed among Mawson’s bitcoin mining operations...
Still Hoping for Better Native Page Transitions
22.4.2021
It sure would be nice to be able to animate the transition between pages if we want to on the web, at least without resorting to hacks or full-blown architecture choices just to achieve it. Some kind of API that …
The post Still Hoping for Better Native Page Transitions appeared first...
Sticky Headers: 5 Ways to Make Them Better
21.4.2021
Page Laubheimer says that if you’re going to do a sticky header…
Keep it small.
Visually contrast it with the rest of the page.
If it’s going to move, keep it minimal. (I’d say, respect prefers-reduced-motion.)
Consider “partially persistent
…
The post Sticky...
How to Add a Double Border to SVG Shapes
21.4.2021
Let’s say someone asks you to add a double border to some random geometric SVG shapes. For some reason, you can’t use any graphic editor — they need to be generated at runtime — so you have to solve it …
The post How to Add a Double Border to SVG Shapes appeared first on CSS-Tricks.
You...