Search

Nalezeno "display": 206

Some Articles About Accessibility I’ve Saved Recently


“Good news about display: contents and Chrome” — Rachel Andrew notes that the accessibility danger of using display: contents; is fixed in Chrome. The problem was that, say you had a parent div that is laid out as a grid … The post Some Articles About Accessibility I’ve...

Gaps? Gasp!


At first, there were flexboxes (the children of a display: flex container). If you wanted them to be visually separate, you had to use content justification (i.e. justify-content: space-between), margin trickery, or sometimes, both. Then along came grids (a … The post Gaps? Gasp! appeared...

Meet Qonos- A Purpose-Built Digital Frame for NFT Art and Collectibles


The non-fungible token (NFT) artwork and collectible ecosystem has exploded in recent months and just last week, a Beeple-crafted NFT sold for $69 million at the world-famous auction house Christie’s. As the NFT space swells, a new product has been launched called “Qonos,”...

I Love The Roku Screensaver


The past six months (or more) have been a whirlwind of shit news, terrible events, and moments of pure absurdity and horror. It’s been bad, is what I’m saying. Because of this, I often get lost doomscrolling on Twitter or reading another horrible news story about something dreadful. Meanwhile,...

What’s the Best Projector for Your Home Entertainment Needs?


I’ll always remember the first time I saw someone use a projector in place of a TV. I went to a friend’s apartment in college for a little gaming party and discovered that my bud had no proper screen in his apartment. Instead, he was just projecting everything onto a gigantic wall. Here I was,...

Maximally optimizing image loading for the web in 2021


Malte Ubl’s list for: 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display. Fluid width images in CSS, not forgetting the height and width attributes … The post Maximally optimizing image...

Horizon Zero Dawn Can Run In 72p And It Looks Beautiful


While most folks will gravitate towards the top end of the graphics settings for a game, there’s something to be said for heading for the bottom, just to see what it looks like. Especially when a modern blockbuster 4K game can be played at a resolution of just 256x144.Read more

You want minmax(10px, 1fr) not 1fr


There are a lot of grids on the web like this: .grid { display: grid; grid-template-columns: repeat(3, 1fr); } My message is that what they really should be is: .grid { display: grid; grid-template-columns: repeat(3, minmax(10px, 1fr)); } Why? In … The post You want minmax(10px, 1fr)...

Careful When Changing the Display of `summary`


I got a very helpful bug report the other day (thanks Kilian!) about the <details> element in a blog post of mine not showing the default ▶ icon, and thus looking rather like any ol’ random <p>. It … The post Careful When Changing the Display of `summary`...

A font-display setting for slow connections


Me, I really dislike FOUT. I like that it’s an option, because not displaying text quickly on the web is no good. I know font-display: swap; is popular because it’s good for performance, but that FOUT stuff pains me. Matt … The post A font-display setting for slow connections...

Responsible, Conditional Loading


Over on the Polyplane blog (there’s no byline but presumably it’s Kilian Valkhof), there is a great article, Creating websites with prefers-reduced-data, about the prefers-reduced-data media query. No browser support yet, but eventually you can use it in CSS to make choices that reduce...

Continuous Performance Analysis with Lighthouse CI and GitHub Actions


Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...

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