BlogNT : Le Blog des Nouvelles Technologies dédié au Web, aux nouvelles technologies et au développement Web » Bootstrap

Voici un premier aperçu du Bootstrap 3, réécrit pour être ‘mobile first’

Yohann Poiron — Mon, 11 Mar 2013 10:38:39 +0000

Bootstrap, le très populaire framework de front initialement conçue par deux développeurs faisant partie de la mouvance de développeurs qui gravitent autour de Twitter, Mark Otto et Jacob Thornton (@mdo et @fat), pourrait rapidement disposer d’une prochaine version majeure. En date d’aujourd’hui, la version release candidate preview de Bootstrap 3 est désormais disponible, et s’avère être un premier aperçu de ce à quoi s’attendre.

Pour ceux qui l’ignorent, la collection d’outils du Bootstrap s’est vu être une réponse à des problèmes d’affichage que rencontraient Mark et Jacob pour Twitter, ce dernier a rapidement été accéléré au cours du premier hackweek de Twitter. À la fin de ce dernier, une version stable était alors disponible et les ingénieurs pouvaient l’utiliser. Depuis, Bootstrap a bien grandi, allant au-delà des espérances de ces créateurs.
Ainsi, début octobre, je vous précisais que les créateurs du Bootstrap quittaient Twitter pour rejoindre GitHub pour Otto, et Obvious une mini startup qui a été lancée par les co-fondateurs de Twitter, ils ont été incités à commencer à le déplacer dans une propre organisation Open Source, GitHub. Au moment de leur départ ils avaient mentionné promettre tous deux de poursuivre à travailler sur le projet Bootstrap.

Pour en revenir à cette nouvelle version, en décembre dernier nous avions pu disposer des premiers plans et ce à quoi s’attendre pour le Bootstrap 3. En bref, les créateurs ont partagé que le framework allait complètement « laisser tomber le code existant, améliorer la CSS responsive, et centraliser les efforts de la communauté ».

Cependant, beaucoup plus a changé, à savoir que le Bootstrap 3 a été complètement réécrit et est maintenant dans la philosophie « mobile first ». Selon le site de la release candidate, le framework a été réécrit pour être « mobile friendly » dès le début. Au lieu d’ajouter en option les styles mobiles, ces derniers sont directement inclus dans le core du framework … Les styles mobile friendly peuvent être trouvés dans toute la bibliothèque plutôt que dans des fichiers séparés.

Cette importance croissante des appareils mobiles est loin d’être surprenante – d’autres frameworks web populaires en ont déjà pris connaissance – et est toujours extrêmement importante pour l’avenir du web, il est donc utile de garder un œil sur celle-ci.

Pour ceux qui l’ignorent, adopter l’approche mobile first, consiste à donner la priorité aux mobiles lors de la conception d’un site Web et ce, non seulement afin d’ouvrir de nouvelles perspectives de croissance, mais aussi afin d’améliorer l’expérience utilisateur globale du site.

Vous avez peut être déjà remarqué sur le site release candidate du nouveau Bootstrap, celui-ci est revenu à un design plat. Mais, n’ayez pas peur, les amateurs de gradient, ils vont revenir… Un utilisateur de Hacker News a mentionné une déclaration de mdo : « gradients and other embellishments have temporarily been removed while I focus on other things. It has nothing to do with skeuomorphism or anything like that ».

Embarquez-vous le Bootstrap dans vos projets dorénavant ? Que pensez-vous de cette stratégie qu’ont pris les responsables du projet ?

Comme promis, une nouvelle version du Bootstrap est disponible, la version 2.2.1

Yohann Poiron — Wed, 31 Oct 2012 09:56:29 +0000

Début octobre, je vous précisais que les créateurs du Bootstrap quittaient Twitter pour rejoindre GitHub pour Otto, et Obvious une mini startup qui a été lancée par les co-fondateurs de Twitter, Biz Stone et Evan Williams, pour Thornton. À partir de ce moment, la communauté du Web s’inquiétait de l’avenir de Bootstrap, le désormais célèbre framework CSS/JS réalisé par ses anciens employés de Twitter !

Bootstrap a commencé à être une réponse à des problèmes d’affichage et a rapidement été accéléré au cours du premier Hackweek de Twitter. À la fin de ce dernier, une version stable était alors disponible et les ingénieurs pouvaient l’utiliser. Depuis, Bootstrap a bien grandi, allant au-delà des espérances de ces créateurs.

Ainsi, alors que les employés ont décidé de quitter Twitter pour d’autre horizon, ils ont été incités à commencer à le déplacer dans une propre organisation Open Source, GitHub (pour le meilleur ou pour le pire). Au moment de leur départ ils avaient mentionné promettre tous deux de poursuivre à travailler sur le projet Bootstrap.

Et le moins que l’on puisse dire aujourd’hui c’est qu’ils n’avaient pas menti ! En effet, ils ont tenu leur promesse hier en publiant Bootstrap ~~2.2.0~~ 2.2.1.

