Search

Nalezeno "here": 4511

Use CSS Clamp to create a more flexible wrapper utility


I like Andy’s idea here: .wrapper { width: clamp(16rem, 90vw, 70rem); margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; } Normally I’d just set a max-width there, but as Andy says: This becomes a slight issue in mid-sized viewports, such...

Using AbortController as an Alternative for Removing Event Listeners


The idea of an “abortable” fetch came to life in 2017 when AbortController was released. That gives us a way to bail on an API request initiated by fetch() — even multiple calls — whenever we want. Here’s a super … The post Using AbortController as an Alternative for Removing Event Listeners...

HTML Video Sources Should Be Responsive


Scott Jehl doesn’t mince words here: Removing media support from HTML video was a mistake. It means that for every video we embed in HTML, we’re stuck with the choice of serving source files that are potentially too large or … The post HTML Video Sources Should...

How to Favicon in 2021


I always appreciate someone looking into and re-evaluating the best practices of something that literally every website needs and has a complex set of requirements. Andrey Sitnik has done that here with favicons. The final suggestion: <link rel="icon" href="/favicon.ico" … The post...

The Differences in Web Hosting (Go with the Happy Path)


One of our readers checked out “Helping a Beginner Understand Getting a Website Live” and had some follow up questions specifically about hosting providers. Here’s what they asked: What’s the difference between hosting providers? For example, what is the difference...

Here’s What the Mainstream Media Makes of Tesla’s Bitcoin Move


The conventional media has expressed mixed emotions about Elon Musk and Tesla’s move into the world of crypto – announcing yesterday that it purchased bitcoin (BTC) worth USD 1.5bn and hinting the carmaker may be set to start accepting crypto pay. In a damning assessment, Guardian financial...

Animating a CSS Gradient Border


This little trick for gradient borders is super useful: .border-gradient { border: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #743ad5, #d53a9d); } Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...

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