Search
Front-End Challenges
17.4.2020
My favorite way to level up as a front-end developer is to do the work. Literally just build websites. If you can do it for money, great, you should. If the websites you make can help yourself or anyone else you care about, then that’s also great. In lieu of that, you can also make things...
Pseudo-Randomly Adding Illustrations with CSS
17.4.2020
Between each post of Eric Meyer’s blog there’s this rather lovely illustration that can randomly be one of these five options:
Eric made each illustration into a separate background image then switches out that image with the nth-of-type CSS property, like this:
.entry:nth-of-type(2n+1)::before...
Crypto Marketplace Purse.io to Dissolve Operations After 6 Years
17.4.2020
On April 17, the crypto firm Purse.io announced the company is planning to dissolve after six years of operation. The marketplace provided incentives for people who wanted the lowest price points by leveraging cryptocurrency solutions. New signups on Purse have been disabled and the company’s...
Better Form Inputs for Better Mobile User Experiences
17.4.2020
Here’s one simple, practical way to make apps perform better on mobile devices: always configure HTML input fields with the correct type, inputmode, and autocomplete attributes. While these three attributes are often discussed in isolation, they make the most sense in the context of mobile user...
Facebook Libra Redesigned: New System and Cryptocurrency to Comply With Regulations
17.4.2020
Facebook’s Libra cryptocurrency project has undergone major changes. A number of key areas have been redesigned, including the payment system, the Libra cryptocurrency, and the addition of new single-currency stablecoins. The changes largely aim to comply with regulatory requirements. Also...
Investments in Grayscale Bitcoin Trust Hit Record High Amid Economic Crisis
17.4.2020
Grayscale Investments has announced the strongest quarter in its history. Investments into the company’s cryptocurrency products, including the flagship Grayscale Bitcoin Trust (GBTC), hit a record high in the first quarter. Of the total investment, 88% comes from institutional investors....
Thank You, Christopher Schmitt
16.4.2020
It’s incredibly sad that Christopher Schmitt passed away last week¹. I keep thinking about how Christopher was one of the best dudes I knew. Just incredibly kind and thoughtful all the way through. I know everyone says that about people after they pass, but I really mean it here. I’m...
Creating Color Themes With Custom Properties, HSL, and a Little calc()
16.4.2020
Before the advent of CSS custom properties (we might call them “variables” in this article as that’s the spirit of them), implementing multiple color schemes on the same website usually meant writing separate stylesheets. Definitely not the most maintainable thing in the world. Nowadays, though,...
Jetpack Instant Search!
16.4.2020
Jetpack has had a search feature for a while. Flip it on, and it replaces your built-in WordPress search (which is functional, but not particularly good) with an Elasticsearch-powered solution that is faster and has better results. I’ve been using that for quite a while here on CSS-Tricks...
IMF Predicts Worst Global Crisis Since Great Depression, Costing $9 Trillion
16.4.2020
The International Monetary Fund (IMF) said the world’s current economic crisis is the worst downturn since the Great Depression, and no country is spared. The IMF estimates that the cumulative loss to global GDP from the pandemic could be around 9 trillion dollars. Also read: IMF Declares...
$2,000 a Month: US Lawmakers Propose Basic Income for Americans to Cope With Covid-19 Economy
16.4.2020
Democrats from the House of Representatives have introduced legislation that would pay eligible Americans $2,000 a month until U.S. unemployment numbers return to pre-covid-19 levels. Under the proposal, any American citizen 16-years or older making less than $130K per year would receive monthly...
CSS Scrollbar With Progress Meter
15.4.2020
Scrollbars are natural progress meters. How far the scrollbar is down or across is how much progress has been made scrolling through that element (often the entire page). But, they are more like progress indicators than meters, if you think of a meter as something that “fills up” as...
Google Pulls 49 Cryptocurrency Wallet Browser Extensions Found Stealing Private Keys
15.4.2020
Google has removed 49 cryptocurrency wallet browser extensions after a security researcher discovered they were stealing private keys. These Chrome extensions targeted users of crypto wallets, such as Ledger, Trezor, Jaxx, Electrum, Myetherwallet, Metamask, Exodus, and Keepkey. Also read: Bitcoin...
Create a Responsive CSS Motion Path? Sure We Can!
15.4.2020
There was a discussion recently on the Animation at Work Slack: how could you make a CSS motion path responsive? What techniques would be work? This got me thinking.
A CSS motion path allows us to animate elements along custom user-defined paths. Those paths follow the same structure as SVG paths....
‘Black Thursday’ Liquidations Sparks $28M Lawsuit Against Maker Foundation
15.4.2020
The Maker Foundation is being sued in a class-action lawsuit for $28 million over the March 12 event that caused over $2 million in liquidations. The lawsuit alleges that the team behind the Makerdao project did not explain the extreme risk of loss to investors. Also read: ETH Price Strains Defi...
G20 Considers 10 Rules for Regulation of Stablecoins Like Facebook Libra
15.4.2020
The G20 is setting rules to regulate stablecoins such as Facebook’s Libra cryptocurrency. Responding to a call by the G20, the Financial Stability Board (FSB) has provided 10 “high-level” recommendations that establish a regulatory framework for stablecoins. Also read:...
How the Vue Composition API Replaces Vue Mixins
15.4.2020
Looking to share code between your Vue components? If you’re familiar with Vue 2, you’ve probably used a mixin for this purpose. But the new Composition API, which is available now as a plugin for Vue 2 and an upcoming feature of Vue 3, provides a much better solution.
In this article...
Using CSS to Set Text Inside a Circle
14.4.2020
You want to set some text inside the shape of a circle with HTML and CSS? That’s crazy talk, right?
Not really! Thanks to shape-outside and some pure CSS trickery it is possible to do exactly that.
However, this can be a fiddly layout option. We have to take lots of different things into...
ECB Expects Worse Recession in Europe Than Global Economy
14.4.2020
The European Central Bank (ECB) expects the European economy to suffer a more severe recession than the global economy. Countries across the euro area will experience “a deep recession,” which entails unprecedented funding needs of more than €1 trillion ($1.1 trillion), explained...
No-Class CSS Frameworks
13.4.2020
I linked up Water.css not long ago as an interesting sort of CSS framework. No classes. No <h2 class="is-title">. You just use semantic HTML and get styles. Is that going to “scale” very far? Probably not, but it sure is handy for styling things quickly, where — of course...