HTML & CSS

Blueprint Generator : une grille CSS à vos mesures

Le framework CSS Blueprint propose une grille par défaut de 950 pixels de large, divisée en 24 colonne de 30 pixels chacune, séparée par une gouttière de 10 pixels. Contruire sa propre grille est assez fastidieux mais Blueprint Generator est là pour vous demander le nombre de colonne, leur largeur, la gouttière qui les sépare ainsi que la largeur totale que vous voulez.

Vous saurez ensuite combien de pixels vous manquent (ou de combien vous dépassez) pour arriver à la bonne largeur. Reste à jouer sur les différentes valeurs pour générer le code CSS qui remplacera les valeurs de grid.css inclus à l’origine dans Blueprint.

Cerise sur le gâteau, une version compressée est proposée, ainsi que l’image grid.png qui sert à afficher la grille de base pour le placement des colonnes lors de la phase de conception.

Le petit journal du web

Nouveau design en place : plus bleu, plus carré, plus centré

Juste un mot pour vous signaler que l’ancien design dont vous pouvez admirer une partie ci-dessus vient de laisser place au nouveau design SquaryBluevie. J’ai essayé de faire quelque chose de plus clair et de plus structuré en repensant notamment le haut de la page — les mauvaises langues diront que ce n’était pas difficile ^_^ ! Comme son nom l’évoque, ce thème est plus carré et plus bleu car je me suis rendu compte que j’utilisais très peu cette couleur ainsi que les formes carrées. Par ailleurs, comme je n’ai pas un goût très prononcé pour les alignements centrés (je préfère souvent les alignements improbables), j’en ai profité pour me forcer un peu afin d’élargir mon horizon visuel.

Le petit journal du web

Mise en place d’un nouveau design : perburbation en vue ;)

Toujours motivé pour vous offrir le meilleur confort de lecture sur ce blog, j’ai décidé de modifier ce thème en profondeur pour le rendre plus clair et mieux structuré. Bien que j’utilise l’excellent plugin Theme Test Drive trouvé grâce à fran6, j’ai pris l’habitude de terminer la mise en place de mes thèmes directement en production car je fais un usage important des widgets ; malgré les qualité du plugin, la modifications des zones de widgets ne peut pas s’effectuer sans casser quelques oeufs dans la vie réelle du blog 😉

Web 2.0

Oh, Il a bon dos le Web 2.0 !

Ca m’ennuie toujours de m’aperçevoir que mon contenu est aspiré par un aggrégateur de flux RSS qui affiche de la publicité pour monétiser mon contenu à l’insu de mon plein-gré. Si encore l’aspiration était précédée d’un petit mail pour entamer le dialogue et proposer de reverser un petit pourcentage, mais non, même pas… J’ai pourtant inscrit sur toutes les pages de ce blog : →

Intégration web

Zapper la maquette Photoshop et passer directement à l’intégration HTML/CSS ?

Depuis longtemps, je me dis qu’un jour je saurai faire la maquette complète d’un design web dans Photoshop. Pourtant, je lance Illustrator à chaque fois, et dès les principes graphiques en place, je lance mon éditeur web préféré (en ce moment, c’est Aptana Studio) pour commencer l’intégration tout de go ! Dans mon for intérieur, j’ai toujours trouvé que peaufiner une maquette dans les moindres détails dans Photoshop était souvent plus chronophage qu’efficace. On se focalise sur les détails graphiques (le bidule, un peu plus à droite, c’est possible ?) au lieu de privilégier la bonne distribution des informations dans l’espace. →

Mesure d'audience

Deux années au compteur pour css4design

Dans quelques jours (le 22 juin exactement), ce blog fêtera deux ans de mise en service avec pas moins de 219 articles, 3 pages, 16 brouillons, le tout contenu dans 20 catégories et 502 tags ! Une petite moyenne de 2 articles par semaine, avec pour une part, quelques articles de fond sur des sujets liés au graphisme, à l’intégration web, aux plate-formes de blog Dotclear et WordPress, ainsi qu’une foultitude de tutoriels sur le HTML et les CSS, et pour finir, pas mal de petits billets sur des sujets divers et variés. →

Le petit journal du web

Vous avez oublié vos clés (primaires) chez MySQL ?

Allez donc faire un tour chez Nicolas qui a publié un billet sur le sujet. Si j’étais mauvaise langue, je dirais que rien que le fait qu’il ait rédigé quelque chose mérite un mention « Très Bien », mais je sais me tenir 😀 Cerise sur le gâteau, il nous offre un billet très intéressant sur les clés primaires composites avec MySQL qui vont, j’en suis sûr, vous faciliter la vie quand vous aurez besoin de gérer des données en plusieurs langues, par exemple 😉

WordPress A à Z

Quelques notes sur un thème magazine de A à Z — E comme épure

Picsou MagazineRappelez-vous, je m’étais lancé dans la conception d’un thème pour WordPress qui aurait des « allures » de magazine. C’est Julien qui m’a gentiment lancé un petit reminder sur Twitter pour que je me bouge la souris 😉 Après avoir gribouillé quelques notes, je me suis aperçu qu’il serait difficile de proposer un thème magazine adapté à tous les publics et à toutes les lignes éditoriales… (Je précise d’emblée que le thème que vous avez sous les yeux n’est pas celui qui est destiné à être distribué. Il en est juste l’épure qui me sert à tester le moteur de WordPress en profondeur in situ. Pour l’occasion, j’en ai profité pour faire mon redesign de printemps. Je précise aussi que cet article est un mashup de plusieurs billets que j’avais prévu de publier séparément ; il est donc un peu long). Voici le sommaire complet des 26 articles de WordPress de A à Z. →

Le petit journal du web

C’est EnoOOrme et ça vient de sortir (le Varan se porte bien)

Depuis le temps que le Chauffeur de Buzz nous faisait saliver avec son digg-like qu’il bichonait tout seul dans son coin… Là, c’est fait, EnoOOrme est en ligne ! Et dès les premières secondes, on sent que ça va être chaud, très chaud. J’imagine déjà le Romain (pas le gladiateur, hein ?) tout boOOillant devant son écran en train de compter les points 😀