• Future of CSS: Color Scheme
• Future of CSS: Scrollbars
• CSS Container Queries
• Future of CSS: color-mix function 🎨
• Future of CSS: Popover API

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.

Ici nous allons voir comment avoir plusieurs profils Git (email, clé GPG, etc) en fonction du ou des répertoires le tout automatiquement.

TL;DR :
Modifier le fichier .gitconfig

[include]
    path = ~/.config/git/git-personal.conf
[includeIf "gitdir:~/dev/work/"]
    path = ~/.config/git/git-work.conf

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.

Tables are a design pattern for displaying large amounts of data in rows and columns, and have not yet seemed to fall out of favor, so let’s take a look at how we can create tables on the web in 2019.

Slint is a toolkit to efficiently develop fluid graphical user interfaces for any display: embedded devices and desktop applications. We support multiple programming languages, such as Rust, C++, and JavaScript.

Yqnnsvg-path-editor Online editor to create and manipulate SVG paths

Online editor to create and manipulate SVG paths

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!

Podman Desktop - An open source graphical tool for developing on containers and Kubernetes

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

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.

These apps are written in HTML and JavaScript, and use Web Standards to work on all major browsers, so you don't need to install anything.

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!