In this article, we will look at some of the hottest CSS tools available to developers today, including frameworks, libraries, and utilities, to help you stay ahead of the curve and take your CSS skills to the next level.

TL;DR:
Neumorphism.io
Animista
Wweb.dev
Spin Kit
Flexplorer
CSS Grid Generator
CSS Layout Generator
Shadows Brumm
Glassmorphism
Cubic-Bezier
Haikei

Extrated with:

  const linksElements = Array.from(document.querySelectorAll("#article-body > h2 + p + p > a")).map(el => `[${el.textContent}](http://${el.href})`).join('\n');
  alert(linksElements);

CSS Hamburger Menus are very important for responsive web design. Take inspiration from our Hamburger Menu codepens examples

Origin: https://medium.com//the-native-way-to-configure-path-aliases-in-frontend-projects-5db70f19a6e0

Projects often evolve into complex, nested directory structures. As a result, import paths may become longer and more confusing, which can negatively affect the code’s appearance and make it more difficult to understand where imported code originates from.

Using path aliases can solve the problem by allowing the definition of imports that are relative to pre-defined directories. This approach not only resolves issues with understanding import paths, but it also simplifies the process of code movement during refactoring.

Dans cette release : L'hypertexte avant les réseaux, un collisionneur à particules, l'ouverture des Jeux Olympiques et le premier navigateur web.

Cette release est l'adaptation d'une petite partie d'une conférence que votre serviteur a fait à Paris Web et au Capitole du Libre en 2022, afin de rappeler le moteur de base du web, qui semble malheureusement perverti par des technos mal comprises. Conférence qu'il a fallut ré-écrire et compléter pour espérer la rendre plus accessible.

Documentation :

• Captation vidéo de la conférence à Paris Web 2022
• Captation vidéo de la conférence au Capitole du Libre 2022
• Tableau des MIME-types et de leur RFC correspondant
• A brief history of the development of SGML (1990)
• ISO 8879:1986, traitement de l'information, systèmes bureautiques,lLangage normalisé de balisage généralisé SGML (1986, maintenu à jour)
• Utilisation du standard SGML pour la représentation des bandes-dessinées
• As we may think (Vannevar Bush, 1945)
• La pensée associative du « memex »
• HyperCard (sur l'Aventure Apple)
• HyperCard a 30 ans et 3 000 piles sont utilisables dans votre navigateur (2017)
• Computer Lib/Dream Machines (Ted Nelson, 1974)
• Le web sous licence : Pour tout le monde
• La décision la plus importante du web (2023)
• Robert Cailliau (biographie du CERN)
• Next Interface Builder
• 2019 rebuilding of the original NeXT web browser
• RFC 2616 : Hypertext Transfer Protocol, HTTP/1.1 (version de 1999)
• The roots of SGML, a personal recollection (1996)
• An essay on HTML (1993)
• A deconstruction of some of the more interesting bits we found hiding in the WorldWideWeb source code
• Les DTD HTML4.01, XHTML1.0 et HTML5 : quel doctype choisir ? (2005)
• Recommended list of Doctype declarations (2002)
• DTD du HTML 4.01 strict
• <a>: The Anchor element
• A guide to keyboard accessibility: HTML and CSS
• La naissance du Web
• Le premier site web (1993)
• All known MIME-types
• Mark P. McCahill papers
• RFC 1436 : Gopher
• Lynx
• Before Netscape: The forgotten Web browsers of the early 1990s (2011)
• NCSA Mosaic

Le site : https://coveryourtracks.eff.org/

Ce tutoriel est dédié à la présentation de fonctionnalités avancées de la bibliothèque Leaflet, il est dédié aux personnes connaissant déjà la bibliothèque. Pour ceux qui ne la connaissent pas et qui voudraient suivre ce tuto je vous conseille d’abord de suivre le tutoriel d’Eskimon .

Dans ce tuto nous allons apprendre à créer des interfaces utilisateur, à modifier les fonds de plans, à créer des marqueurs personnalisés et à ajouter des tooltips (texte) afin de créer des cartes interactives personnalisées.

CSS lets you control how text selection behaves and appears on your pages. This can help you improve usability in certain situations and add a little bit of visual flair. Let’s dive in!

Hi. I'm a starter theme called _s, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.

My ultra-minimal CSS might make me look like theme tartare but that means less stuff to get in your way when you're designing your awesome theme. Here are some of the other more interesting things you'll find here ...

Learn more about me in "A 1000-Hour Head Start: Introducing The _s Theme" on ThemeShaper.

GitHub - Automattic/_s

React-admin offers the best developer experience, lets you focus on business needs, and build delightful user interfaces.
Build internal tools / ERPs / B2B apps, fast

A collection of 70 hand-picked, web-based tools which are actually useful.
Each will generate pure CSS without the need for JS or any external libraries.

• Property Generators
• Animations
• Backgrounds
• Color Tools
• Typography
• Loaders
• Layouts
• Informative

Développeur Web mais surtout Intégrateur Web.
Je partage ce que j'apprends et j'aide les développeurs à devenir meilleur en HTML & CSS.

Kirby is the content management system that adapts to any project. Made for developers, designers, creators and clients.

Convert curl commands to Python, JavaScript, PHP, R, Go, C#, Ruby, Rust, Elixir, Java, MATLAB, Dart, CFML, Ansible URI or JSON

Github

So you've got your nice page and you're adding your background image and…

.hero {
  /* 🚩 */
  background-image: url('/image.png');
}

WAIT!

Did you know that this is going to be very unoptimized for performance? In more ways than one.

The rel attribute defines a relationship between the linked resources (one being the document it appears on). And it provides that relationship with meaning, creating a semantic network where the different pieces have a role and a purpose. This detail may go unnoticed by most browser users, but not for the browser itself, assistive technologies, and web crawlers, which can take advantage of this attribute to provide a better experience. Also, savvy web developers can use it to make friendlier sites–we’ll see some examples in the following sections.

You probably use prefers-color-scheme a lot within your CSS media queries, to make a dark or light theme for your sites and apps based on user preference. Maybe you also add a toggle so people can choose their color scheme, irrespective of their OS settings. Beautiful. But now there's more to play with!

Adding an image with HTML is pretty easy, it’s just a simple tag, after all, right?

<img src="path/to/image.jpg" />

But when you start taking into consideration topics such as performance, screen sizes, accessibility, pixel density, or user preferences, you might ask yourself at some point if plain HTML is enough for the task… And the answer is yes! HTML has many options and is powerful enough to handle this task. This article will cover what you should consider at the moment of adding an image to a site with HTML.

240 règles pour améliorer vos sites et mieux prendre en compte vos utilisateurs
#qualitéweb #accessibilité #sécurité #performance #privacy #écoconception

A polyglot web converter.

Convert code to another language.
#Shaarli💫 #dev #javascript #online #opensource #svg #tool #web #dev #tool

🚀 A self-hostable personal dashboard built for you. Includes status-checking, widgets, themes, icon packs, a UI editor and tons more!

GitHub | dashydocs at master · Lissy93dashy