#12762

Blogotext++ image - 1626x1832px

Je suis en train de refaire l’interface de Blogotext.
Ça va faire un peu plus moderne.

C’est complètement pompé sur le design de Google, mais à vrai dire j’aime beaucoup ce thème : je le trouve joli et surtout il ne se met pas en travers de mon chemin, que ce soit avec des informations inutiles ou avec des boutons dont on ne se sert pas et qui nous gênent.

L’interface de Google (material) est selon moi un juste milieu entre le "flat pur" (comme Windows 8 : très coloré, aucune ombre, peu de dégradés) et un truc super détaillé, très artistique (les premiers iOS : les icônes magnifiques, mais parfois trop).
J’utilise pas de Framework tout fait de 50 Mo, mais j’utilise quelques icônes de Google : https://github.com/google/material-design-icons , qui sont sous CC-BY facultatif.

Au menu, des animations et des transitions CSS à foison, mais je rassure les 4±1,5 utilisateurs de Blogotext : c’est pas blingbling au point de ressembler à un .ppt de chatons avec des citations philosophiques partout:p.

Le CSS3 permet beaucoup de choses et j’en tire partie, d’autant plus qu’en ce moment, le CSS3 est à 99% cross-browser sur tous les derniers navigateurs (IE <11, gtfo) :

Par exemple, pour les sélecteurs :
#top #search input[type='search']:not([value=""]):not(:focus) {}

form[action="maintenance.php"] p label+*:first-of-type {}

#billets li > span:nth-of-type(odd) {}


Mais aussi flex box : franchement, si vous n’utilisez pas encore ça, allez-y : c’est incroyablement puissant et c’est pas si compliqué que ça.
http://lehollandaisvolant.net/img/cf/blogotext-3.png