Search

Nalezeno "pre": 853

Multi-Value CSS Properties With Optional Custom Property Values

11.2.2022
Imagine you have an element with a multi-value CSS property, such as transform: optional custom property values: .el { transform: translate(100px) scale(1.5) skew(5deg); } Now imagine you don’t always want all the transform values to be applied, so some … Multi-Value CSS Properties With...

No Motion Isn’t Always prefers-reduced-motion

8.2.2022
There is a code snippet that I see all the time when the media query prefers-reduced-motion is talked about. Here it is: @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms...

How to Cycle Through Classes on an HTML Element

26.1.2022
Say you have three HTML classes, and a DOM element should only have one of them at a time: <div class="state-1"</div<div class="state-2"</div<div class="state-3"</div Now your job is to rotate them. That is, cycle through classes … How to Cycle Through Classes on...

African Startup Raises $6 Million From Pre-Series A Funding Round

18.12.2021
Africa Blockchain Lab recently said it has raised $6 million from a pre-Series A investment round and will use the capital to fund the launch of a crypto wallet. Driving Adoption of Cryptocurrencies An African crypto startup, Africa Blockchain Lab, recently confirmed it has received $6 million from...

Eye Droppin’

9.12.2021
Quick hits! There is a new web API called EyeDropper: if ('EyeDropper' in window) { const eyeDropper = new EyeDropper(); try { // This has gotta be triggered by a user interaction, // so consider this pseudo-code. const result …

Nintendo Might Have To Make Pre-Order Refunds Easier After Losing Lawsuit

6.12.2021
Last week, following a lengthy appeal process, the Federation of German Consumer Organisations (VZBV) successfully argued that Nintendo’s current eShop pre-order return policies are insufficiently flexible, and the console maker may now have to further loosen its heavily criticized digital...

When is it “Right” to Reach for contain and will-change in CSS?

26.11.2021
I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change: .el { will-change: opacity; … The post When...

CSS “decorations”

22.11.2021
A reader wrote to me the other day asking about this bit of CSS they came across in Wikipedia’s Common.css: .mw-collapsible-leftside-toggle .mw-collapsible-toggle { /* @noflip */ float: left; /* @noflip */ text-align: left; } What’s that @noflip business? That’s...

Liquid Craft to Launch 1500 Liquor Backed NFTs on ETH and BSC 23rd Nov

19.11.2021
PRESS RELEASE. Liquid Craft – is bringing a new concept to the NFT space by using collectible handcrafted bottles of Liquor to add value to their digital art pieces. Their first series Dragons and Bourbon is launching for pre-sale on Nov 20th at 12 PM PST with the public sale going live...

Toy Companies Hasbro, Funko, and Mattel Turn to Wax as Trusted Partner

15.11.2021
William Quigley loved baseball cards during his pre-teens. As the founder of WAX (Worldwide Asset Exchange), you might think Quigley’s crowning achievement may have been to strike a deal with Topps Baseball Card company, so WAX could manage and create NFTs with the MLB. However, Quigley...

Favicons: How to Make Sure Browsers Only Download the SVG Version

5.11.2021
Šime Vidas DM’d me the other day about this thread from subzey on Twitter. My HTML for favicons was like this: <!-- Warning! Typo! --<link rel="icon" href="/favicon.ico" size="any"<link rel="icon" href="/favicon.svg" type="image/svg+xml" The attribute size is a typo there...

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