Search

Nalezeno "read": 2387

Creating Color Themes With Custom Properties, HSL, and a Little calc()


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!


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


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...

CSS Scrollbar With Progress Meter


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...

Create a Responsive CSS Motion Path? Sure We Can!


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....

G20 Considers 10 Rules for Regulation of Stablecoins Like Facebook Libra


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


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


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


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


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


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 


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...

80 Banks Charge Negative Interest Rates as Crisis Deepens in Germany


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...

When debugging, your attitude matters


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


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...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace