Choisissez une ville

La boîte à outils du dev front débutant

Voici un listing de plus d'une vingtaine d'outils et ressources (frameworks, extensions, banques d'images, bibliothèques de polices...) faciles à prendre en main afin d'optimiser le design de vos récentes créations.

Partager l'article
Suite à la vidéo - Codez votre premier site web - voici un listing de plus d'une vingtaine d'outils et ressources (frameworks, extensions, banques d'images, bibliothèques de polices...) faciles à prendre en main afin d'optimiser le design de vos récentes créations.

Frameworks


Si vous souhaitez tester une idée rapidement, alors les frameworks CSS sont un véritable pain bénit avec lesquels vous construirez l'intégralité de votre landing page en utilisant simplement le markup HTML. Bootstrap est de loin le plus connu, mais n'hésitez pas à jeter un oeil du côté de Zurb Foundation. Quelques fonctionnalités ainsi que la patte graphique diffèrent, mais si vous avez déjà testé l'un ou l'autre vous devriez retrouver vos marques aisément. À l'occasion Webplate est également une option intéressante à considérer (attention, quelques connaissances en Sass sont demandées.)


Images & icônes


Il peut être fastidieux de chercher, explorer et fouiller dans les tréfonds du web pour trouver des photos libres de droits. Bien heureusement, The Stocks et All the Free Stocks agrègent à eux deux plus de 50 banques d'images et sites de photographes généreux pour votre plus grand plaisir.

Indispensables, les icônes font sens rapidement auprès des utilisateurs et sont souvent plébiscités par les web designers et marketeurs. The Noun Project et Font Awesomevous offrent un choix conséquent pour débuter.


Couleur


Les goûts et les couleurs se chinent ici et là sur le web en utilisant l'excellente extension Color Zilla. Elles peuvent également se créer en jouant avec Adobe Color CC et Coolors. Ces deux outils élargiront votre kaléidoscope personnel en générant des tons parfaitement assortis afin de ménager la rétine de vos utilisateurs. À utiliser sans modération !

Font


Pour de nombreuses personnes, la typographie est un art. Celle-ci répond en effet à de nombreuses règles très spécifiques qu'il est relativement complexe d'appliquer. Toutefois, vous trouverez sur l'Interactive Guide to Blog Typography un condensé de recommandations simples à mettre en oeuvre. Pour ce qui est du choix, l'extension Fontface Ninja vous permettra depuis votre navigateur de répertorier le nom des fonts de vos sites préférés. De leur côté, Google Font, Font Squirel et Dafont regorgent de trésors typographiques à essayer via des snippets à insérer dans votre code.


Les services indispensables


De plus en plus de CTO utilisent et recommandent des services simples et légers d'utilisation. C'est le cas du live-chat FrontApp. Disqus s'occupe de la gestion de votre système de commentaires moyennant un copier/coller dans votre code HTML. Plutôt sympathique non ?


En bonus


Afin de se tenir informé des dernières tendances en Web Design, il fait toujours bon de visiter Smashing Magazine de temps à autre. Il en va de même pour Google Material Design. Si vous cherchez des annuaires de ressources pour des besoins spécifiques ou une procrastination de qualité Oozled, Panda et Agile Designers combleront vos attentes.

Pour les plus avancés d'entre vous, Good UI vous offre un ensemble de best practices et d'idées testées et approuvées pour rendre votre site web irrésistible.

Vous vous en doutez, cette liste est loin d'être exhaustive. N'hésitez surtout pas à partager et faire découvrir à la communauté d'autres ressources en laissant un commentaire ci-dessous !

Vous souhaitez en savoir plus sur la formation de 9 semaines du Wagon ?
Téléchargez le syllabus
Continuer la lecture
Graduate stories

Une reconversion professionnelle dans la tech: le bootcamp du Wagon

Axelle a longtemps travaillé comme infirmière en France avant de déménager à Montréal. Nouvelle ville, nouvelle expérience, elle en a profité pour changer de carrière. Dans cet article, publié par Urelles, elle nous raconte comment s'est passé cette reconversion.

Graduate stories

De la communication à l'UX Design, en passant par Le Wagon

Après un master en communication digitale, Clarisse cherchait le plus qui allait mettre sa carrière sur les bons rails. Apprendre à coder au Wagon l'a guidée vers son #DreamJob.

News

Roadstr, location de voitures vintage entre particuliers

Amateur de belles voitures depuis l’enfance, Thomas Ceccaldi lancera le 31 octobre prochain Roadstr, un service de location de voitures vintage entre particuliers. La promesse est belle pour tous les amoureux d’épopées en vieille cylindrée ainsi que pour tous les passionnés d’asphalte. Spotlight sur le parcours de cet ancien élève du Wagon et son projet.

Vous souhaitez apprendre à coder en 9 semaines ?

Nous sommes dans 35 villes dans le monde.