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

Changer ses plans : de chef de projet à développeur web

En participant à la formation du Wagon Lille fin 2018, Nicolas voulait donner vie à son idée et devenir Entrepreneur. Au bout de 9 semaines, il avait attrapé le virus du code et a décidé de changer ses plans.

Graduate stories

Ancien chauffeur routier, Lucien est aujourd'hui développeur chez Beta.Gouv.fr

Conduire des camions était son rêve d’enfant. Après des études dans le transport de marchandises et quatre années à faire des livraisons entre la France et la Belgique, Lucien cherche un moyen de faire évoluer sa carrière. En 2016, il décide d'apprendre à coder pour devenir développeur, métier qu'il exerce aujourd'hui chez Beta.gouv.fr, un incubateur de services publics numériques.

Graduate stories

Architecte de formation, elle est aujourd’hui entrepreneure et professeure au Wagon Montréal

Camille aime tout ce qui est créatif. Architecte de formation, elle est aujourd’hui professeure assistante au Wagon Montréal, designer graphique à son compte, directrice artistique et créatrice de contenu et obsédée par la typographie.

Vous souhaitez apprendre à coder en 9 semaines ?

Nous sommes dans 37 villes dans le monde.