Cheat Sheet, References & Tools

Cheat sheets

• html css
• transition
• animation
• CSS background-blend-mode
• transition-timing-function
• animated Grid
• Color keywords

Tools

• Colors
• flexbox playground
• grid playground
• Transforms
• MDN online Tools
• Color picker tool
• Box-shadow generator
• Border-image generator
• Border-radius generator

Libraries & APIs

• P5-JS
• Intersection Observer API

References

• CSS: Cascading Style Sheets:
  reference | Guides | CSS Layout cookbook | Tools

snippets

• zCore_12-column

Media Queries @media

• MEDIA QUERY TESTER

SVG

• Simply Delightful Icon System
• Icon Google
• Vivus.js on Github
• p5.js-svg
• Les icônes SVG dans SPIP + Palettes
• 500.000+ Open-licensed SVG Vector and Icons
• Address SVG Vector
• Animals 26 Collection
• my SVG snippets
• Bowie on vertical Scroll
• Merkel on vertical Scroll
• Merkel within text
• Fox
• August

Font

• Free Font Utopia
• transfonter

Zcore

• Créer des squelettes avec Zcore - SPIP-Contrib
• Framework Z - Industrialisation des squelettes
• Plugin « Initialiser Zcore »
• Organisation des scripts avec Zcore
• Le fichier mes_options.php
• Jeux de squelettes sous forme de plugin pour SPIP 3
• Où placer les fichiers de squelettes ?

Links

• What length CSS unit should you use?
• CSS Grid Inspector: Examine grid layouts
• MDN intro to CSS GRID Layout
• CSS Grid Playground - Javi Aguilar
• CSS Grid Playground - Quasar Framework
• CSS Grid Playground - A simple interface
• Linearly Scale font-size with CSS clamp() Based on the Viewport