Depuis tout juste maintenant je viens de basculer sur un thème en cours d’élaboration[1] par Kozlika — il deviendra le nouveau thème par défaut de la version 2.7 de Dotclear —. Il est responsive, construit avec HTML5 et un peu d’Aria, ce qui donne (pour l’instant) ça sur la page d’accueil :
Alors forcément ça risque de déborder un peu, ici et là, et ça sera soumis à moult mises à jour et évolutions ; mais que ça ne vous empêche pas toutefois de venir rapporter par ici ce que vous aurez trouvé comme souci[2].
PS : Ce billet sera potentiellement sujet à modifications ultérieures en fonction de l’avancement des travaux.
1 De Gilsoub -
Marche plutôt bien simple et sympa, j'aime bien ce look ;-) Passe bien sur mon iMac 27'
2 De Franck -
\o/ Super !
3 De Luc -
toujours depuis mon canapé avec ma tablette galaxy tab 10.1, tout se passe bien.
thème simple et sobre comme je les aime! :-)
le “ ” pour faire apparaitre le menu est une bonne idée mais son style est surprenant!
4 De Emmanuel -
Sur mon netbook quotidien (1024 x 600), le bouton du menu droite est incompréhensible (cassé ?) : 2 petits rectangles, l'un gris, l'autre blanc. Personnellement j'opterais pour le bouton "inversé" de celui de fermeture lorsque le menu-pan sombre est ouvert (et je le laisserais personnellement à droite pour que l'ouverture-fermeture ne change pas de place et ne nécessite pas de traverser l'écran pour atteindre le bouton fermeture).
Le menu droite justement, ne ressemble pas à la copie d'écran ; je le vois en 3 colonnes et non en une seule. Il passe du coup sur quasi l'intégralité du contenu (que je devine bousculé par ce menu aussi).
Enfin, je trouve que le mouvement d'ouverture-fermeture du menu principal manque encore de "logique" dans l'effet : le bouton est à droite mais en l'activant, l'effet vient de gauche et pousse également la hauteur de page vers le bas. C'est "dissonant". Peut-être simplement enlever l'effet "venant de la gauche" et conserver un simple plier-déplier mixé (ou pas) avec un fondu.
Oh, et je note les boutons "Aperçu" et "Send" :-)
5 De biou -
Je le trouve très sympa ! Que ce soit la typo, les couleurs, le layout, j'aime beaucoup !
C'est du mobile first ? La taille de certains éléments fait un peu grand sur mon ordi de bureau, mais c'est probablement la tendance actuelle. J'aime beaucoup le style et les animations des boutons précédent et suivant.
Good job!
6 De lipki -
Emmanuel, je pense que les carrés blanc est gris c'est volontaire, ça symbolise la colonne grise a coté du contenu sur fond blanc.
Sur téléphone, ce bouton (blanc/gris) fait remonté le menu en haut à droite, ce serait mieux de plutôt faire une ancre qui nous amène en bas.
Le bouton (Haut de page) cache le footer quand on est en bas.
Sinon super, j'aime beaucoup, je le trouve parfait comme thème par défaut.
7 De Kozlika -
Je n'avais prévu la fonctionnalité de "remontée" de sidebar que sur mobile et j'ai finalement trouvé pratique de la mettre dès que le sidebar n'a plus la place de se positionner à droite. En réalité, la fonction ne fait que le "remonter" : il est présent en bas de la page par défaut.
J'ai modifié l'icône au profit d'un 'hamburger vertical' (elle sera visible à la prochaine synchro que fera Franck), puisqu'il semble que la précédente n'était pas intuitive. Dommage j'aimais assez la précédente :)
Il manque une icône (croix) de repli du menu horizontal mais ça demande qu'un copain regarde du côté du js parce que je ne sais pas implémenter les deux cas – pour l'instant c'est un simple toggle. Quant à l'effet d'ouverture de la gauche vers la droite, je le conserve ; je pense que ça n'a pas d'importance : si l'on regarde les milliards de menus "à hamburger", il existe une foultitude d'effets après son clic, vers le haut, le bas, ou venant de tel ou tel côté, je pense donc qu'il n'y a pas de comportement attendu spécifique.
Lipki, le bouton "haut de page" est fixe sur l'écran, il cache forcément une partie du contenu au fur et à mesure du scroll quand il empiète latéralement sur la page.
8 De Cunégonde -
Moi, j'adore, tout marche nickel.
9 De Llu -
Très joli ! Je l'ai d'abord découvert sur mon smartphone et ça marche plutôt bien, mais je n'ai pas vraiment testé. Juste agréablement surprise par ce rouge vif.
Comme lipki, je déplore juste que le bouton haut de page cache une partie du footer.
10 De Franck -
Ah oui, le bouton vient se superposer à la mention « Propulsé par Dotclear ». Va falloir (peut-être) cadrer différemment un des deux éléments, mais je laisse la DA décider de la meilleure façon de régler ce léger souci.
11 De ZeuBeuBeu -
Franck fait la saison 2 du footar de mierda :D ? Sinon l'est toubo et marche déjà bien sur mon Nexus 5 \o/ !
12 De Franck -
ZeuBeuBeu, faut bien que j’assume ma baseline sur le forum Dotclear ;-)
Franck Paul, aka Footer de merde
13 De Emmanuel -
@Kozlika Ok, après explication j'ai pigé pour l'icône précédente du menu :-) Elle me faisait penser à un caractère non compris par le navigateur souvent restitué par un rectangle vide justement. Pour le coup, je pense que l'icône pourrait tout à fait fonctionner si elle contenait quelques lignes/tirets façon "hamburger" comme tu dis, afin de représenter le texte se trouvant dans les zones symbolisées.
14 De Kozlika -
Ah oui Emmanuel, spa con ça, je ferai des essais d’ici quelques jours sur cette piste, merci pour l’idée !
15 De Tomek -
Ah oui, j'avais exactement la même impression qu'Emmanuel à propos de cette icône ! (et du coup je plussoie la piste évoquée)
Sinon, là maintenant je le trouve juste superbe ce thème ! Bravo !
16 De Obni -
Très beau. Épuré. Zen. J'aime.
Je pense que je l'utiliserai dès qu'il sera finalisé.
17 De ZeuBeuBeu -
Sur mon téléphone j'ai en haut un switcher pour faire apparaître la sidebar mais quel est son interêt ? Car la sidebar est déjà en dessous du contenu et le lien du header aller au menu y mène déjà ?
18 De Franck -
ZeuBeuBeu, c’est juste pour faire joujou avec l’effet volet latéral :-p
Gamins un jour, gamins toujours \o/
19 De ZeuBeuBeu -
Ah mais c'est une excellente raison les bidules à pwetpweter :D !
20 De Gvx -
Depuis le 12/01/2014 je ne reçois plus le flux atom sous thunderbird.
Il semblerai y avoir une erreur dans le flux. Voici ce qu'indique le validateur du w3c
21 De Franck -
Je regarderai ça ASAP, dès que je serai devant un ordi.