Pour le contenu d'un site Bootstrap
Pour ajouter des icônes utiles dans un texte Font Awesome
Pour une disposition d'image intelligente Masonry
Pour ajouter un moyen de paiement à son site Stripe
Pour ajouter des icônes à son site Noun Project
Pour trouver des images et photos libres de droit Unsplash
Pour ajouter des icônes à son site Flaticon
Pour trouver des éléments utiles et compléter son code CodePen
Permet de calculer la rapidité d'un site GTMetrix
Permet d'analyser le code d'un site W3C Validator
Permet de contrôler les ventilateurs de son mac Macs Fan Control
Permet de trouver des illustrations UnDraw
Permet de trouver des éléments graphiques (Illustrations, mockups, etc) UiStore
Propose des palettes de couleurs harmonisées entres elles ColorHunt
Liste les sites les plus beaux et créatifs Awwwards
Probablement l'hébergeur français le plus connu. OVH propose une grande variété de services, son interface est simple à utiliser et a pour avantage d'avoir des serveurs français et une très bon service client.
Anciennement 1&1, Ionos est un également l'un des hebergeurs européens les plus connus (avec des serveurs situés en Allemagne). Il propose des services complémentaires avec ceux que proposent OVH et souvent à des prix très avantageux.
Parfait pour les développeurs, Heroku est un hébergeur gratuit (avec possibilité de service premium si l'on souhaite un nom de domaine personnalisé). Ses serveurs sont situés aux Etats-Unis et en Europe. Heroku a le grand avantage de pouvoir être lié à ses repository Github et de déployer automatiquement en ligne lorsque ceux-ci sont mis à jour. Pour ce qui est de l'interface, celle d'Heroku est assez simplifiée et la majorité des fonctionnalités doivent se réaliser en ligne de commande depuis le terminal Heroku (comme la mise à jour des bases de données, composer install, etc). Enfin, Heroku n'a pas de base de données propres, il faut installer des plugins comme par exemple ClearDB MySQL pour pouvoir être autonome.
A l'instar d'OVH, O2switch, est un hébergeur français avec un service de qualité. Son interface est assez simplifiée et utilise une base de données CPannel. Le service client est français et assez réactif.
Permet d'avoir une synthèse globale sur le référencement ainsi qu'une vue précise des différentes balises et attributs.
Semblable à Seoquake
Permet de connaitre quel technologie/Langage/Frameworks est utilisé pour un site.
Permet de faire une capture d'écran d'une zone/image de texte pour le copier au format texte (Très utile pour suivre des tutoriels de développement par exemple)
- Select2 : Librairie qui permet de personnaliser ses balises select dynamiquement.
- CSS3 Generator : Permet de générer des effets en CSS.
- Colorzilla : Permet de générer des dégradés facilement.
- Facebook Like : Documentation Facebook pour intégrer un bouton like à son site.
- MJML : Framework semblable à Bootstrap.
- Similartech : Compare les différentes technologies
- Segments : Tracker similaire à Google Analytics qui a l'avantage de ne pas ralentir le temps de chargement de la page.
- AMP (Accelerated Mobile Page) Permet d'accéler drastiquement la vitesse de chargement d'une page (CSS minifié au minimum, peu d'image, pages préchargées). On peut également l'utiliser dans la conception demails dynamiques, il permet également d'éviter de tomber dans les spams des utilisateurs.
- CDNJS : Pour obtenir les liens CDN des librairies à intégrer à un projet.
- Woorank : Permet d'analyser le référencement d'un site.
- Outils-référencement.com : Permet de générer des métas de référencement.
- Pingdom : Permet de calculer la vitesse d'un site.
- Outiref : Permet d'analyser le référencement d'un site.
- Site Perf : Permet d'analyser la vitesse d'un site sur différents serveurs.
- Domaintools : Permet d'obtenir les informations WhoIs d'un site
- Behance : Permet de trouver des mockups, des polices d'écritures uniques et plein d'autres documents graphiques.
- GraphicBurger : Similaire à Behance, permet de trouver des mockups et d'autres fichiers graphiques intéressants.
- Chartes-Graphique.com : Permet de trouver des exemples de chartes graphiques d'entreprises.
- Trinity Advise : Signification des couleurs.
- Paletton : Permet d'établir des palettes de couleurs
- Encycolorpedia : Permet d'établir des nuances de couleurs
- UX Timeline : Pour voir l'évolution du design de plusieurs grands sites
- Unblast : Pour obtenir des templates de mockup de qualité
- What the font : Pour connaître la police utilisée dans une image