Bootstrap, from Twitter » - CSS, HTML, jQuery, RWD - RWD : Responsive Web Design -
Date de mise en ligne : jeudi 14 juin 2012
Description :
Le framework HTML, CSS, and Javascript « Bootstrap from Twitter », distribué sous license libre Apache v2.0, est l'intégration harmonieuse d'une librairie de tous les éléments d'interface qu'on trouve sur les applications de la compagnie Twitter.
Ce framework permet de créer l'interface d'un site ou d'une application « Responsive Web Design » (RWD) dotée d'une interface élégante, avec un effort site archivé - CMS-SPIP minimal, et cela avec une garantie maximale de compatibilité entre les divers navigateurs.
Tutoriels pour maîtriser « Bootstrap, from Twitter »
Présentation de « Bootstrap from Twitter »
« Bootstrap from Twitter » est un des nombreux outils du « Responsive Web Design (RWD) » qui viennent bousculer notre confort et nous oblige à un nouvel effort d'adaptation pour ne pas mourir sur le bord de l'autoroute du Web.
Nous avons déjà parlé de « Bootstrap from Twitter » dans l'article « Responsive Web Design (RWD) » dans SPIP : Intégrer « Bootstrap, from Twitter » dans un CMS..., aujourd'hui nous nous intéressons à son apprentissage car il est particulièrement intéressant.
Le framework HTML, CSS, et Javascript « Bootstrap from Twitter », distribué sous license libre Apache v2.0, est l'intégration harmonieuse d'une librairie de tous les éléments d'interface qu'on trouve sur les applications de la compagnie Twitter.
Ce framework permet de créer une interface élégante et optimisée pour un site ou une application « Responsive Web Design » (RWD), avec un effort minimal et cela avec une garantie maximale de compatibilité entre les divers navigateurs.
« Bootstrap from Twitter » comprend tous les éléments d'interface les plus courants, tels que la navigation, les boutons, les étiquettes, les tableaux, les alertes, les barres d'avancement, les formulaires, etc.
Pour plus d'information on lira avec profit non seulement le site officiel de « Bootstrap, from Twitter » et son blog « The Official Twitter Bootstrap Blog » mais également les trois articles de présentation que sont « La révolution des cadriciels d'interface », « Twitter Bootstrap, framework CSS - JS » et « Créez facilement un site avec Bootstrap Twitter ».
D'autre part les tutoriels vidéo ci-dessous (et d'autres) vous aiderons à maîtriser ce framework RWD :
Tutoriels pour maîtriser « Bootstrap, from Twitter »
Et deux tutoriels vidéos qui décrivent d'anciennes
versions de Bootstrap, mais en français
Tutoriel Vidéo HTML-CSS : Bootstrap CSS from Twitter
Dans ce tutoriel vidéo je vous propose de découvrir le Bootstrap Twitter. Ce kit CSS vous permettra de commencer vos projet web avec une base CSS solide en attendant de créer votre propre feuille de style CSS.
Tuto vidéo #1 : Découverte du bootstrap de twitter !
Sources, documentation • Bootstrap, from Twitter Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. http://twitter.github.com/bootstrap/
• The Official Twitter Bootstrap Blog
Announcements, discussions, and more for Bootstrap http://blog.getbootstrap.com/
• La révolution des cadriciels d'interface
Publié le 27 mars 2012 par Etienne http://www.adviso.ca/blog/2012/03/27/framework-interface/
• Twitter Bootstrap, framework CSS - JS
Publié le 4 octobre 2011 par Mathieu Robin http://www.mathieurobin.com/2011/10/twitter-bootstrap-framework-css-js/
Par bestmomo, Mise à jour : 01/07/2012 Difficulté : Intermédiaire Intermédiaire Durée d'étude : 4 jours http://www.siteduzero.com/tutoriel-3-683140-bootstrap-un-kit-css-et-plus.html?pdf=1&all=1 Vous créez des pages web et vous passez beaucoup de temps avec le CSS ? • Alors Bootstrap est fait pour vous et ce cours va vous guider dans la découverte de cette puissante boîte à outil. Bootstrap est un framework qui peut rendre votre vie de plus facile pour créer l'architecture d'une page web. • Mais Bootstrap va bien plus loin qu'offrir du code CSS déjà bien organisé et structuré. Il offre aussi des plugins jQuery de qualité pour enrichir vos pages. • Vous êtes prêt ? Bon on y va mais il serait bien pour profiter pleinement de ce cours de posséder quelques connaissances : • La base indispensable est de bonnes notions en HTML et CSS. Vous avez des lacunes ? Comblez-les
Tutoriels pour maîtriser « Bootstrap, from Twitter » avec le cours de Mateo • Pour comprendre la mise en oeuvre des plugins jQuery vous aurez besoin des quelques bases dans ce domaine. Il vous en manque, alors vous pouvez réparer ça ici. • Si vous voulez modifier Bootstrap pour l'adapter à vos besoins il vous faudra connaître LESS. Là aussi vous avez besoin d'un coup de main ? C'est ici.
• CSS Bootstraps et autres réjouissances
09/02/2012 | Posté dans Technique http://www.webdesignertrends.com/2012/02/css-bootstraps-et-autres-rejouissances/
