Search

Nalezeno "read": 2511

Better Form Inputs for Better Mobile User Experiences


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

Investments in Grayscale Bitcoin Trust Hit Record High Amid Economic Crisis


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


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()


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

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