Un petit redesign de Gmail (bonus : supprimer la barre noire des sites Google)

Je me suis amu­sé (est-ce le bon mot ?) à faire deux feuille de style pour amé­lio­rer un peu l’interface de Google. Pour ceux qui ne connai­traient pas, avec un addon pour son navi­ga­teur et un peu de CSS, on peut per­son­na­li­ser l’apparence d’un site. On peut les trou­ver ici.

La pre­mière fait gicler la barre de navi­ga­tion noire des ser­vices de Google, vu que je ne m’en sers pas et qu’elle est mal inté­grée à Search : elle fait dou­blon avec les bou­tons « Images », « Maps », etc. tout en se com­por­tant légè­re­ment dif­fé­rem­ment. Je ne suis pas à le pre­mier à faire ça, mais celle-ci est plus exhaus­tive et marche mieux que celles que j’ai trou­vé (sans doute parce qu’elle est encore récente, hin hin).

La seconde réar­range le layout (par­ler de rede­si­gn est sans doute un grand mot) pour quelque chose de plus mini­ma­liste. Pour résu­mer, les deux barres d’actions sont com­pri­mées en une seule, sont sup­pri­més Google Chat, la colonne à droite d’un mail, les fonc­tions de G+… la barre noire est trans­for­mée en petite liste en bas à droite. Évidemment, c’est accor­dé à mes pré­fé­rences et inuti­li­sable pour pas mal de monde. Mais c’était un exer­cice inté­res­sant de voir jusqu’on pou­vait aller.

gmail_full

Le résul­tat n’est pas par­fait et je ne garan­tis pas la per­en­ni­té du CSS. Il y a beau­coup de règles vilaines et il suf­fit que Google change le nom d’une classe pour que les choses se gâtent. En atten­dant, si vous avez Firefox et l’addon Stylish, vous pou­vez les essayer depuis .

Glitchy web design

screenshot twitter

screenshot twitter

Appelez-ça Glitch art, blague potache ou truc anec­do­tique, mais je trouve ça assez fas­ci­nant. Obtenu en pivo­tant tous les élé­ments d’une page (ici, Tout ce qui bouge et Twitter) d’un fac­teur aléa­toire.

Ornementations

Quelques ten­ta­tives pour des­si­ner des orne­men­ta­tions ser­vant à sépa­rer des sec­tions de texte, et qui changent des ara­besques clas­siques de ce genre.

Ornementation 2

Ornementation 2

Ornementation 3