Search

Nalezeno "display kampaně": 238

I Love The Roku Screensaver

28.2.2021
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?

23.2.2021
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

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

9.2.2021
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

22.1.2021
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`

12.1.2021
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

31.12.2020
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

25.12.2020
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

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

Web Performance Calendar

7.12.2020
The Web Performance Calendar just started up again this year. The first two posts so far are about, well, performance! First up, Rick Viscomi writes about the mythical “fast” web page: How you approach measuring a web page’s performance can tell you whether it’s built for speed or whether it feels...

Bitcoin Cash Proponent Tattoos Forearm to Spread Digital Cash Awareness

6.12.2020
In order to spread the message about peer-to-peer electronic cash, some people talk about cryptocurrencies on a daily basis or wear t-shirts that display the bitcoin logo. Digital currency proponent, David Valenz, has taken the message spreading to a whole new level when he got a large tattoo...

A Microsite Showcasing Coding Fonts

1.12.2020
We made one! It’s open source if you want to make it better or fix things. There are quite a few purpose-built fonts for writing code. The point of this site is to show you some of the nicest options so you can be aware of them and perhaps pick one out to try that suites your taste. We used...

How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy

24.11.2020
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times a day, dropping its <link> tag into the <head>. Let’s...

grid-auto-flow : CSS Grid :: flex-direction : Flexbox

19.11.2020
When setting a parent element to display: flex, its child elements align left-to-right like this: CodePen Embed Fallback Now, one of the neat things we can do with flexbox is change the direction so that child elements are stacked vertically on top of each other in a column. We can do that with...

Understanding flex-grow, flex-shrink, and flex-basis

11.11.2020
When you apply a CSS property to an element, there’s lots of things going on under the hood. For example, let’s say we have some HTML like this: <div class="parent"<div class="child"Child</div<div class="child"Child</div<div class="child"Child</div</div And...

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