Postulez maintenant

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.

La boîte à outils du dev front débutant
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
Learn to code

Est-ce que tout le monde peut apprendre à coder ?

Est-ce que tout le monde peut apprendre à coder ? Si tu te poses cette question, c'est que tu sais qu'il est important de maîtriser ces nouveaux langages, mais que tu as des doutes sur ta capacité à les apprendre. Pour te rassurer, rappelle-toi : il fut un temps où l'on se demandait si l’on pouvait tous apprendre à lire ! Oui, évidemment, tout le monde peut apprendre à coder : ce sera peut-être plus facile pour certains et il existe dans tous les cas quelques qualités essentielles pour y parvenir.

Graduate stories

Iris, de la Communication au Développement Fullstack

Iris vient d’Avenches dans le canton de Vaud 🇨🇭 Elle a fait ses études et commencé sa carrière dans la communication à Berne. Mais elle s’est vite rendu compte que ce métier ne lui convenait pas. Découvrez comment en quelques mois, Iris s’est reconvertie en développeuse web.

Graduate stories

Leeto : histoire d'une startup fondée au Wagon

Alban et Arthur faisaient du conseil, Guillaume était entrepreneur, co-fondateur de la nouvelle licorne française Meero. Tous les trois ont rejoint Le Wagon pour acquérir les connaissances en code leur permettant de donner vie à leurs idées. C'est ici qu'ils s'y rencontrent et décident de lancer Leeto. Retour sur leur aventure et leurs projets futurs.

Vous souhaitez rejoindre la meilleure formation Développeur Web ?

Nous sommes dans 39 villes dans le monde.