Si vous suivez de près le projet Bootstrap, vous remarquerez que la prochaine version était censée être 2.1.2, mais les créateurs ont indiqué vouloir renuméroter la version en raison du timing et du scope. La nouvelle version dispose de 72 closed issues sur GitHub, qui comprennent des dizaines de corrections de bugs, des améliorations de documentation, et quelques fonctionnalités nouvelles et améliorées. Plus précisément, il y a quatre exemples de nouveaux modèles, un nouveau composant média, et une nouvelle échelle pour la typographique.

Voici le changelog officiel Bootstrap ~~2.2.0~~ 2.2.1 :

Added four new example templates to the docs, including a narrow marketing page, sign in form, sticky footer, and a fancy carousel (created for an upcoming .net magazine article).

Added the media component, to create larger common components like comments, Tweets, etc.

New variable-driven typographic scale based on @baseFontSize and @baseLineHeight.

Revamped mini, small, and large padding via new variables for inputs and buttons so everything is the same size.

Reverted 2.1.1′s .box-shadow(); mixin change that caused compiler errors.

Improved dropdown submenus to support dropups and left-aligned submenus.

Fixed z-index issues with tooltips and popovers in modals.

Hero unit now sets basic type styles for the entire component, rather than on .hero-unit p { … }.

Updated JavaScript plugins and docs to jQuery 1.8.1.

Added Contributing.md file.

Added support for installing Bootstrap via Bower.

Miscellaneous variable improvements across the board.

Miscellaneous documentation typos fixed.

Pour la suite des évènements, Otto indique qu’ils travaillent toujours sur la création d’une organisation open source qui organisera les futurs développements sur GitHub. Il précise également qu’une grosse sortie est à venir, et c’est pourquoi ils vont changer de version prochainement ! En attendant, profitez des corrections et des nouveautés offertes par celle-ci

Mise à jour du 31/10 à 14h30

Comme le souligne devzonefr en commentaire de l’article, l’équipe a rapidement publié un fix sur la version 2.2.0, pour passer 2.2.1. En effet, comme le mentionne Otto quelques bugs ont été signalés, mais un seul de taille : le dysfonctionnement des carrousels. Un pull request après ces bugs étaient corrigés.

Embarquez-vous le Bootstrap dans vos projets dorénavant ?

Les créateurs du bootstrap quittent Twitter pour GitHub

Yohann Poiron — Tue, 02 Oct 2012 08:25:17 +0000

Mark Otto et Jacob Thornton qui ont développé le célèbre framework qui va vous permettre de démarrer le webdesign d’un site Web, Bootstrap tout en travaillant pour Twitter, ont décidé de quitter la société de réseau social après près de 3 ans.
En effet, comme ils le mentionnent dans un billet sur le blog, ils promettent qu’ils vont tous deux poursuivre à travailler sur le projet Bootstrap, qui a été initialement annoncé de retour en août 2011.

Bootstrap a commencé à être une réponse à ces problèmes et a rapidement été accéléré au cours du premier Hackweek de Twitter. À la fin de ce dernier, une version stable était alors disponible et les ingénieurs pouvaient l’utiliser.

Bootstrap a bien grandi, allant au-delà des espérances, indique Otto. C’est en partant de ce constat qu’ils ont été incités à commencer à le déplacer dans une propre organisation Open Source, GitHub (pour le meilleur ou pour le pire).
Avec l’aide et les commentaires de beaucoup d’ingénieurs, le Bootstrap a considérablement évolué afin d’englober non seulement les styles de base, mais également d’élégants modèles de conception frontend.

Voici ce que l’on peut relever dans les commentaires d’Hacker News :

The timing has nothing to do with a disagreement about Bootstrap (seriously, none what so ever), and more to do with us both wanting a change in our own lives for what we do day-to-day. Twitter, the company and product, are both amazing and Jacob and I have worked there for 2.5 years.

We’re stoked for our next things and we both want to keep working on Bootstrap no matter what. We have an obligation to the community and know it could go much further. (Oh, and yes, I screwed up the date on the post. My bad, yo.)

Bootstrap was created by me at Twitter as a means to make better looking internal tools. … It started off as a simple HTML/CSS thing, then Jacob built plugins on top of it, and we open sourced it together.

We made it at Twitter, so when we wanted to open source it, we went to Twitter to ensure it was good to go. Thus, it was named Twitter Bootstrap (originally, “Bootstrap, from Twitter” actually).

Now, it’s back to just “Bootstrap

Cette information arrive quelques semaines après qu’Otto et Thornton ont annoncé la sortie de la version 2.1 du Bootstrap, apportant une documentation simplifiée et une tonne de corrections.

Pour l’instant, le Bootstrap restera un projet sur le compte GitHub de Twitter. Pur coïncidence (?), GitHub est aussi celle où Otto va désormais être l’employé, comme il le souligne dans le commentaire sur le fil d’Hacker News au sujet de son départ et celui de Thornton de Twitter.

