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 [...]
S’il ne devait rester qu’un tutoriel pour faire un menu CSS avec onglets…
Vous pensiez avoir fait le tour des tutoriels pour réaliser des menus avec onglets en CSS ? Moi aussi, mais c’était sans compter les facéties googliennes : je cherchais tranquillement des ressources sur le poids des sélecteurs css pour ajouter une information ou deux à mon billet sur les Reset CSS quand un résultat au titre alléchant a retenu mon attention : Lire l’article »
Sandbox Designs Competition : 46 thèmes pour WordPress passés en revue
Les résultats du Sandbox Designs Competition sont disponibles depuis quelques heures après plusieurs jours passés à peser le pour et le contre de chaque proposition. Chaque membre du jury était libre de laisser libre court à sa subjectivité et à son intime conviction pour se prononcer sur les choix éditoriaux ou la mise en valeur des différentes fonctionnalités qui structurent un blog. Ou encore sur les choix purement esthétiques comme les visuels employés ou les choix colorimétriques. J’ai accordé un poids important au confort de lecture en traquant impitoyablement les déficits en blancs tournants, interlignages et autres espacements. Pour autant, je n’ai pas laissé de répit aux problèmes de lisibilité dépendants de la palette de couleurs retenue : un blog, c’est avant tout beaucoup de texte à lire. En second lieu, j’ai pris en compte l’équilibre global du design. J’ai vérifié ensuite si la structure résistait à l’épreuve de la compatibilité inter-navigateurs. Pour celà, j’ai testé les pages sous Firefox 2, Internet Explorer 6 et Opéra 9, le tout pour Windows. Merci à Scott pour avoir mis en place ce concours qui fut un modèle d’organisation. Vivement l’année prochaine ! Lire l’article »
Menu HTML et CSS, sliding doors et item current en PHP
Ce mini tutoriel propose une technique simple pour afficher un effet de survol sur un bouton en permutant une image en background associée à un lien et faire en sorte que cet effet de survol reste une fois le bouton cliqué, de manière à signaler la page en cours. Le tout avec une pincée de HTML, une bonne dose de CSS et un soupçon de PHP. Lire l’article »
Publié le 7 mars 2007 par Bruno Bichet. 23 commentaires »
Mesure d’audience : des mots-clefs au ClickRank
Pour savoir pourquoi et comment vous lisez mon blog, j’ai installé quatre scripts de mesure d’audience : Google Analytics, phpMyVisites, MyBlogLog et HitTail. Sans compter Webalizer… Ce billet est découpé en deux parties qui devaient faire chacune l’objet d’un article séparé. Or, les statistiques fournies par les outils présentés dans la partie Quatre outils de mesure d’audience, sont utiles parce qu’elle fournissent des éléments objectifs et quantifiables pour faire évoluer un site : améliorer le design ou encore réorganiser les rubriques.
Dans une optique de positionnement dans l’index de Google, les stats peuvent également contribuer à optimiser ce qui fait l’intérêt d’un site : son contenu.
Attention à la longueur du billet qui pourrait heurter la sensibilité des plus jeunes ![]()
Lire l’article »
Menu à onglet avec javascript et css.
Les menus à onglets sont à la mode depuis déjà quelques temps. Et c’est temps mieux car ils sont bien pratiques. Ils permettent de résoudre un des problème fondamentaux des interfaces utilisateurs : comment présenter toujours plus d’informations sur une page, tout en en facilitant l’accès. Ou tout au moins sans transformer votre site en usine à gaz dont le parfum ferait fuir vos visiteurs
Lire l’article »
Publié le 5 juillet 2006 par Bruno Bichet. 22 commentaires »
SCRIPTS
Cette page regroupe quelques fonctions Javascript ou PHP, simples pour la plupart, rarement complexes, qui me sont très utiles. Comme pour la boite à outils CSS, celle-ci est destinée à s’enrichir régulièrement.
- slideToggle() et hover() avec jQuery 1.1.2
- Mettre en évidence le lien de la page en cours avec currentPage()
- Permuter une classe CSS avec une autre avec toogleClass()
- Ouvre et centre un popup en une seule opération depuis la page appellante avec popup()
- Permutez deux classes sur un événement avec multiClass()
- footer calé en bas de page avec getWindowHeight() et setFooter()
Publié le 21 juin 2006 par Bruno Bichet. Les commentaires sont actuellement fermés
L’utilisation des CSS à la place des tableaux pour concevoir une page web fait sa place dans la boite à outils du webdesigner. Or, s’il est relativement aisé de concevoir un site «full CSS» from scratch, c’est parfois un peu plus tricky de partir d’un site existant et d’en débarrasser la table. Après la lecture de ce billet, vous saurez comment j’ai divisé par deux le poids d’une page, rendu au code HTML son teint de rose, et facilité la digestion des navigateurs… tout en conservant 99% du look d’origine…
Trucs et astuces CSS
Cette page regroupe quelques trucs & astuces CSS que j’ajoute au fur et à mesure. Cette page est donc mise à jour assez régulièrement : bookmarkez, blogmarker, favorisez, bref faites tourner… Si vous cherchez plutôt des exemples de design CSS plus complet, les billets présents dans cette page consacrée au design web avec CSS devrait vous intéresser
Si vous avez vous aussi quelques astuces CSS à partager, n’hésitez pas à le faire dans les commentaires.
Lire l’article »
Publié le 21 juin 2006 par Bruno Bichet. 5 commentaires »