Quelques frameworks, librairies et liens utiles 📕 📗 📘 📙
Bootstrap
Pour le contenu d'un site Bootstrap
Font awesome
Pour ajouter des icônes utiles dans un texte Font Awesome
Masonry
Pour une disposition d'image intelligente Masonry
Stripe
Pour ajouter un moyen de paiement à son site Stripe
Noun Project
Pour ajouter des icônes à son site Noun Project
Unsplash
Pour trouver des images et photos libres de droit Unsplash
Flaticon
Pour ajouter des icônes à son site Flaticon
CodePen
Pour trouver des éléments utiles et compléter son code CodePen
GTMetrix
Permet de calculer la rapidité d'un site GTMetrix
W3C Validator
Permet d'analyser le code d'un site W3C Validator
Macs Fan Control
Permet de contrôler les ventilateurs de son mac Macs Fan Control
UnDraw
Permet de trouver des illustrations UnDraw
UiStore
Permet de trouver des éléments graphiques (Illustrations, mockups, etc) UiStore
ColorHunt
Propose des palettes de couleurs harmonisées entres elles ColorHunt
Awwwards
Liste les sites les plus beaux et créatifs Awwwards
Quelques hébergeurs
OVH :
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.
Ionos :
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.
Heroku :
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.
O2switch :
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.
Extensions pour navigateurs
Seoquake :
Permet d'avoir une synthèse globale sur le référencement ainsi qu'une vue précise des différentes balises et attributs.
Meta seo inspector:
Semblable à Seoquake
Wappalyzer :
Permet de connaitre quel technologie/Langage/Frameworks est utilisé pour un site.
Blackbox :
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)
Autres liens utiles
Côté Développement
- 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.
Côté Référencement
- 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
Côté Graphisme
- 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