Thornton va quant-à lui rejoindre Obvious, une mini startup qui a été lancée par les co-fondateurs de Twitter, Biz Stone et Evan Williams.

Reste à savoir ce que va devenir le Bootstrap Twitter… Sans nul doute que je reviendrais sur le sujet dès que l’on aura davantage d’informations…

Les acteurs du Web en ont parlé [#27]

Yohann Poiron — Sat, 31 Mar 2012 08:30:44 +0000

À l’heure où vous lisez ces lignes, sachez que je suis au Barcamp de Bordeaux ! Au programme c’est simple : chacun est libre de proposer une présentation quel-quelle soit… Si vous me suivez sur Twitter, ou Google+ vous devriez suivre ma journée et les différents ateliers auxquels je vais participer.

Bref, pour en revenir à notre sujet, je vous propose de revenir sur l’actualité et les tutoriels de la semaine que j’ai pu découvrir chez mes confrères blogueurs ! Que du bonheur cette semaine croyez moi.

Pour ceux qui découvre cette catégorie, il s’agit de liens vers des articles, des services que des lecteurs ont relevé et envoyé par l’intermédiaire de ce formulaire.

Note : Vous pouvez également soumettre vos liens chaque semaine en cliquant sur ce lien.

Au sommaire de la semaine :

Les liens

Comment vérifier les possibilités d’augmentation mémoire de son PC, CPU-Z

Pour augmenter les performances d’un PC, rien de tel que de gonfler sa capacité en mémoire vive.

Informations sur le lien :
Proposé par : Jamil Zaiani
Lien : http://www.ballajack.com/comment-verifier-possibilites-augmentation-memoire-pc

Peut-on demander à celui qui postule pour un emploi le mot de passe de son compte à un site Internet ?

Dernier sujet de discussion parmi les défenseur de la sphère privée, la tendance apparemment croissante des employeurs à demander le mot de passe facebook lors de l’entretien d’embauche.
Une pratique évidemment illégale.

Informations sur le lien :
Proposé par : Sylvain
Lien : http://ntdroit.wordpress.com/2012/03/27/peut-on-demander-a-celui-qui-postule-pour-un-emploi-le-mot-de-passe-de-son-compte-a-un-site-internet/

Dropbox : Leader des services de stockage en ligne

Dropbox serait le leader incontesté du stockage en ligne !

Informations sur le lien :
Proposé par : Yohann
Lien : http://www.autourduweb.fr/dropbox-leader-services-stockage-en-ligne/

Mes applications Android préférées

Petite compilation des applications Android à avoir sous la main.

Informations sur le lien :
Proposé par : Yohann
Lien : http://korben.info/mes-applications-android-preferees.html

Google Chrome 18 est dans les bacs !

Voici la nouvelle version du navigateur de Google décortiquée par Fred.

Informations sur le lien :
Proposé par : Yohann
Lien : http://www.fredzone.org/telecharger-google-chrome-18-403

Twitter à la mode Pinterest : Twimfeed

Un petit service permettant de visualiser les photos publiées par les gens que vous suivez sur Twitter à la façon d’un board sur Pinterest

Informations sur le lien :
Proposé par : Yohann
Lien : http://www.blogdumoderateur.com/index.php/post/twitter-pinterest-twimfeed

Responsinator, tester ses sites avec différentes tailles d’écrans

Responsinator est un webware qui permet de tester en ligne le comportement de ses sites sur différentes tailles d’écrans. Les plus populaires sont référencées.

Informations sur le lien :
Proposé par : Yohann
Lien : http://blog.websourcing.fr/responsinator-tester-sites-avec-differentes-tailles-decrans/

How To: Translate Your WordPress Site: Free Tools & Plugins

Des utilitaires pour vous aider à traduire votre site WordPress

Informations sur le lien :
Proposé par : Yohann
Lien : http://wplift.com/how-to-translate-your-wordpress-site-free-tools-plugins

Pourquoi ne pas migrer vers PHP 5.4 ?

Des raisons expliquant pourquoi il est pertinent de migrer aujourd’hui vers PHP 5.4 !

Informations sur le lien :
Proposé par : Yohann
Lien : http://blog.mageekbox.net/?post/2012/03/29/Pourquoi-ne-pas-migrer-vers-PHP-5.4-Raison-1

Why Every New Website Will Use Bootstrap ?

Des réflexions sur pourquoi votre site Web doit utiliser un bootstrap.

Informations sur le lien :
Proposé par : Yohann
Lien : http://minimaxir.com/2012/03/bootstrap-for-everyone/

JavaScript Pattern Collection

Une collection de patterns JavaScript impressionnante !

Informations sur le lien :
Proposé par : Yohann
Lien : http://shichuan.github.com/javascript-patterns/

Voilà pour cette semaine ! Si vous avez des liens n’hésitez pas à compléter l’article dans la partie commentaires. Si je les juge pertinents je les ajouterais à la suite de cet article.