JT

bbxdesign

Vestiges d'un CSS Guru

Mode normal → (affichage complet du blog)

Suivant

Précédent

tumblr

bd cinéma couleur css firefox google gratuit ie6 interface iphone javascript microsoft musique navigateur new york photo photoshop theme vidéo wordpress

WordPress en Tumblr : le flux RSS aussi

Billet

Il est facile dans un thème de WordPress de manipuler l’affichage des différents éléments d’un Post. Si je devais récapituler ce que chacun de mes formats de Post contient, ça donnerait :

contentexcerptfeatured imagecustom field
ArticleOuiFacultatifFacultatif-
LienOui--Oui
ImageOui-Oui-
CitationOuiOui-Oui
BrèveOui---

Avec cette répartition des infos, des Conditional Tags et des Templates de Post Format, je peux manipuler à ma guise l’affichage différencié.

Lire la suite →

Solarized : les couleurs de mon blog

Billet

Depuis que mon blog est un Tumblr déguisé, je différencie les différents formats de Post (article, lien, image, citation, brève) par des couleurs bien distinctes. J’étais d’abord parti du rouge, un peu au hasard.

Etant donné qu’il me fallait 5 couleurs distinctes, je partais du rouge et je changeais la teinte par coup de 72°. Pourquoi 72 ? La teinte se définit sur une échelle de 360°. Divisée par 5, ça donne 72. Ça me fournit une répartition égale entre les couleurs (du moins, mathématiquement).

Mes couleurs Tumblr avant

Désormais, ces couleurs sont remplacées par celles de l’exceptionnel Solarized.

Lancement de DDDSGN, un site d’inspiration web design

Billet

Tumblr c’est magnifique. C’est très facile à utiliser, que ce soit pour poster des images, des liens, des vidéos… C’est un gros aggrégateur de tout et n’importe quoi, on a pas besoin de se soucier de l’hébergement, on peut utiliser son propre nom de domaine, il y a pas mal de services intégrés (Twitter, Feedburner entre autres) et surtout : créer un thème Tumblr est un jeu d’enfant!

Avec cette facilité pour poster tout ce que je veux (et vite!), et un système de template vraiment simple, je me suis dit que j’allais lancer mon petit site d’inspiration en web design, qui regroupera pleins de sites et d’éléments de sites (formulaires, headers, icônes…) : DDDSGN.

Pourquoi “DDDSGN” ?

Je voulais un nom court, simple et fun. Il fait bien évidemment référence à ffffound.

Pourquoi c’est tout noir et blanc ?

J’ai testé beaucoup de couleurs et de palettes de couleurs pour des designs parfois sympas mais qui ne mettaient pas assez le contenu en valeur. Avec un site en fond blanc et le texte en nuances de gris, les couleurs des images ressortent très bien! D’ailleurs, il n’y a aucune image appelée par la CSS. C’est que de la typographie et des couleurs. Plus simple à entretenir, tiens.

Je vous invite à visiter le site et pourquoi pas à vous y abonner !

Refonte et thème tumblr pour Waker

Billet

Waker, c’est un site de bêtises trop fréquentes et trop futiles pour être postées ici.

Au départ, c’était un WordPress avec un thème pas trop travaillé, mais j’aimais bien la palette de couleurs. Et puis je me suis rendu compte que poster avec WordPress était trop contraignant, car trop long. Même avec le bookmarklet Press This, poster un simple lien ou une photo prenait trop de temps.

Résultat : je prends un tumblr tout simplement. Le bookmarklet est très efficace : il récupère facilement les photos ou la vidéo de la page où l’on est, et l’upload est direct. Au début, j’ai pris mon thème bbxtumblr, mais il manquait d’identité pour Waker.

Donc, j’en ai fait un autre.

Thème Tumblr Waker

Navigation au clavier

La grande particularité est d’avoir intégré grâce à une lib JavaScript, la navigation au clavier comme pour Google Reader ou FFFFOUND, c’est à dire la touche “J” pour suivant et “K” pour précédent, sachant qu’elle gère aussi la pagination dès que vous arrivez en haut ou en bas de la page.

Et si vous voulez savoir pourquoi ça s’appelle “Waker”, et bien voilà pourquoi.

Populaire Tutoriels Fun

Idées de cadeaux originaux