Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?

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.

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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment