Outils & ressources

Bookmarks, favoris, signets, marque-pages

Quelques sites internet, outils, et documentations (en anglais pour la plupart).

Cette liste est également disponible sous forme de fichier HTML que vous pouvez télécharger et ouvrir dans un navigateur.

Téléchargement

 

Vous pouvez aussi importer tous ces sites en tant que favoris.

Comment faire ? Chrome | Firefox | Safari | Microsoft Edge

Éducation

Merriam-Webster – Dictionary and Thesaurus.
Codecademy – Learn to code.
web.dev – Let’s build the future of the web.
YouTube – Creator Playbook.
Giffing 101 – How To Get Started : HighQualityGifs.
UX Myths – Build your product based on evidence, not false beliefs.
Every Layout – Relearn CSS layout
Laws of UX – Maxims and principles that designers can consider when building user interfaces.
Affinity – Guides et didacticiels.
Données & Design par LINC – Co-construire des parcours utilisateurs respectueux du RGPD et de la vie privée.
L’Atelier RGPD – MOOC CNIL.

Newsletters

Planning Dirty Newsletter
Hellofdp – Brands, cultures & brand culture.
Stupefy Newsletter.
No Mercy / No Malice.
TechTrash – La newsletter Tech bête et méchante.

Design

Designing for the Web – ebook.
Awwwards – Website Awards – Best Web Design Trends.
Dark Patterns – What are dark patterns ?
Le portail des chartes graphiques et des identités visuelles.
Branded in Memory – How accurately can we recall logos we see on a daily basis ?
Material Design – Design guidance and code.
Adele – Design Systems and Pattern Libraries Repository.
Checklist Design – Best UI elements for the best UX practice.

Design – Outils & ressources

Icons8 86,800 Free Icons (SVG, PNG).
IconStore – Free icons by first-class designers.
Eva Icons – Beautifully crafted Open Source UI icons for common actions and items.
Font Awesome – Vector icons and social logos.
Thenounproject – Icons for Everything.
SVG Repo – Free SVG Vectors and Icons.
DesignBase – Database of highly curated free resources for all designers.
Placehold.jp – Simple image placeholder service.
Remove.bg – Remove Background from Image.
Ouch.pics – Free vector illustrations.
Creative Market – Fonts, Graphics, Themes and More.
Mockup Hunt – The Best Free Psd Mockups Curated from Trusted Websites.
Subtle Patterns – Free textures for your next web project.
Superfamous Images – Creative Commons Attribution 3.0 license images.
Affinity – Logiciel professionnel de création.
PhotoMosh – Glitch images, videos and webCam using WebGL effects.
Photopea – Online Photo Editor.
Gravit Designer – Online vector graphic design app & icon image editor.

Polices

Google Fonts.
Glyphr Studio – Font design, online.
Marvin Visions – A typeface with character.
IBM Plex – A typeface with a story.
Bonjour, je suis – Une intrusion dans l’univers des fontes.
Golden Ratio Typography (GRT) Calculator
Velvetyne – Experimental libre & open-source typefaces.
Atipo foundry – Independent digital typeface foundry and graphic design studio.
Fonts In Use – Type at work in the real world.

Couleurs

Coolors.co – The super fast color schemes generator.
Color Picker – HTML Color Codes.
WebGradients.com – Fresh Background Gradients.
Gradients Party – A collection of gradients.
Clrs – A nicer color palette for the web.
Material Palette – Material Design Color Palette Generator.
Colormind – the AI powered color palette generator.
Colourcode – Find your colour scheme.
Colorable – Take a set color palette and get contrast values for every possible combination.
ColorCube – Color Accessibility Checker.
Accessible color palette builder
ColorKitty – Find the perfect color palettes from pictures.
rgb2cmyk – Online RGB to CMYK conversion.

Webmastering / dev

Atom – Free and open source text editor.
CodePen – Front End Developer Playground & Code Editor in the Browser.
Codrops – Useful resources and inspiration for creative minds.
freeCodeCamp – Community that helps you learn to code by building projects.
Divi – The Ultimate WordPress Theme & Visual Page Builder.
Google PageSpeed Insights.
Front End Design Checklist – Your new Front-End Tool.
CSS-Tricks – Building websites, mostly from a front-end perspective.
CSS Gradient Animator.
Lorem Ipsum – Lorem Ipsum generator.
SVGontheweb – A Practical Guide to SVGs on the web.
Mozilla Developer Network – Documentation.
Grid by Example – Everything you need to learn CSS Grid Layout.
WordPress Developer Resources – Official WordPress Developer Resources.
RealFaviconGenerator – Favicon Generator for all platforms.
base64-image.de – Convert your images do Base64. 🆕

