Text fragments allow linking directly to a specific portion of text in a web document, without requiring the author to annotate it with an ID, using particular syntax in the URL fragment. Supporting browsers are free to choose how to draw attention to the linked text, e.g. with a color highlight and/or scrolling to the content on the page. This is useful because it allows web content authors to deep-link to other content they don't control, without relying on the presence of IDs to make that possible. Building on top of that, it could be used to generate more effective content-sharing links for users to pass to one another.

Example:
https://git-scm.com/docs/git-reset#:~:text=The%20HEAD%40{1}%20is,any%20other%20valid%20commit%20reference.
(result)

Konva : une library JavaScript permettant de manipuler le Canvas HTML5 avec des fonctionnalités avancées comme l'interactivité, la gestion des couches, les animations et les événements.

Bearstech

• konvajs/konva Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
• Starting with Konva Konva - JavaScript Canvas 2d Library

matcha.css is a pure CSS library designed to style HTML elements similarly to a default browser stylesheet, eliminating the need for users to manually patch their documents.

Ideal for fast prototyping, static HTML pages, Markdown-generated documents, and developers seeking to streamline their workflow without delving into CSS intricacies and want to make use of the full range of available HTML elements.

• ✓ No build steps
• ✓ No dependencies
• ✓ No JavaScript
• ✓ No configuration needed
• ✓ No refactoring required
• ✓ ~8.82kB gzipped

In this post, I will share some new and helpful html tags which are added in HTML5 to write easy and fast code to create complex, dynamic, engaging, and effective websites.

• dialog
• template
• picture
• meter
• output
• progress
• mark
• abbr
• time
• bdi
• wbr
• main
• figcaption

Voici comment je fais pour rajouter automatiquement une balise autour des emojis présents dans mes articles :

function niceEmoji(text) {
  const emojiRegex = /(\p{ExtPict}(\u200d\p{ExtPict}|\p{EMod})*)/gu;
  return text.replace(emojiRegex, '<span class="u-emoji">$1</span>');
}

This is a roundup of the best websites where you can find and download free HTML templates built with... Tagged with html, css, webdev, frontend.

• The first CSS framework based on Material Design 3.
• 10x smaller than others CSS frameworks based on Material Design.
• Translates Material Design to HTML semantic standard.
• Ready to use with any JS framework.
• Highly focused on DX.

The goal of this handbook is to provide gentle step-by-step instructions that will help you learn the key concepts of React.

Instead of covering all the theories and concepts of React in their entirety, I'll be teaching you important building blocks of the library. You'll learn about JSX, components, props, states, event handlers, creating forms, and running network requests.

Stimulus is a JavaScript framework with modest ambitions. It doesn’t seek to take over your entire front-end—in fact, it’s not concerned with rendering HTML at all. Instead, it’s designed to augment your HTML with just enough behavior to make it shine. Stimulus pairs beautifully with Turbo to provide a complete solution for fast, compelling applications with a minimal amount of effort.

A collection of bad practices in HTML, copied from real websites.

In this in-depth tutorial, you'll learn all about the Document Object Model, or DOM for short. As a web developer, understanding the DOM is fundamental for interacting with web browsers and creating dynamic web applications.

Welcome to The Valley of Code. Your journey in Web Development starts here. In the fundamentals section you'll learn the basic building blocks of the Internet, the Web and how its fundamental protocol (HTTP) works.

Neutralinojs is a lightweight and portable desktop application development framework. It lets you develop lightweight cross-platform desktop applications using JavaScript, HTML and CSS. You can extend Neutralinojs with any programming language (via extensions IPC) and use Neutralinojs as a part of any source file (via child processes IPC).

All popular icon sets, one framework

Made by Lea Verou with care

Paged.js is a free and open source JavaScript library that paginates content in the browser to create PDF output from any HTML content. This means you can design works for print (eg. books) using HTML and CSS!

Paged.js follows the Paged Media standards published by the W3C (ie the Paged Media Module, and the Generated Content for Paged Media Module). In effect Paged.js acts as a polyfill for the CSS modules to print content using features that are not yet natively supported by browsers.

• Discussions and help: Mattermost, Discourse
• Development: Gitlab

1. Introduction
2. L’attribut alt
3. L’attribut title
4. La balise <title> et les images SVG
5. Le texte masqué en CSS
6. Les attributs ARIA : à n’utiliser qu’en connaissance de cause

Créer des animations simplement…

TL;DR:

• Si l’icone est utilisé une seule fois dans votre page,
• Si cet icone est critique ou a besoin de changer de couleur lors d’une interaction,
  • ➡️ utiliser le SVG en inline dans le HTML
• Si non,
  • ➡️ utiliser une balise <img>
• Si l’icone est utilisée plusieurs fois,
• Si l’icone est critique
  • ➡️ utiliser des Inline SVG Symbol
• Si l’icone n’est pas critique,
  • S’il est possible d’héberger du SVG sur votre propre domaine
    • ➡️ utiliser des Remote SVG Symbol
  • Si non,
    • ➡️ Essayez de convaincre très fort votre admin sys de l’importance d’avoir le même domaine pour vos assets
    • ➡️ Ou passez par un fallback avec des CSS mask
    • ➡️ Ou utilisez des Inline SVG Symbol
• Si vous utilisez une font d’icone,
• ➡️ repartez en haut de cette matrice et choisissez une autre méthode. Vos utilisateurices vous remercieront.

HTML5 UP
... makes spiffy HTML5
site templates that are:

• Fully Responsive
• Built on intelligent HTML5 + CSS3
• Super Customizable
• 100% Free under the Creative Commons