Search
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...
:nth-child Between Two Fixed Indexes
29.6.2021
I needed to select some elements between two fixed indexes the other day — like literally the second through fifth elements. Ironically, I have a whole post on “Useful :nth-child Recipes” but this wasn’t one of them.
The answer, it …
The post :nth-child Between Two Fixed...
System *Things
29.6.2021
I think we’re all largely aware of named colors in CSS:
color: OldLace;
background: rebeccapurple;
I guess you’d just call those “named colors” in CSS.
Those aren’t the only kind of named colors there are though. Some of them …
The post System *Things appeared...
Working around the viewport-based fluid typography bug in Safari
28.6.2021
Sara digs into a bug I happened to have mentioned back in 2012 where fluid type didn’t resize when the browser window resized. Back then, it affected Chrome 20 and Safari 6, but the bug still persists today in Safari …
The post Working around the viewport-based fluid typography bug...
Positioning Overlay Content with CSS Grid
28.6.2021
Not news to any web developer in 2021: CSS Grid is an incredibly powerful tool for creating complex, distinct two-dimensional modern web layouts.
Recently, I have been experimenting with CSS Grid and alignment properties to create component layouts that …
The post Positioning Overlay Content...
Scaling Organizations Should Consider Building a Website Backed by a CRM Platform
28.6.2021
To make some terminology clear here:
CMS = Content Management System
CRM = Customer Relationship Management
Both are essentially database-backed systems for managing data. HubSpot is both, and much more. Where a CMS might be very focused on content and …
The post Scaling Organizations...
Custom Property Brain Twisters
25.6.2021
I am part of that 82% that got the answer to Lea Verou's quiz wrong. Stephen Shaw posted a similar quiz as well and it's a fun exercise sharpen your CSS chops.
The post Custom Property Brain Twisters appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter
How to Cancel Pending API Requests to Show Correct Data
25.6.2021
I recently had to create a widget in React that fetches data from multiple API endpoints. As the user clicks around, new data is fetched and marshalled into the UI. But it caused some problems.
One problem quickly became evident: …
The post How to Cancel Pending API Requests to Show Correct...
Sushi to Launch Full Product Suite on Harmony
25.6.2021
Since deploying natively on Harmony’s blockchain in May, Sushi is now deepening its collaboration with Harmony after revealing plans to bring its full decentralized finance (defi) product stack onto the blockchain with accompanying incentives designed to drive greater participation....
Chapter 9: Community
24.6.2021
In April of 2009, Yahoo! shut down GeoCities. Practically overnight, the once beloved service had its signup page replaced with a vague message announcing its closure.
We have decided to discontinue the process of allowing new customers to sign up
…
The post Chapter 9: Community appeared...