Search

Nalezeno "JavaScript": 817

A Better API for the Resize Observer


ResizeObserver, MutationObserver, and IntersectionObserver enhance performance over their predecessors. Zell discusses their API similarities, usage steps, refactoring strategies, and advantages with practical examples. A Better API for the Resize Observer originally published on CSS-Tricks, which...

Breaking Boundaries: Building a Tangram Puzzle With (S)CSS


We put it to the test and it turns out Sass can replace JavaScript, at least when it comes to low-level logic and puzzle behavior. With nothing but maps, mixins, functions, and a whole lot of math, we managed to bring our Tangram puzzle to life, no JavaScript required. Breaking Boundaries:...

Creating an Auto-Closing Notification With an HTML Popover


The HTML popover attribute transforms elements into top-layer elements that can be opened and closed with a button or JavaScript. Popovers can be dismissed a number of ways, but there is no option to auto-close them. Preethi has a technique you can use. Creating an Auto-Closing Notification With...

XRP Ledger Foundation spots ‘crypto stealing backdoor’ in code library


The XRP Ledger Foundation has identified a “serious vulnerability” in the official JavaScript library used for interacting with the XRP Ledger blockchain network, the nonprofit said.On April 22, blockchain security specialist Aikido said in a blog post that XRP Ledger’s...

XRP Ledger Foundation spots ‘crypto stealing backdoor’ in code library


The XRP Ledger Foundation has identified a “serious vulnerability” in the official JavaScript library used for interacting with the XRP Ledger blockchain network, the nonprofit said.On April 22, blockchain security specialist Aikido said in a blog post that XRP Ledger’s...

XRP Ledger Foundation spots ‘crypto stealing backdoor’ in code library


The XRP Ledger Foundation has identified a “serious vulnerability” in the official JavaScript library used for interacting with the XRP Ledger blockchain network, the nonprofit said.On April 22, blockchain security specialist Aikido said in a blog post that XRP Ledger’s...

Next Level CSS Styling for Cursors


Custom cursors with CSS are great, but we can take things to the next level with JavaScript. Using JavaScript, we can transition between cursor states, place dynamic text within the cursor, apply complex animations, and apply filters. Next Level CSS Styling for Cursors originally published...

SMIL on?


Well, it turns out that SVG's built-in animation features were never deprecated as planned. Sure, CSS and JavaScript are more than capable of carrying the load, but it's good to know that SMIL is not dead in the water as previously thought, and is actually well-supported. SMIL on? originally...

Efektivnější vývoj UI nebo API: Co si odnést z WebExpo 2025?


Jak snadno implementovat moderní uživatelské rozhraní? Které funkce brzdí rychlost vašeho webu? A kdy raději sami přibrzdit, abychom využitím AI nepřekročili etické principy? Debatu aktuálních dev témat rozdmýchá sedmnáctý ročník technologické konference WebExpo, která proběhne v Praze od 28....

Vitest 3: Nová verze přináší vylepšení a nové funkce


Oblíbený JavaScript testovací framework Vitest se dočkal vydání verze 3. Tato aktualizace přináší řadu novinek, včetně rychlejšího běhu testů, zlepšené podpory TypeScriptu a intuitivnější konfigurace. Kromě toho Vitest 3 nabízí lepší integraci s…

How to Create Multi-Step Forms With Vanilla JavaScript and CSS


When was the last time you developed a multi-step form? There’s so much to think about and so many moving pieces that need to be managed. But doing it by hand can be a good exercise and a great way to polish the basics. Fatuma Abdullaho walks you through her first multi-step form using vanilla...

One of Those “Onboarding” UIs, With Anchor Positioning


We can anchor one element to another. We can also attach one element to multiple anchors. In this experiment, Ryan riffs on those ideas and comes up with a new way to transition between two anchors and the result is a practical use case that would normally require JavaScript. One of Those...

Invoker Commands: Additional Ways to Work With Dialog, Popover… and More?


Web browsers are experimenting with two HTML attributes — technically, they’re called “invoker commands” — that are designed to invoke popovers, dialogs, and further down the line, all kinds of actions without writing JavaScript. Although, if you do reach for JavaScript, the new attributes come...

The Different (and Modern) Ways to Toggle Content


Let’s spend some time looking at disclosures, the Dialog API, the Popover API, and more. We’ll look at the right time to use each one depending on your needs. Modal or non-modal? JavaScript or pure HTML/CSS? Not sure? Don’t worry, we’ll go into all that. The Different (and Modern) Ways...

Web-Slinger.css: Like Wow.js But With CSS-y Scroll Animations


Can we recreate a JavaScript library for scrolling animations with a modern CSS approach using CSS Scroll-Driven Animations? Yes. Yes, we can. Web-Slinger.css: Like Wow.js But With CSS-y Scroll Animations originally published on CSS-Tricks, which is part of the DigitalOcean family. You should...

Mastering theme.json: You might not need CSS


I totally get the goal here: make CSS more modular and scalable in WordPress. Put all your global WordPress theme styles in a single file, including variations. JSON offers a nicely structured syntax that’s easily consumable by JavaScript, thereby allowing … Mastering theme.json:...

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