Mailing

Really Good Emails – The best showcase of email design and resources on the web.
Litmus Gmail tabs – Which Gmail tab will your email appear under ?
PutsMail – Send your HTML to any email address for design testing and debugging.
CSS Inliner – Improve the compatibility and resilience of your design by inlining your styles. 🆕
HTMLEscape – Replace special characters with HTML Entities.
Mail-tester.com – Newsletters spam test.
Postmark spamcheck – Check the spam score of your email messages.
Mailtolink.me – The Mailto Link Generator.
HTML Character Converter – Convert your special characters to HTML code in an instant. 🆕

SEO

SEO Tools – The Complete List.
Google Trends.
Google Alertes.
Google AdWords – outil de planification des mots clés.
Google Search Console.
Google Webmasters – Formulaire de demande de suppression d’informations personnelles.
Bing – Outils pour webmasters.
Bing – Demande de blocage des résultats de recherches sur Bing en Europe.
Textfocus – Outil d’analyse sémantique et SEO de page web.

Vie privée & sécurité

uBlock Origin – An efficient blocker for Chromium and Firefox. Fast and lean.
1.1.1.1 – The Internet’s Fastest, Privacy-First DNS Resolver.
quad9.net – Internet Security & Privacy In a Few Easy Steps. 🆕
PRISM Break – Refusez les programmes de surveillance.
Ethical.net – Ethical Alternatives & Resources.
Tails – Confidentialité et anonymat, pour tous et partout.
Super Logout – ⚠ Déconnexion automatique de tous vos comptes à l’ouverture de l’onglet.
Onlinecensorship.org
Just Delete Me – Un annuaire de liens pour supprimer vos comptes de sites webs.
CNIL – Comment effacer des informations me concernant sur un moteur de recherche ?
Have I Been Pwned ? – Check if your email has been compromised in a data breach.
Scamdoc.com – Check if a website is legit or not.
Générer un nom aléatoire – Fake Name Generator.
Strong Random Password Generator.
Use a Passphrase – Generate a passphrase or test your password’s strength.
LastPass – Gestionnaire de mots de passe multiplateforme.
YubiKey – Security key, enabling strong two-factor, multi-factor and passwordless authentication.
The Hacker News – Latest cyber security news.
Temp-mail.org – Votre adresse électronique temporaire.
Maildrop.cc – Use Maildrop when you don’t want to give out your real address.
Security Checklist – Tools and resources designed to improve your online privacy, safety, and security. 🆕

Moteurs de recherche

DuckDuckGo – Le moteur de recherche qui ne vous espionne pas.
Recherche avancée Google.
Twitter Advanced Search.
StartPage.com
Wolframalpha – Making the world’s knowledge computable.
Who.is – WHOIS Search, Domain Name, Website, and IP Tools.
Shodan – Shodan is the world’s first search engine for Internet-connected devices.

Divers

Trello – Gestion de projets.
Pastebin – Store any text online for easy sharing.
BIG-ASS MESSAGE.
Weird Text Generator – Converts normal text into weird text.
Sejda – PDF editor.
I Love PDF – Tous les outils nécessaires pour travailler sur vos PDF, en un seul endroit. 🆕
TweetDeck – Tweet like a pro.
Statistiques Twitter – Mesurer et améliorer votre impact sur Twitter.
Threader (@threader_app) – Compile your favorite Twitter threads.
Wayback Machine – Internet Archive.
DaVinci Resolve 16 – Montage vidéo, mixage audio, compositing et d’étalonnage.

Twitter Marketing – Twitter insights marketing.
Ad Creative Cheatsheet – Find all the ad creative you’ll ever need.

Rémi Courthieu // Toulouse

Des questions ? Besoin d’aide ? Écrivez-moi à l’adresse ci-dessous ou via le formulaire de contact.

rmcrt