Search
A Look at Building with Astro
7.7.2021
Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you’re using a JavaScript framework (and you are), but the output is a zero-JavaScript static site. …
The post A Look at Building with Astro appeared first...
The Web’s Worst Default
7.7.2021
There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don’t have to do weird stuff, like this example from Manuel…
The post The Web’s Worst Default appeared first on CSS-Tricks. You can support...
NFT Startup Valuart to Drop Its First Product - Banksy’s Spike
7.7.2021
Disclaimer: The Industry Talk section features insights by crypto industry players and is not a part of the editorial content of Cryptonews.com.
Valuart, a fresh blockchain ecosystem that allows users to collect and buy non-fungible tokens (NFTs) from multiple artists, announced its first drop...
Body Toggle
6.7.2021
I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit:
It’s a one-liner that toggles the class on the <body> so you can mock up different states and toggle between them on click.
<body onclick="this.classList.toggle("active");"
Could …
The post...
I’ve got one question about Jetpack for you.
6.7.2021
And maybe an optional follow-up if you’re up for it.
Automattic, the makers of Jetpack and many other WordPress-y things, have sponsored my site (me = Chris Coyier; site = CSS-Tricks) for quite a while. I use Jetpack myself, …
The post I’ve got one question about Jetpack for you....
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...
Kubernetes Explained Simply: Containers, Pods and Images
5.7.2021
If you zone out every time someone mentions “Kubernetes,” “containers,” or “pods,” this article is for you. No complex diagrams involved!
As a front-end developer, you don’t have to know how to configure an infrastructure from scratch. However, if you …
The post Kubernetes Explained Simply:...
Trigonometry in CSS and JavaScript: Beyond Triangles
5.7.2021
Web design is such a rectangle-based design medium that literally any deviation from it feels fresh. Michelle Barker gets into using math in various ways to programmatically draw lines, shapes, and animations that end up looking both beautiful and have …
The post Trigonometry in CSS...
Share Buyback Magic: Financial Forecaster Says Stock Market Rally Is All ‘Smoke and Mirrors’
5.7.2021
While the American economy witnesses small business failures across the nation, historical unemployment rates, major issues with the supply chain, countless product shortages, and the cost of goods and services inflating, the stock market continues to rally. The CEO of the Forward Thinking Group...
The Fourteenth Fourth
4.7.2021
It’s CSS-Tricks birthday! Somehow that keeps coming around every year. It’s that time where I reflect upon that past year. It’s like the annual vibe check.
I’m writing this just days after my current home state of Oregon has …
The post The Fourteenth Fourth appeared...
AscendEX Lists Radix – a DeFi Protocol With Developer Incentives
4.7.2021
PRESS RELEASE. AscendEX (formerly BitMax), a global cryptocurrency financial platform with a comprehensive product suite, is thrilled to announce the listing of the Radix tokens (EXRD and XRD) under the pairs USDT/XRD and USDT/EXRD on June 29 at 1 p.m. UTC. Radix intends to remove the technology...
Zero-Width Space
2.7.2021
The name zero-width space is antithetical, but it’s not without uses. In text, maybe you’d use it around slashes because you want to be sure the words are treated individually but not have any physical space around the slash:…
The post Zero-Width Space appeared first...
Good Meetings
2.7.2021
Like it or not, meetings are essential to a good working environment and communication. Therefore, it’s crucial that we work on making them as productive as possible. Today we’ll explore myriad ways to keep meetings coordinated, well documented, and talk …
The post Good Meetings appeared...
The Trick to Enable Printify Shipping Notifications for Orders in WooCommerce? Customer Notes.
2.7.2021
This is a super niche blog post. But it’s been on my list forever to write down because this caused me grief for far too long.
The setup is that you can use WooCommerce to sell things on a WordPress …
The post The Trick to Enable Printify Shipping Notifications for Orders...
CSS for Web Vitals
1.7.2021
The marketing for Core Web Vitals (CWV) has been a massive success. I guess that’s what happens when the world’s dominant search engine tells people that something’s going to be an SEO factor. Ya know what language can play a …
The post CSS for Web Vitals appeared first...
App Platform on Digital Ocean
1.7.2021
This is new stuff from DO.
App Platform is a hosting product, no surprise there, but it has some features that are Jamstack-inspired in the best possible way, and an additional set of unique and powerful features. Let’s start with …
The post App Platform on Digital Ocean appeared first...
Hack the “Deploy to Netlify” Button Using Environment Variables to Make a Customizable Site Generator
1.7.2021
If you’re anything like me, you like being lazy shortcuts. The “Deploy to Netlify” button allows me to take this lovely feature of my personality and be productive with it.
Clicking the button above lets me (or you!) instantly …
The post Hack the “Deploy...
Polygon Network Initiates Blind Boxes Launch as Part of Its Product Update
1.7.2021
July is set to witness a Layer-2 scaling that would include the initiation of Blind Boxes providing support to Polygon. The vision of the collaboration is to aid the non-fungible tokens or NFTs through a robust decentralized computing and software ecosystem. Ever since the March IDO, the measured...
How do you make a layout with pictures down one side of a page matched up with paragraphs on the other side?
30.6.2021
I got this exact question in an email the other day, and I thought it would make a nice blog post because of how wonderfully satisfying this is to do in CSS these days. Plus we can sprinkle in polish …
The post How do you make a layout with pictures down one side of a page matched up with...
When a Click is Not Just a Click
30.6.2021
The click event is quite simple and easy to use; you listen for the event and run code when the event is fired. It works on just about every HTML element there is, a core feature of the DOM API.…
The post When a Click is Not Just a Click appeared first on CSS-Tricks. You can support...