Les versions de FA & la dernière AwesomeBB



Un débrief écrit sur la vidéo qui est en ligne sur notre chaine youtube Smile



6 versions de forums : phpBB2, phpBB3, punBB, Invision, ModernBB et AwesomeBB.

La différence entre chaque version c’est l'affichage des éléments, le choix des balises et l’agencement des éléments. Les variables sont les même sur chaque version.

Pour changer de version il faut aller dans le panneau Admin >> affichage >> change de thème >> version.

ATTENTION je vous conseille d’enregistrer ailleurs vos templates & feuille CSS avant de changer quoique ce soit.


phpBB2
structure en tableau tellement connue et utilisée. Même si c'est un choix critiquable, les tableaux ne servant PAS à placer du contenu, ça a le mérite d'être robuste et de limiter la casse quand les contenus des messages sont blindés de code avec des div mal fermées.
Cascade de table dans des tables avec des padding et marge dans tous les sens, difficile de garder les éléments alignés à la perfection.


phpBB3
Pas de tableau, on est sur une structure en bloc (div) et en liste (ul-li) et des balises de définition (dd et dfn). Ces dernières, je les utilise jamais perso … C’est pour la sémantique, ça sert à écrire un mot et sa définition. Je suis sceptique sur l'utilité ici, mais bon, on a déjà un gros progrès avec v3 par rapport à phpBB2.


PunBB
Mélange entre bloc et tableaux. Résultat un peu plus beau dans sa version de base sans modifications. C'est plus « propre », carré, pro en soit. Mais de par l'utilisation des tableaux, ça me donne pas envie de m'investir dans la version.


Invision
Mélange entre bloc et tableaux. On reste sur une même organisation que punBB ici. C'est épuré, pro. Les stats sont un peu étoffées et on a la possibilité d'avoir des catégories rétractable, mais c'est une implémentation qui peut être codé sois même sur les autres versions .


ModernBB
Pas de tableau, c'est DIV, UL, et des DD.
On a QEEL coupé en 2, ils ont gardé les catégories rétractables. La barre de navigation est stiky (= fixée en haut du forum par défaut), plus besoin de l’implémenter. On a un design encore plus propre et pure. Amélioration considérable. Avec cette version la partie mobile s'améliore, on a accès à une version moderne qui est mieux que la classique bien que loin d'être optimale (voir plus bas..)


AwesomeBB
On a encore la sticky nav, les catégories rétractables. On a une présentation semblable à mordernBB. Le QEEL est coupé en 2 pareil, on a même une sorte d'aside, pour avoir les stat sur le côté. Qui revient dans le flux sur petit écran, le forum est ENFIN RESPONSIVE ! On va pouvoir garder le même HTML sur TOUS les devices.

Pour le moment, on n'a pas accès aux templates, c'est en version béta encore. Mais on peut déjà faire des modifications dessus avec du CSS (dans une prochaine vidéo). Rien que pour ça, car on va dire adieu au version mobile, cette version, c'est d'la bombe !!!


Version mobile vs Site responsive
2 types de versions mobiles : classique ou moderne. Cette dernière étant apparue dernièrement, en même temps que la version ModernBB.

Version moderne ressemble d’ailleurs beaucoup à ModernBB, ça s'améliore, mais c'est pas encore le top… Y’a pas accès aux profils sur la version mobile classique … Il manque des informations je trouve…

Trop grand décallage entre le forum version web et mobile, si bien qu’on préfère la version web, mais pas pratique à naviguer… Et puis tout coder en 2 fois : pour le web, puis pour le mobile.

Avec la version responsive de Awesome. On oubli tous les problèmes des versions mobiles. On va juste avoir à personnaliser l’apparence des éléments au fur et à mesure que les écrans sont plus petits. Et c’est par défaut le cas pour nous aider.

C’est vrai qu’avec les media queries (dans une prochaine vidéo) on peut modifier l'apparence sur petit écran, mais c’est galère. Là, c’est pratique c’est simple. C'est bio.





En espérant que ce tuto, vous a permis d’y voir un plus clair ! Si une question subsiste, n'hésitez pas à répondre à ce sujet pour demander des éclaircissements.

Enjoy coding !
 

fiche réalisée par laxy