[Humeur] votre avis sur bootstrap

[ced1870]

salut à tous
avec l'arrivée de Joomla! 3.0 on parle beaucoup de bootstrap, le framework responsive qui sera probablement intégré dans cette mouture de joomla!.
J'aimerais avoir vos avis sur ce framework, pourquoi l'utiliser ou pas, quels avantages, etc...

Pour ma part je trouve que c'est une usine à javascript pour créer du responsive design qu'on peut gérer en mediaqueries, mais mon avis est peut etre erroné , surtout que le design obtenu ne ressemble à rien d'exceptionnel tant qu'on ne met pas les mains dans les css. Donc beaucoup de boulot en perspective ...

Et vous, vous en pensez quoi ?

CEd

[lefabdu51]

Re : votre avis sur bootstrap

Il gere l aspect auto adaptable à ta place, ce qui pour les non informaticiens est un plus certain.

S il as été intégré, c est pour que les templates standards soient auto adaptable, ce qui vas provoquer un regain d'interet pour ceux ci.

Et couplé aux nouvelles possibilités d 'edition depuis le frontal, il ajoutes certainement un gros plus.

Personnelement, j attends de voir une beta qui l'intègres avant de juger..

j ai l impression que c est plus qu'un simple framework css...

[daneel]

Re : votre avis sur bootstrap

Bonjour,

Déjà le responsive n'est qu'une partie de bootstrap qui n'est apparu en version 2. Bootstrap inclus un ensemble de fonctionnalités composé de css, jquery, less, des éléments en javascript, etc...
On peut voir la liste avec le téléchargement personnalisé de bootstrap : http://twitter.github.com/bootstrap/download.html

Adapté pour joomla, une démo de l'interface en statique de Joomla 3.0
est présente sur : http://www.kyleledbetter.com/j3ux/site/

Sinon en quelques heures, on a vite faite d'adapter le coté responsive de bootstrap à des templates mêmes ceux par défaut dans joomla 2.5 : http://beez.der-auftritt.de/ (exemple de beez5 "bootstrapé" et adapté par Angie Radtke)

En résumé on n'est pas obligé d'utiliser l'intégralité des fonctionnalités mais c'est dans tous les cas l'objectif fixé dans Joomla 3.0. Cette volonté d'adapter bootstrap à Joomla en back et en front est valable pour trois raisons :

1. Rendre les sites web et l'administration encore plus conviviale et adaptée à tous les écrans. En plus du responsive, de nouvelles fonctionnalités sur le frontend devrait apporter une meilleure utilisation pour les non informaticiens. Plus simple, plus ergonomique... c'est un pari audacieux car Joomla se doit de s'adapter également dans toutes les langues comme à l'origine.

2. Permettre aux développeurs d'extension de coder et non de faire du design car la plupart sont obligés de créer des éléments qui pourraient être mutualisés. Pourquoi réinventer la roue si elle existe déjà ?

3. Normaliser les classes afin de rendre plus facile les prochaines adaptations. Certains auront peut être la crainte de manquer de créativité. Pour moi, cela tire vers le haut la qualité de réalisation de certains templates.

C'est vrai que Bootstrap change la façon de voir les choses dans l'interface back et frontend et que cela provoque pas mal de changements et de nombreux problèmes à régler. J'en vois certains qui ralent depuis l'annonce de Kyle. Pourtant, j'ai vu passer des bonnes choses comme la création d'un groupe de travail pour l'intégration du javascript dont la librairie jquery (utilisé par bootstrap). : http://docs.joomla.org/JavaScript_Working_Group

Il y a beaucoup d'enjeu dans ce changement car on révolutionne l'interface. Personnellement, c'est une bonne idée mais on doit laisser le temps aux developpeurs d'adapter tout cela malgré la pression et les échéances du calendrier. De toute façon, je suis convaincu que cela ne sera pas possible d'être prêt en septembre car il reste pas de choses à faire.

Vous pouvez aussi participer aux tests et faire des retours auprès de l'équipe de développement.

https://github.com/Joomla3-Admin-template/joomla-cms

Prenez la branche template 7 ou 8+ et tester la version en cours...

Pour ceux qui souhaitent utiliser le responsive web design de Bootstrap dans Joomla 2.5 :

Gratuit :

- Un excellent tutoriel d'Hagen Graff pour créer un template bootstrap from scratch (à partir de rien):

http://magazine.joomla.org/issues/Issue-Aug-2012/item/818-Using-the-Twitter-Bootstrap-Framework-to-build-a-responsive-Joomla-Template-from-Scratch

- Un tutoriel pour faire un template à partir de l'excellente base de travail : http://blank.vc/

http://blank.vc/blog/19-blank-template-and-twitter-bootstrap-tutorial-for-joomla.html

En démonstration Il utilise le thème amelia disponible sur : http://bootswatch.com/ > demo Joomla : http://jab12.blank.vc/

