• Selectors CSS-Tricks - CSS-Tricks
• Properties CSS-Tricks - CSS-Tricks

I wrote A Modern CSS Reset almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s probably a good idea to publish an updated version.

I know I also have a terrible record with open source maintenance, so I thought I’d archive the original and just post this instead. Do with it what you want!

To be super clear, this is a reset that works for me, personally and us at Set Studio. Whenever I refer to “we”, that’s who I’m referring to.

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

• I made 100 CSS loaders for your next project
• Another 100 CSS loaders for your next project
• I made 100 more CSS loaders for your next project
• Still 100 CSS loaders for your next project
• Adding 100 CSS loaders to the collection of — 500 CSS loaders 🏆
• I am back with 100 "Dark Mode" CSS loaders
• css-loaders.com: The Biggest Collection of Loading Animations (more than 500 🤯)

In this article, you'll learn how to implement a user authentication system in JavaScript. By the end of the tutorial, you'll have a REST API, a database to store user information, authentication via JSON Web Tokens, and even verification emails!

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.

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.

Find out if your website is Accessible and Compliant

Our free ADA and WCAG compliance checker identifies web accessibility issues and gives exact instructions for fixing them.

Outil d’analyse SEO

• Vérifiez l'aptitude de vos images au référencement
• Vérifiez les erreurs réseaux et HTTP
• Effectuez une analyse SEO instantanée de vos pages
• Sauvegardez vos rapports SEO
• Optimisez le référencement de votre site web gratuitement
• Déterminez les mots-clés les plus pertinents
• Comprenez comment Google voit votre site
• Vérifiez la cohérence de vos liens

uild Google searches in any combination of Google supported top level domain, country and language.
A tool for international SEOs

SEO-Hero gives your true position on Google in several datacenters.

See how your site performs, reveal why it's slow and discover optimization opportunities.

You can track historical performance of pages with a free GTmetrix account!

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

The Surprising Things That CSS Can Animate / Coder's Block

Understanding Interpolation
Layered Animations
Animating CSS Generated Content
Fade and Go Away
Text Selection Trick
Animating Shadows
Closing Remarks

Discover helpful cross-browser DevTools tips and tricks