Search
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...
Ross Ulbricht’s 9th Price Analysis Predicts Bitcoin Prices Below $3,000
13.4.2020
The founder of the Silk Road marketplace, Ross Ulbricht, has published another analysis that attempts to predict the price of bitcoin. Ulbricht started sharing his price examinations last December and he leveraged the patterns of Elliott Wave theory to bolster his forecast. Also read: Bitcoin...
Styling in the Shadow DOM With CSS Shadow Parts
13.4.2020
Safari 13.1 just shipped support for CSS Shadow Parts. That means the ::part() selector is now supported in Chrome, Edge, Opera, Safari, and Firefox. We’ll see why it’s useful, but first a recap on shadow DOM encapsulation…
The benefits of shadow DOM encapsulation
I work at giffgaff where we have...
China’s Research Institute Updates Crypto Ranking, Review Affected by Pandemic
13.4.2020
China’s Center for Information and Industry Development has published its latest crypto project rankings as the country continues to battle the coronavirus pandemic. A total of 37 crypto projects were evaluated and ranked overall this month as well as in three separate categories. Also read:...
80 Banks Charge Negative Interest Rates as Crisis Deepens in Germany
12.4.2020
Amid the coronavirus pandemic and deepening financial crisis, the number of banks charging customers negative interest rates in Germany has accelerated. At least 80 banks now reportedly charge negative interest rates, 16 of which apply this policy to even small deposits. Also read: IMF Declares...
Crypto Exchanges See Bitcoin Reserves Drop by 70% Since Black Thursday’s Market Rout
12.4.2020
Since the market carnage on March 12 otherwise known as Black Thursday, the exchange Bitmex has seen 36% of the trading platform’s bitcoin reserves withdrawn. A few other well-known crypto exchanges have seen cold wallets drained, while other trading platforms have witnessed reserve...
When debugging, your attitude matters
12.4.2020
Julia Evans:
I was debugging some CSS last week, and I think that post is missing something important: your attitude.
Now – I’m not a very good CSS developer yet. I’ve never written CSS professionally and I don’t understand a lot of basic CSS concepts (I think I finally understood for the first...
JPMorgan, Bank of America, Deutsche Bank Predict Major Recession
11.4.2020
Big banks are predicting a major recession, the deepest one in the post-war era. JPMorgan Chase CEO Jamie Dimon said his bank cannot be immune to the resulting financial stress while Bank of America expects the U.S. economy to “collapse” and Deutsche Bank has forecasted a severe global...