Search
:focus-visible Support Comes to Firefox
10.2.2021
Look at that! The :focus-visible pseudo-selector is now supported in Firefox, as of version 85 which shipped yesterday. I had to rush over to the MDN Docs just to confirm, and yep, the :focus-visible page has been updated to …
The post :focus-visible Support Comes to Firefox appeared first...
How to Favicon in 2021
10.2.2021
I always appreciate someone looking into and re-evaluating the best practices of something that literally every website needs and has a complex set of requirements. Andrey Sitnik has done that here with favicons.
The final suggestion:
<link rel="icon" href="/favicon.ico"
…
The post...
The Differences in Web Hosting (Go with the Happy Path)
10.2.2021
One of our readers checked out “Helping a Beginner Understand Getting a Website Live” and had some follow up questions specifically about hosting providers. Here’s what they asked:
What’s the difference between hosting providers? For example, what is the difference...
Nervos launches $5M fund to support DeFi projects
10.2.2021
Chinese blockchain network Nervos has announced a $5 million fund to back emerging DeFi projects
A table with both a sticky header and a sticky first column
10.2.2021
We’ve covered that individual <table> cells, <th> and <td> can be position: sticky. It’s pretty easy to make the header of a table stick to the top of the screen while scrolling through a bunch or rows (like this …
The post A table with both a sticky...
Nested Media Queries
9.2.2021
We don’t have “regular” nesting in CSS. Maybe this becomes a thing someday, or something like it. That would be cool, although that pre-spec doesn’t mention anything about media queries. I’d hope we get that right out of the gate …
The post Nested Media Queries...
Press and internet freedom advocates join crypto users in support of Wikileaks' Assange
9.2.2021
Digital and journalistic rights are at stake in the trial for Julian Assange's extradition, say 24 major advocacy groups
Recreating Game Elements for the Web: The Among Us Card Swipe
9.2.2021
As a web developer, I pay close attention to the design of video games. From the HUD in Overwatch to the catch screen in Pokemon Go to hunting in Oregon Trail, games often have interesting mechanics and satisfying interactions, …
The post Recreating Game Elements for the Web: The Among...
SVG within CSS
8.2.2021
Stefan Judis has a “Today I Learned” (TIL) post explaining how SVGs filters can be inlined in CSS. The idea is that CSS has the filter property which supports some built-in functions, like grayscale(100%) and stuff like that.
But …
The post SVG within CSS appeared first...
Animating a CSS Gradient Border
8.2.2021
This little trick for gradient borders is super useful:
.border-gradient {
border: 5px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}
Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...
(Jay Freestone’s) Front-end predictions for 2021
8.2.2021
React framework maturity, early container queries, WASM adoption, and monoliths. I’ll take all four, please. Not feeling like a particularly front-end-y? Jay says:
Interestingly, the biggest developments in the front-end are unlikely to be traditionally front-end concerns. Back...
Hardware Wallet Maker Ledger Adds DeFi Support to Mobile App
8.2.2021
Ledger's mobile app now allows users to connect to decentralized apps via an integration with open-source protocol WalletConnect
Bitcoin and Ethereum Hold Key Support, Altcoins Surge
8.2.2021
Bitcoin price started a downside correction from well above USD 40,000. BTC declined below the USD 39,200 support level, but it was well bid above USD 37,500. It is currently (05:00 UTC) trading above USD 38,000, but it is facing hurdles near USD 39,200.
Similarly, ethereum corrected more than...
Exploring the Complexities of Width and Height in CSS
5.2.2021
The following article is co-authored by Uri Shaked and Michal Porag.
Let’s explore the complexities of how CSS computes the width and height dimensions of elements. This is based on countless late-night hours debugging and fiddling with lots of …
The post Exploring the Complexities of Width...
Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support
5.2.2021
Hey, we’re back with weekly updates about the browser landscape from Šime Vidas.
In this week’s update, the CSS :not pseudo class can accept complex selectors, how to disable smooth scrolling when using “Find on page…” in Chrome, Safari’s …
The post Weekly...
Some React Blog Posts I’ve Bookmarked and Read Lately
5.2.2021
The React Hooks Announcement In Retrospect: 2 Years Later — Ryan Carniato considers hooks to be the most significant turning point in front end in the past five years, but he also says hooks have muddied the waters as well.
…
The post Some React Blog Posts I’ve Bookmarked and Read...
Indian Crypto Industry Launches Campaign Urging Lawmakers to Dismiss Crypto Ban Bill
5.2.2021
Indian crypto exchanges have pooled their resources together and launched a campaign to gain support from as many parliament members as possible about cryptocurrency regulation. The crypto bill is listed to soon be introduced in parliament. It seeks to prohibit cryptocurrencies while creating...
Some Typography Blog Posts I’ve Bookmarked and Read Lately
4.2.2021
Font-size: An Unexpectedly Complex CSS Property — From Manish Goregaokar in 2017. Of many oddities, I found the one where font: medium monospace renders at 13px where font: medium sans-serif renders at 16px particularly weird.
The good line-height — Since
…
The post Some Typography Blog...
Croatia’s Tifon Gas Stations Hope to Tap Tourist Trade With Crypto Payment Support
4.2.2021
Forty-six fuel stops will accept bitcoin, ether, stellar, XRP and EOS through a partnership with local platform PayCek
Lazy Load Routes in Vue with webpack Dynamic Comments
4.2.2021
The way routing works in JavaScript is usually that you specify which relative URL pattern you want for which component to render. So for /about you want the <About /> component to render. Let’s take a look at how to …
The post Lazy Load Routes in Vue with webpack Dynamic Comments...