Ne pas commencer un projet de zéro : framework, boilerplate et starter kit

Ressources | Scripts
tags : CSS • html • jQuery • js • responsive

À par­tir d’un cer­tain degré d’avancement dans votre appren­tis­sage de l’édition HTML, vous vous ren­drez compte que cer­taines tâche de créa­tion de vos maquettes de mise en page sont répé­ti­tives. Pour lut­ter contre ces répé­ti­tions fas­ti­dieuses, des déve­lop­peurs et desi­gners ont réflé­chi et pro­posé un ensemble de fra­me­work, boi­ler­plate et star­ter kit. Nous nous inté­res­se­rons, dans cet article, uni­qu­ment aux fra­me­works front-end. Tous les fra­me­works recen­sés prennent en consi­dé­ra­tion la mise en page adap­ta­tive (responsive).

HTML 5 Boilerplate

HTML5 Boler­plate est un boi­ler­plate, comme son nom l’indique très popu­laire et stable. Il intègre des fonc­tion­na­li­tés per­met­tant l’optimisation entre les dif­fé­rents navi­ga­teurs et de per­for­mance. L’assistant de télé­char­ge­ment per­met de choi­sir le kit le plus adapté à vos besoins.

→ Web­site du projet

→ Documentaion

→ Télé­char­ger (avec un assistant)

Boots­trap

Boots­trap est une boîte à outil déve­lop­pée par Twit­ter. C’est un fra­me­work très uti­lisé, ce qui a pour avan­tage de faire exis­ter une com­mu­nauté d’utilisateurs très grande sur laquelle s’appuyer en cas de pro­blème. Le désa­van­tage, c’est que, par défaut, le design créé est très com­mun qu’il faut abso­lu­ment per­son­na­li­ser pour obte­nir des inter­faces ou des mises en page plus originales.

→ Documentation

→ Télé­char­ger

→ Tuto­riel en français

HTML Kicks­tart

C’est un fra­me­work designer-friendly. Il com­prend en effet un jeu d’icônes ainsi qu’un kit au for­mat pho­to­shop qui per­met de pas­ser faci­le­ment d’une maquette à son inté­gra­tion en HTML et CSS.

→ Docu­men­ta­tion

→ Télé­char­ger

Fit­Grd

Fit­grd pour fit grid. C’est un fra­me­work très simple et très léger pour créer rapi­de­ment des mises pages res­pon­sive. Il n’est

→ Web­site du projet

→ Docu­men­ta­tion / Télécharger