Search

Nalezeno "ai use": 2939

CSS :is() and :where() are coming to browsers


Šime Vidas with the lowdown on what these pseudo-selectors are and why they will be useful: :is() is to reduce repetition¹ of parts of comma-separated selectors. :where() is the same, but nothing inside it affects specificity. The example of wrapping :where(:not()) is really great, as now there...

Making My Netlify Build Run Sass


Let’s say you wanted to build a site with Eleventy as the generator. Popular choice these days! Eleventy doesn’t have some particularly blessed way of preprocessing your CSS, if that’s something you want to do. There are a variety of ways to do it and perhaps that freedom is part...

How to Get All Custom Properties on a Page in JavaScript


We can use JavaScript to get the value of a CSS custom property. Robin wrote up a detailed explanation about this in Get a CSS Custom Property Value with JavaScript. To review, let’s say we’ve declared a single custom property on the HTML element: html {   --color-accent: #00eb9b; } In JavaScript...

The Best Design System Tool is Slack


There’s a series questions I have struggled with for as long as I can remember. The questions have to do with how design systems work: Where should we document things? Do we make a separate app? Do we use a third-party tool to document our components? How should that tie into Figma or Sketch?...

Adding CSS to a Page via HTTP Headers


Only Firefox supports it, but if you return a request with a header like this: Header add Link "<style.css;rel=stylesheet;media=all" …that will link to that stylesheet without you having to do it in the HTML. Louis Lazaris digs into it: […] the only thing I can think of that could...

Hackers Threaten to Use Stolen Data from Coinsquare for SIM Swapping


More than 5,000 email addresses and other personal information obtained from Canadian crypto exchange Coinsquare may be used in SIM swapping attacks. Hackers got their hands on personal data on users from Coinsquare's database, and Vice's Motherboard cites one of the hackers saying that "the...

Behind the Source: Cassie Evans


I feel like the tech industry takes itself far too seriously sometimes. I get frustrated by all the posturing and gatekeeping – “You’re not a real developer unless you use x framework”, “CSS isn’t a real programming language”. I think this kind of rhetoric often puts new developers off,...

A New Way to Delay Keyframes Animations


If you’ve ever wanted to add a pause between each iteration of your CSS @keyframes animation, you’ve probably been frustrated to find there’s no built-in way to do it in CSS. Sure, we can delay the start of a set of @keyframes with animation-delay, but there’s no way to add time between...

Kinetic Typography with Three.js


Discover how to use Three.js to render kinetic 3D typography. The post Kinetic Typography with Three.js appeared first on Codrops

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