- Préparer le graphiste à la grille de bootstrap avec le modèle photoshop :

http://cl.ly/1l2b0y3y3H2c1f2Z0M47

Payant :

- le dernier template de Rocket Theme utilise Bootstrap :

http://www.rockettheme.com/joomla-templates/kirigami

- Joostrap, un template gantry devenu responsive :

http://www.joostrap.com/joomla-bootstrap-rwd-starter-template

[ced1870]

Re : votre avis sur bootstrap

hé ben , merci pour vos réponses
j'y vois déjà un peu plus clair, et surtout je commence à comprendre l'intérêt de l'intégrer.
Merci pour les liens Yann, je vais jeter un oeil à tout ça. Il ne reste plus qu'à voir ce que ça va donner, et tenter de s'y faire et de se former

[lefabdu51]

Re : votre avis sur bootstrap

Il y as aussi deux plugins sur le JED qui permettent d'integrer bootstrap.. Pour la partie frontale, les deux sont ok, mais en ce qui concernes l administration, j ai trop de deformations pour que cela soit utilisable.

Bootstrap risque de rendre certaines fonctionnalités des frameworks type vertex, warp obsolètes , ou un risque d incompatibilité entre les deux...a voir comment ceci seras géré.

Grace au tuto donné ici, je vais pouvoir adapter bootstrap a des templates 2.5 ..ca vas bien m aider.

[ced1870]

Re : votre avis sur bootstrap

quant on voit que rockettheme intègre déjà bootstrap, on peut penser que les autres vont suivre et adapter leurs frameworks.
Moi aussi va falloir que je songe à l'intégrer dans template creator ... mais j'attendrai la v3.0 pour commencer à me pencher dessus, étant donné qu'on n'est meme pas sur que bootstrap soit dedans

[lefabdu51]

Re : votre avis sur bootstrap

une chose que j apprécies avec bootstrap..tu passe sur leur site, tu choisit les options et tu récupères une version adaptée pour le projet.Ensuite ce n est que quelques fichiers a remplacer..Pas besoin d'éditer les fichiers pour l alleger.

[ced1870]

Re : votre avis sur bootstrap

oui c'est pas mal mais tu peux le faire avec mootools aussi normalement, mais comme c'est intégré à joomla c'est le full package et je pense que ce sera pareil pour Bootstrap

[lefabdu51]

Re : votre avis sur bootstrap

Il ne seras pas intégré a joomla 2.5 ... donc c est pour cette version que ce serat un reel avantage. Au moins pour la création de templates. j ai tésté sur un beez modifié et c est clair qu il apportes de sacrés plus. Et ca fait juste une css de plus à gérer.
Par contre, il faut tenir compte de la syntaxe des style decrit dans le fichier index.php pour que cela fonctionnes. C est la ou est le plus gros des modifs concernant l'intégration de bootstrap.

[ced1870]

Re : votre avis sur bootstrap

Par contre, il faut tenir compte de la syntaxe des style decrit dans le fichier index.php pour que cela fonctionnes. C est la ou est le plus gros des modifs concernant l'intégration de bootstrap.

je pense qu'il faut tout overrider en fait, je me trompe ?

En v3.0 justement ce sera un avantage puisque tout sera prévu (normalement).

[lefabdu51]

Re : votre avis sur bootstrap

il vaut mieux d ailleurs...

un exemple de fichier index.php ...il est extrait du tuto du joomla mag ..

http://cocoate.com/sites/cocoate.com/files/index.php_.txt

Tu verras directement.

Les overrides utilisés dans le tuto viennent de ce template

http://hwdmediashare.co.uk/joomla-te...s/116-strapped.

Moi il y as quelques trucs que je cherche..je vais me pencher sur la doc afin de voir si c est possible de supprimer la barre en haut pour les hautes résolutions...

[jisse03]

Re : votre avis sur bootstrap

Hello,

un exemple de fichier index.php ...il est extrait du tuto du joomla mag ..

http://cocoate.com/sites/cocoate.com/files/index.php_.txt

Tu verras directement.

Les overrides utilisés dans le tuto viennent de ce template

http://hwdmediashare.co.uk/joomla-te...s/116-strapped.

Ce template de hwdMediaShare est assez réussi d'ailleurs

[ced1870]

Re : votre avis sur bootstrap

oui, ce qui est marrant c'est que son propre site n'est pas responsive ...

[jisse03]

Re : votre avis sur bootstrap

Le site lui même n'est pas basé sur Strapped Par contre la démo du template est bien responsive

[lefabdu51]

Re : votre avis sur bootstrap

Il s integres bien avec K2.... Il ouvres de reelles possiblités de mise en page supplementaires...surtout avec le mecanisme des sous templates... et une seule feuille de style pour controler tout ce qui as trait a bootstrap..... Il est plus simple à intégrer que ce que je pensait a la base.