Search

Nalezeno "picture": 109

Using Performant Next-Gen Images in CSS with image-set


The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88. Let’s dive in and see what we can and can’t do today with image-set().… The post Using Performant Next-Gen Images in CSS with image-set...

Hollywood Sign, Amy Winehouse Photo to Be Auctioned as NFTs


Non-fungible tokens can be sold to raise funds and two independent initiatives are now going to use proceeds from NFT auctions to finance charity projects. The tokens will represent one of the best known American landmarks, the Hollywood Sign, and a New York photograph of the late singer...

The Devil’s Albatross


Nils Binder talks about a technique for spacing between two elements. Picture a header on a large screen with a logo in the upper left and nav in the upper right. Then a small screen, when they can no longer … The post The Devil’s Albatross appeared first on CSS-Tricks. You can support...

How You Might Build a Modern Day Webring


I’m sure different people picture different things when they think about webrings, so let me clarify what I picture. I see an element on a website that: Signifies this site is part of a webring Allows you to move to the next or previous site of the webring Maybe has other functionality like...

GIFS and prefers-reduced-motion


The <picture> element has a trick it can do where it shows different image formats in different situations. If all you are interested in is formats for the sake of performance, maybe you’d do: <picture<source srcset="img/waterfall.avif" type="image/avif"<source...

AVIF has landed


Everybody is talking about AVIF today because of Jake’s blog post. As the say, I was today years old when I learned AVIF was a thing. But thanks to web technology being ahead of the game for once, we can already take advantage of it. This will be easier if you’ve abstracted your...

Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs


Beyond using media queries and modern CSS layouts, like flexbox and grid, to create responsive websites, there are certain overlooked things we can do well to make responsive sites. In this article, we’ll dig into a number tools (revolving around HTML and CSS) we have at the ready, from responsive...

Crypto Market Unchanged in a Week, 24-Hour Picture Shows an Increase


Following a slight correction downwards seen last week, the combined moving 7-day average crypto market sentiment score (sentscore) for the top 10 coins by market capitalization has made the tiniest move upwards - from 6.14 to 6.15 - thus virtually remaining unchanged, as shows crypto market...

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