Template responsive avec flexbox

[papounet]

Salut la compagnie,

Je suis en pleine création d'un nouveau template.
J'ai utilisé la technique flexbox.
Je sais que je vais avoir des soucis avec certains navigateurs.

L'un d'entre vous a t'il un lien sérieux et régulièrement mis à jour sur les problèmes de compatibilité ???

Papounet

[lomart]

Re : Template responsive avec flexbox

Bonjour,

La référence est http://caniuse.com/#search=flexbox
a recouper avec http://www.w3schools.com/browsers/default.asp ou http://www.libstat.com/pages/navigateur.htm
pour voir les risques que l'on prend

De toute façon, utiliser flexbox veut dire que l'on va fâcher les utilisateurs d'Internet Explorer (qui sont heureusement de moins en moins nombreux)

[papounet]

Re : Template responsive avec flexbox

Super, merci beaucoup

Pour IE, pas de soucis je vais faire une page pour le remplacer.

Papounet

[ced1870]

Re : Template responsive avec flexbox

salut
j'ai utilisé Flexbox aussi sur mon site template-creator, et en le passant à la validation Google Mobile j'ai eu la bonne surprise de voir qu'il y avait un souci avec des éléments qui sortent de la page. En fouillant, j'ai trouvé que Flexbox n'est pas reconnu ...
j'ai remis des float et tout est rentré dans l'ordre

Donc à voir, peut etre que j'ai raté un truc dans son implémentation mais vérifie peut etre ce point
CEd

- - - Mise à jour - - -

Pour IE, pas de soucis je vais faire une page pour le remplacer

tu peux toujours utiliser les css sur le body pour détecter un mode rétrogradé avec des float en fonction du navigateur

[papounet]

Re : Template responsive avec flexbox

Donc à voir, peut etre que j'ai raté un truc dans son implémentation mais vérifie peut etre ce point
CEd

Pour le moment, je suis en local.
A la validation, j'ai 3 erreurs "Element dl is missing a required child element.". A cause du Détail des infos article.

On va voir quand ca va être en ligne...

Papounet

[ali13]

Re : Template responsive avec flexbox

Bonjour,

C'est fous cette mode pour Flexbox en ce moment, moi aussi je fait mon template en flexbox.

Bon pour moi ce sera mon premier Template Joomla et flexbox le prétexte pour m'y collé

Quel est le problème avec IE ?

Parque j'ai cru comprendre que c'était compatible depuis ie9 et que comme certains studios l'utilise en production je me suis dit que je pouvais m'y mettre aussi .

Merci A+

[ced1870]

Re : Template responsive avec flexbox

Parque j'ai cru comprendre que c'était compatible depuis ie9

à tester après ça dépend quelle version de IE tu veux encore prendre en charge

[daneel]

Template responsive avec flexbox

L'un d'entre vous a t'il un lien sérieux et régulièrement mis à jour sur les problèmes de compatibilité ???

Tu peux mettre en place des polyfills avec ta propre version de Moderniz pour résoudre les problèmes de compatibilité :
via le builder : https://modernizr.com/download?setclasses ainsi le fichier sera plus léger suivant ce que tu veux assurer en compatibilité pour les navigateurs "dinosaures"...

Pratique, un bookmarklet te permet de tester flexbox avec modernizr : http://chriswrightdesign.github.io/tooflexy/

Enfin, un peu de lecture : CSS 3 Flexbox: Plongez dans les CSS modernes par Raphaël Goetter

https://books.google.fr/books?id=6c2mCwAAQBAJ&pg=PA111&dq=flexbox+modernizr&hl=fr&sa=X&ved=0ahUKEwi2_PG8q_bPAhVEXBoKHco4AaYQ6AEIKjAA

[ali13]

Re : Template responsive avec flexbox

à tester après ça dépend quelle version de IE tu veux encore prendre en charge

Pour mon site perso, j’avoue que sa m'est égale car ce n'est que pour expérimenter.

Mais dans l'intercommunalité ou je travail il y à encore des vieux micro d’on un tourne encore avec un IE8 (vas savoir pourquoi). Et tous doivent avoir accès à l'intranet.

je posais la question juste par curiosité.

Merci A+

[ced1870]

Re : Template responsive avec flexbox

Enfin, un peu de lecture : CSS 3 Flexbox: Plongez dans les CSS modernes par Raphaël Goetter

très bon livre je le recommande !