Search
Swipey Image Grids
3.5.2021
I hope people think of SVG as a vector format that is good for drawing things. There is plenty more to know, but here’s one more: SVG is good for composition. You draw things at very specific coordinates …
The post Swipey Image Grids appeared first on CSS-Tricks.
You can support...
WebPageTest API
3.5.2021
I’m willing to bet you know WebPageTest. It is the premier tool in the toolbox of web performance people. Maybe you didn’t know that WebPageTest was a side project of one fella, Patrick Meenan, for most of its lifetime, …
The post WebPageTest API appeared first on CSS-Tricks.
You...
Survey shows South Koreans support crypto tax law
3.5.2021
More than half of the survey respondents favored the controversial crypto tax law in South Korea
Bitcoin Is Number One Pick — Asset Manager Confident BTC Will Take Him ‘to the Top’ in Stock Draft Competition
3.5.2021
At CNBC’s Stock Draft, an annual stock-picking competition, bitcoin was the number one pick. Tim Seymour, the founder of Seymour Asset Management, believes that the government will come out with regulations that support bitcoin. He is confident that the cryptocurrency will take him “to...
Safari 14.1 Adds Support for Flexbox Gaps
30.4.2021
Yay, it’s here! Safari 14.1 reportedly adds support for the gap property in flexbox layouts. We’ve had grid-gap support for some time, but true to its name, it’s limited to grid layouts. Now we can use gap in either type …
The post Safari 14.1 Adds Support for Flexbox Gaps...
Web Languages as Compile Targets
30.4.2021
Jim Nielsen quoting Eric Bailey:
He references an example on Twitter where someone noted you can use the <details> element to “create a native HTML accordion,” to which someone responded: “this works without Bootstrap? 🤯”
What’s the problem here? From
…
The post...
Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms
30.4.2021
Jenny B Kowalski has been posting a-letter-a-day on Instagram exploring multi-axis variable/responsive letterforms. They are very clever in that one of the axes controls an uppercase-to-lowercase conversion, literally morphing the shape of the letters from an uppercase version to a …
The...
You Can Label a JavaScript `if` Statement
30.4.2021
Labels are a feature that have existed since the creation of JavaScript. They aren’t new! I don’t think all that many people know about them and I’d even argue they are a bit confusing. But, as we’ll see, labels can …
The post You Can Label a JavaScript `if` Statement appeared first...
Sending Large Files
29.4.2021
I’ve got a podcast that will be 10 years old this coming January! Most of those episodes have one or more guests (plus me and Dave). Despite fancy modern options for recording podcasts with guests, like Riverside.fm or Zencastr…
The post Sending Large Files appeared first...
How to Monitor Core Web Vitals and Take Action with Raygun
29.4.2021
Raygun is an error and performance monitoring software for websites and mobile apps. In the case of websites, you install their JavaScript snippet onto your site, which takes 2 seconds, and now you’ve got monitoring in place. Why? Well now …
The post How to Monitor Core Web Vitals...
List Markers and String Styles
29.4.2021
Lists—we’ve all worked with them in one form or another. I’m talking about HTML’s <ol> and <ul>. Much of the time, because we desire styling control, we turn off the list’s markers completely with list-style-type: none, and start …
The post List Markers and String Styles...
Polygon’s New $100M Fund Aims to Attract Next Million Defi Participants
29.4.2021
As part of its ongoing efforts to make the decentralized finance ecosystem more accessible through infrastructure development, this layer2 scaling solution has introduced a $100 million fund designed to lower the barriers to entry for yield farming and lending. #Defiforall to Support Development...
Your Team is Not “Them”
28.4.2021
This post was written for engineering managers, but anyone is welcome to read it.
Let’s talk for a moment about how we talk about our teams. This might not seem like something that needs a whole article dedicated to it, …
The post Your Team is Not “Them” appeared first...
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...
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
The Global Economy Comes Before Savers: ECB President Christine Lagarde Defends Negative Interest Rates
27.4.2021
The European Central Bank President Christine Lagarde is keeping the central bank’s monetary easing policies unchanged according to her statements from a press conference last Thursday. Moreover, the central bank’s Twitter account recently shared a video of Lagarde defending negative...
Vitalik Buterin and Balaji Srinivasan Donate to Indian Covid Relief Fund Despite Country’s Intentions to Ban Cryptos
27.4.2021
The covid-19 crisis is worsening every day in India, as the country keeps hitting record daily numbers of cases and its death toll. The crypto community is starting to show solidarity with the country, as big players such as Ethereum co-founder and a well-known investor announced crypto donations...
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...
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...