Liens utiles top pratiques

Images : Compression / conversion

Zyro Upscale d'images
TinyPNG Compression géniale des png 24bits
SVGOMG Compression SVG
JPEG.IO Conversion et compression JPEG très optimisée
Optimize GIF Compression de GIF
ImageOptim (Mac) Un Anneau Une App Unique pour les compresser tous (jpg, png, gif)


Emailing

Mail Tester Testez l'indésirabilité (spam) d'un email
Sender Lien mailto avec destinataire, sujet et body
Premailer Passe les css du HEAD directement dans les balises
htmlemail inline Passe les css du HEAD directement dans les balises (comme premailer rend l'âme)
un autre css inliner celui de campaignmonitor
CSS for Email (CampaignMonitor) Compatibilité des css avec les clents mails
CSS for Email (caniuse.email) Compatibilité des css avec les clents mails
Mail-Tester Test de l'indésirabilité (spam) d'un email qu'on développe
Styler les ALT Pour quand les images sont bloquées (article)
Sendtric : Compte à rebours dans un email, et ça c'est cool
Ratio texte/image Mythe ou réalité (article)
Spam Words Les mots déclencheurs de filtre antispam
Boutons en code un bon gros bloc de code au lieu d'une image...
Snippets Litmus Petits blocs de code pour moins de prise de tête
WebFonts dans emailings Des typos personnalisées (google fonts etc.)
Backgrounds Code pour des images de fond même sur Outlook
Outlook 120dpi Corriger les bugs de mise à l'échelle DPI d'Outlook
Minify HTML Pour gagner encore quelques précieux ko parfois


Caractères spéciaux

HTML Arrows Pleins de caractères et leur code comme "❯", le tiret insécable "‑", l'espace court " ", etc.
utf8 icons Pleins de caractères "🥕", etc.
Fonts/typos alternatives web à 93 fonts classiques.


Bannières

Greensock GSAP ♥ Evidemment ! TweenMax etc..
GSAP 3 Cheat Sheet
Awesome Screenshot ♥ Extension Chrome (existe pour Firefox) pour des captures web intégrales.
Outil pour le ratio (obligatoire) des SVG Une petite table de règle de trois... :) Random sans Math.random Google interdit le recours à l'aléatoire dans ses bannières
Clip Path Maker outil pour éditer des masques polygonaux pour css


Sites

CanIUse Compatibilité CSS et balises avec la navigateurs
Test d'optimisation mobile par Google
StatCounter Statistiques sur l'utilisation des navigateurs
Media Queries pour les versions d'IE pour tenir le code au propre (article)
ScrollMagic Animations en fonction du scroll
Cloud Internet Explorer Virtualisation d'IE 9 en ligne pour tester.. (sessions de 5min)
What Runs Extension Chrome pour savoir quelle techno sont utilisées sur un site
parallax.js Parallaxe fonctionde la souris ou du gyroscope
markdowntohtml Convertisseur de Markdown en HTML
Showdown Parseur JS de Markdown en HTML
Mentions obligatoires sur un site internet
Styler les checkbox avec amour
Convertisseur de typo/fonts pour un usage web compatible au max


Divers

Adobe Color Aide à la sélection de gammes de couleurs
Lorem Pixel Comme du Lorem Ipsum mais pour les images !
Dead Simple Screen Sharing Partage d'écran sans logiciel ni plugin (sauf Chrome)
AC Convert Conversion multiformats en ligne
Savieo Téléchargement de vidéo du net (youtube, etc.)
Banques vidéo gratuites Lien vers 5 banques gratuites
Decision Jam Prise de décision à plusieurs
ROUGH.js Rendu crayon dans le canvas ou svg
Saltify.io Partage d'informations cryptées et pouvant périmer (comme id/pass)
colibris-outilslibres collection d'outils libres, Variante CHATONS
Social Sizes logos et dimensions utiles sur les différents réseaux sociaux
Lancers de dés 3D Autant dés qu'on veut, du type qu'on veut en (multijoueurs possibles)