Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs. Join 673 197 developers building projects, reviewing code, and helping each other get better.

View DustyTrails Series' Articles on DEV Community

Please note that this tutorial series is meant for beginners, so if you're an advanced player in the game of Godot 4, then this tutorial is not for you. Also, this tutorial uses Godot version 4.0.3 – so errors can occur if you use a version newer to this since the engine is constantly changing! Now let's get started.

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.

Specificity Calculator was built by Keegan Street.

Calculate CSS strong.

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

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

remoteStorage.js is a JavaScript library for storing user data locally in the browser, as well as connecting to remoteStorage servers and syncing data across devices and applications. It is also capable of connecting and syncing data with a person’s Dropbox or Google Drive account (optional).

rs.js stores data locally first and syncs data with a remote storage account second. This makes it a robust sync solution for mobile applications, where slow and spotty network connections are a normal situation.

Home remoteStorage

Discover helpful cross-browser DevTools tips and tricks

Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.

Code generators for front-end development.

Fontello is a tool to quickly pack vector images into webfonts. Consider it like Twitter Bootstrap, but for images. It builds everything necessary to include graphics into your web pages. Also, fontello has a big built-in collection of open source artworks.

Wakapi is an open-source tool that helps you keep track of the time you have spent coding on different projects in different programming languages and more.
Ideal for statistics freaks and anyone else.

Meet Plane. An open-source software development tool to manage issues, sprints, and product roadmaps with peace of mind.

makeplaneplane 🔥 🔥 🔥 Open Source JIRA, Linear and Height Alternative. Plane helps you track your issues, epics, and product roadmaps in the simplest way possible.

Plane Documentation

Build iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript

Tips : Du Web au Mobile avec Capacitor 🇫🇷

This wonderful website, made with ❤ by Corentin Thomasset , aggregates useful tools for developer and people working in IT. If you find it useful, please feel free to share it to people you think may find it useful too and don't forget to bookmark it in your shortcut bar!

IT Tools is open-source (under the MIT license) and free, and will always be, but it costs me money to host and renew the domain name. If you want to support my work, and encourage me to add more tools, please consider supporting by sponsoring me .

Non-judgmental guidance on choosing a license for your open source project

In this article, I will explain what CORS and CORS errors are and why you might run into them. I will present possible solutions and explain what preflight requests, CORS headers are, and why they are important in the communication between parties. The article assumes you have some basic knowledge of web development and the HTTP protocol. I tried to write the article in a way that is easy to understand for beginners and fill it with knowledge and try to avoid too many technical nuances that are not tightly connected with the CORS topic. If you spotted any mistakes or have any suggestions, do not hesitate to contact me. In some places, I made a simplification where a service means server and vice versa.