Search

Nalezeno "ai use": 2939

Getting the Most Out of Variable Fonts on Google Fonts


I have spent the past several years working (alongside a bunch of super talented people) on a font family called Recursive Sans & Mono, and it just launched officially on Google Fonts! Wanna try it out super fast? Here’s the embed code to use the full Recursive variable font family from Google...

A Bit on Web Component Libraries


A run of Web Components news crossed my desk recently so I thought I’d group it up here. To my mind, one of the best use cases for Web Components is pattern libraries. Instead of doing, say, <ul class="nav nav-tabs"> like you would do in Bootstrap or <div class="tabs"> like...

Russians in Yaroslavl, Kursk to Use Blockchain Voting in 2021 Election


Citizens in two more Russian regions are set to be granted the right to cast their votes on a blockchain-powered platform when the country goes to the polls in parliamentary elections next year. Per media outlet Open Media, the Central Election Commission of Russia (CEC) has stated that residents...

Ignorance and Greed Sustain Cryptocurrency Scams in Nigeria


Nigeria is not only Africa’s biggest cryptocurrency market but is also a leading adopter of digital currencies globally. Official figures show the country is well ahead of fellow African countries. Citizens of the West African state use cryptocurrencies for cross border payments as well...

Using Trello as a Super Simple CMS


Sometimes our sites need a little sprinkling of content management. Not always. Not a lot. But a bit. The CMS market is thriving with affordable, approachable products, so we’re not short of options. Thankfully, it is a very different world to the one that used to force companies to splash out...

A Font-Like SVG Icon System for Vue


Managing a custom collection of icons in a Vue app can be challenging at times. An icon font is easy to use, but for customization, you have to rely on third-party font generators, and merge conflicts can be painful to resolve since fonts are binary files. Using SVG files instead can eliminate...

Holy Albatross with Widths


Heydon’s Holy Albatross is a technique to have a row of elements break into a column of elements at a specific width. A specified parent width, not a screen width like a media query would have. So, like a container query (ya know, those things that don’t exist yet that we...

Accordion Rows in CSS Grid


I’d bet grid-template-columns is used about 10× more than grid-template-rows, but maybe everyone has just been missing out. Eric Meyer chucks a bunch of row lines onto his main site layout grid like this: grid-template-rows: repeat(7, min-content) 1fr repeat(3, min-content); That way, if...

Position Vertical Scrollbars on Opposite Side with CSS


Fair warning: I can’t say I recommend this in general because it breaks a very strong expectation of where scrollbars are, which are useful for a lots of folks, not to mention, a core accessibility feature for many. But it is a fascinating CSS trick and the web is a big place with...

Using Flexbox and text ellipsis together


You can truncate a single line of text with an ellipsis (…) fairly easily with text-overflow and a few friends. But, as you might expect, that truncation happens at the end of the line of text. What if you want to truncate content in the middle? Leonardo Faria details good use cases for this...

When do you use inline-block?


The inline-block value for display is a classic! It’s not new and browser support is certainly not something you need to worry about. I’m sure many of us reach for it intuitively. But let’s put a point on it. What is it actually useful for? When do you pick it over other, perhaps...

Creating a Gatsby Site with WordPress Data


In my previous article last week, I mentioned creating a partially ported WordPress-Gatsby site. This article is a continuation with a step-by-step walkthrough under the hood. Gatsby, a React-based framework for static sites, is attracting attention not only from JavaScript developers but also from...

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