Code

• A11y Project
• Accessible colors
• Web Content Accessibility Guidelines (WCAG) 2.0
• Web accessibility guidebook for developers

CSS

• AOS (animation sur scroll)
• CSS animation
• Angry tool generator css animation
• Css animation Kit
• Animista
• Animate.css
• Animation library
• Woah.css
• Hover.css
• Csshake
• Magic animations
• Parallax star background
• CSS Warp (Text to path)

Easings editors

• Keyframes easings editor

SVG

• Page loading effects
• Shape hover effect
• Snapsvg
• svgator (Interface graphique)

Animation sur text

• Moving letter

WebGL & autres

• 2dimensions

Html Boite à outils

• Html CheatSheet

Bonne pratique Html

• Guidelines HTML
• CSS Guidelines
• Sass Guidelines (CSS préprocesseur)
• W3C Standards

• CSS Hero patterns (sobre)
• PNG Pattern personnalisé (DIY)
• PNG Subtle Patterns (sobre)
• Pattern Cooler (rococo)
•  SVG Backgrounds (type flat design)
• CSS3 Patterns (type flat design)
• SVG Patterns (type flat design)
• Tartan generator
• SVG noise pattern maker

Bonus

• Cool Background (plusieurs effets)
• Blobmaker (sait-on jamais !)
• URL encoder pour SVG (pour CSS et HTML)

Générateur de formes (sections)

• shape divider
• wweb.dev
• Get waves (svg)

Css Boite à outils

• CSS CheatSheet

CSS

• Transition generator
• CSSmatic
• CSS3 Generator
• CSS Gradient
• CSS Typeset (Police)
• Spritegen (Sprites)
• Convertisseur de SVG en clippath
• Clippy – CSS clip-path maker
• Clip path CSS plant
• Gradient generator
• Angry tool (gradient generator)
• Background gradient stripes
• Ombres sur texte
• Neumorphism generator
• CSS border generator (avec cache)

Shadow generator

• Smooth shadow
• Shadow palette

CSS Grid

• Css Grid Layout it
• CSS Grid Cheat Sheet
• CSS Grid Generator
• Grid by example

Mise en forme CSS du texte

• Text editor
• Style generator
• Text shadow
• Css text effect (shadow & emboss)
• CSS warp (courbes et ronds)

Mise en forme CSS des images

• W3school images