Je viens de mettre en place la possibilité pour les visiteurs d’utiliser la syntaxe Markdown dans la zone des commentaires. Cette syntaxe très simple à utiliser est aussi très complète. Toutes les possibilités ne sont pas indispensables pour l’écriture d’un commentaire, aussi long et complet soit-il. Voici donc les éléments les plus utiles pour rédiger [...]
CSS
Créer un site web en XHTML et en CSS
Voici un tutoriel vidéo consacré à la conception d’une page web en XHTML 1.0 strict et en CSS. Créer un site web : codage envoyé par JojoRatonLaveur
Mes conventions en “programmation” PHP et CSS
Tiens, ça faisait longtemps que je n’avais pas participé à une chaine de blog. Suite à l’invitation de Darklg à livrer les conventions que j’utilise en programmation, voici mes secrets avec un exemple PHP et CSS à la clé. Lire l’article »
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.
Zapper la maquette Photoshop et passer directement à l’intégration HTML/CSS ?
Depuis longtemps je me dit qu’un jour je saurai faire une maquette complète d’un design web dans Photoshop. Pourtant, je lance Illustrator à chaque fois, et dès les principes graphique 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 fors intérieur, j’ai toujours trouvé que paufiner une maquette dans les moindres détails dans Photoshop était souvent chronophage : 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. Lire l’article »
Mise à jour de la grosse grosse liste #2
Suite au billet sur les outils et ressources web qu’il est bon d’avoir sous la souris, j’ai mis à jour la grosse grosse liste en créant la rubrique Références, outils et dictionnaires pour l’occasion.
Publié le 22 mai 2008 par Bruno Bichet. Aucun commentaire ? »
Revue de web de la semaine #2 (WordPress, développement web et miscellanées…)
Pour cette deuxième revue de web de la semaine, je vous propose : quelques plugins et astuces pour mieux utiliser WordPress ; ce qui a retenu mon attention en matière de développement web en général et quelques liens utiles ou simplement amusant glanés sur la vaste toile pour finir avec la banane ;) Lire l’article »
Publié le 21 mai 2008 par Bruno Bichet. 7 commentaires »
13 outils pour l’intégrateur web
Comme tous les travailleurs, l’intégrateur HTML & CSS a ses petites habitudes et une boite à outils bien remplie. Depuis longtemps, j’utilise les bookmarks en ligne. Mais si je bookmark régulièrement les liens qui m’intéressent, la recherche d’information dans ces services est souvent moins efficace que le lancement d’une recherche dans Google ! Et comme il peut être utile d’avoir certaines ressources à portée de souris, un billet est un pense-bête comme un autre. Magneto : Lire l’article »
Publié le 8 mai 2008 par Bruno Bichet. 21 commentaires »
.ma-classe-css vs div.ma-classe-css
En général, j’utilise la notation .ma-classe-css pour nommer les classes réutilisables par n’importe quel élément HTML. Cette notation est en fait un raccourci pour .ma-classe-css où est utilisé comme joker universel (les tirets ne sont là que pour le référencement).
Me souvenant que le reset * { margin: 0; padding: 0; } n’était pas optimum en terme de performances, je me suis dit que l’utilisation de div.ma-classe-css (en préfixant le nom de la classe avec la balise HTML à laquelle elle s’applique) permettrait certainement au navigateur de parcourir le DOM plus rapidement en raison du nombre réduit d’éléments sur lesquels boucler.
J’arrête les CSS (feuille de style) pour me mettre à Cansei de Ser Sexy (CSS)
C’est décidé : j’arrête de parler des CSS (Cascading Style Sheet) sur ce blog pour traiter exclusivement de CSS – Cansei de Ser Sexy, ce qui devrait me rapporter beaucoup plus de visiteurs et peut-être plus d’argent.
Quant à vous, public, vous n’y perdrez pas au change : je vous promet des images du groupe composé d’une palanquée de filles toutes plus sexy les unes que les autres. Mais chut… elles sont fatiguées d’être sexy ;)
PS : Comme quoi, on peut très bien insérer un player Flash pour mettre une vidéo YouTube en utilisant l’éditeur tinyMCE 3 de WordPress 2.5 :)


Le processus de création d’une charte graphique devrait idéalement s’appuyer sur un contenu validé par le client et bien compris par l’équipe créative chargé du projet. Le contenu est roi, parait-il. Ce cher contenu… Le moins que l’on puisse dire, c’est que si l’exactitude est la politesse des rois, le contenu se fait souvent désirer, alors que dans le même temps le client attend sa maquette. Dans ces conditions comment “sortir” une charte qui ne soit pas seulement l’application de vieilles recettes — aussi bonnes soient-elles — ou le résultat d’une bonne pioche, fut-elle issue de la tendance Web 2.0 ?
Un seul fichier CSS pour cibler IE6 et IE7 avec les commentaires conditionnels
Les hacks CSS, c’est pas bien ; les commentaires conditionnels, c’est mieux. Pour autant, je ne vois pas d’inconvénient à utiliser quelques hacks à l’intérieur d’une feuille de style réservée à Internet Explorer à l’aide des commentaires conditionnels. En effet, pourquoi ajouter une requête inutile en ciblant chaque version de IE quand on peut régler le problème une fois pour toute ? Lire l’article »
Publié le 17 avril 2008 par Bruno Bichet. 4 commentaires »