Search
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...
Fixing a Bug in Low-Resolution Mode
30.6.2021
I was working on a bug ticket the other day where it was reported that an icon was sitting low in a button. Just not aligned like it should be. I had to go on a little journey to figure …
The post Fixing a Bug in Low-Resolution Mode appeared first on CSS-Tricks. You can support CSS-Tricks...
Compound Launches Treasury to Introduce Institutions to Defi
30.6.2021
Compound, one of the leading defi-based protocols, is launching a new service called Treasury. Compound’s Treasury is a new product designed to help institutions enter the defi space. Launched in partnership with Circle and Fireblocks, it skips the uber astounding rates conventional defi...
What does `font: 110%/1.4 system-ui` mean?
30.6.2021
I use this line, or one like it, in a lot of quick demos. Not that it’s not a production-worthy line of code—I just tend to be a bit more explicit on bigger projects.
html {
font: 110%/1.4 system-ui;
}
…
The post What does `font: 110%/1.4 system-ui` mean? appeared first...
Chromium spelling and grammar features
29.6.2021
Delan Azabani digs into the (hopefully) coming soon ::spelling-error and ::grammar-error pseudo selectors in CSS. Design control is always nice. Hey, if we can style scrollbars and style selected text, why not this?
The squiggly lines that indicate...
Ark Invest Files for a Bitcoin ETF
29.6.2021
Ark Invest, the investment company founded by Cathie Wood, filed for approval to offer a Bitcoin ETF yesterday. 21Shares, an investment firm with experience launching related products in Europe, will help Ark to launch the product. Ark Invest is the latest of several funds showing interest...