Search
WordPress Admin Warnings in the Block Editor
16.7.2021
We sent out an email the other week that ultimately had a <video> in the HTML markup. We send the newsletter by creating it here in the WordPress block editor, which is fetched through RSS-to-Mailchimp. Mailchimp dutifully sent it out, …
The post WordPress Admin Warnings in the Block...
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...
Some Typography Links
16.7.2021
Glitter text — whO (I learned a name for people who go by a one-word moniker like that: Mononymous) created a builder for fancy SVG-based type. It’s a custom font with <text>, and the fancy comes in with a
…
The post Some Typography Links appeared first on CSS-Tricks. You...
Brazil Approves First Latam Based Ethereum ETF
16.7.2021
Regulators from the CVM, the securities watchdog of Brazil, have approved the first Ethereum-based ETF in Latin America (Latam). The product, presented by blockchain investment company QR Asset, aims to simplify the task of getting Ether exposure for retail and institutional investors. It will...
How to Get a Pixel-Perfect, Linearly Scaled UI
15.7.2021
Dynamically scaling CSS values based on the viewport width is hardly a new topic. You can find plenty of in-depth coverage right here on CSS-Tricks in articles like this one or this one.
Most of those examples, though, use …
The post How to Get a Pixel-Perfect, Linearly Scaled UI appeared...
Retro Game Releases Could Get Much Needed Help In Japan
15.7.2021
Japanese copyright law can make re-releasing some old games difficult, if not impossible. A new copyright system could change that. According to Game Spark and Yomiuri Shimbun, a new copyright system has been proposed in Japan for works where the copyright holder is unclear. The plan would...
Build Complex CSS Transitions using Custom Properties and cubic-bezier()
14.7.2021
I recently illustrated how we can achieve complex CSS animations using cubic-bezier() and how to do the same when it comes to CSS transitions. I was able to create complex hover effect without resorting to keyframes. In this article, I …
The post Build Complex CSS Transitions using Custom...
A Bashful Button Worth $8 Million
14.7.2021
Most of us grumble when running across a frustrating UX experience online (like not being able to complete a transaction because of a misplaced button). We might pen a whiny tweet. Jason Grigsby is like I’m going to write 2,000 …
The post A Bashful Button Worth $8 Million appeared...
Links on React and JavaScript
13.7.2021
As a day-job, React-using person, I like to stay abreast of interesting React news. As such, I save a healthy amount of links. Allow me to dump out my latest pile. Most of this is about React but not all …
The post Links on React and JavaScript appeared first on CSS-Tricks. You can support...
Meta Theme Color and Trickery
13.7.2021
Starting with Version 15, Safari supports the theme-color <meta> tag both on macOS and iOS. That’s exciting news because now the first desktop browser supports this <meta> tag and it also supports the media attribute and the prefers-color-scheme media feature.…
The post Meta...
Jamstack Community Survey 2021
13.7.2021
The folks over at Netlify have opened up the Jamstack Community Survey for 2021. More than 3,000 front-enders like yourself took last year’s survey, which gauged how familiar people are with the term “Jamstack” and which frameworks they …
The post Jamstack Community Survey...
Jamstack Community Survey 2021
13.7.2021
(This is a sponsored post.)
The folks over at Netlify have opened up the Jamstack Community Survey for 2021. More than 3,000 front-enders like yourself took last year’s survey, which gauged how familiar people are with the …
The post Jamstack Community Survey 2021 appeared first...
Meet `:has`, A Native CSS Parent Selector
12.7.2021
The reasons that are often cited that make container queries difficult or impossible is things like infinite loops—e.g. changing the width of an element, invalidating a container query, which changes the width again, which makes the container query take effect, …
The post Meet `:has`,...
Using the Specificity of :where() as a CSS Reset
12.7.2021
I don’t know about you, but I write these three declarations many times in my CSS:
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
You might yell at me and say I can just put those in my CSS …
The post Using the Specificity of :where() as a CSS Reset appeared first on CSS-Tricks....
AscendEX Launches Hummingbot Rebate Campaign
9.7.2021
PRESS RELEASE. AscendEX, a global cryptocurrency financial platform with a comprehensive product suite, is excited to launch the Hummingbot Rebate Campaign to reward users for trading on AscendEX using the Hummingbot Liquidity Mining Portal. The campaign will begin July 9, 2021 and run for 60 days....
:focus-visible in WebKit
9.7.2021
This is a nice update from Manuel Rego Casasnovas. Igalia has this idea to sort of crowd-source important web platform features that need to get worked on (that’s the sort of work they do). They call it Open Prioritization. …
The post :focus-visible in WebKit appeared first...
SVG Favicons in Action
9.7.2021
Ever heard of favicons made with SVG? If you are a regular reader of CSS-Tricks, you probably have. But does your website actually use one?
The task is more non-trivial than you might think. As we will see in this …
The post SVG Favicons in Action appeared first on CSS-Tricks. You...
Beginner JavaScript Notes
9.7.2021
Wes has a heck of a set of “notes” for learning JavaScript. It’s organized like a curriculum, meaning if you teach JavaScript, you could do a lot worse. It’s actually more like 85 really fleshed-out blog posts organized into sections …
The post Beginner JavaScript...
My Struggle to Use and Animate a Conic Gradient in SVG
8.7.2021
The wonderful company I work for, Payoneer, has a new logo, and my job was to recreate it and animate it for a loader component in our app. I’ll explain exactly how I did it, share the problems I …
The post My Struggle to Use and Animate a Conic Gradient in SVG appeared first on CSS-Tricks....
Building a Command Line Tool with Nodejs and Fauna
8.7.2021
Command line tools are one of the most popular applications we have today. We use command line tools every day, and they range from git, npm or yarn. Command line tools are very fast and useful for automating applications and …
The post Building a Command Line Tool with Nodejs and Fauna...