Les frameworks CSS ont fait couler beaucoup de pixels : d’un côté, ils proposent une méthode à l’épreuve des balles pour placer les blocs sur sur la page en tenant compte des contraintes cross-browser ; de l’autre, ils ajoutent des classes CSS superflues dans le code HTML pour la présentation des contenus, ce qui n’est pas jugé «sémantique» par les farouches défenseurs d’une séparation entre le fond et la forme. Voilà en gros l’avantage principal et l’inconvénient majeur qu’on peut dégager si on met de côté le faux problème du poids de ces frameworks. Après avoir donné mon point de [...]
Le blog de l'intégrateur web
Générateur de coins arrondis avec border-radius
La propriété CSS3 border-radius permet de faire des coins arrondis pour rendre nos pages web plus jolies à regarder. Tous les navigateurs ne prennent pas en charge la propriété CSS3 border-radius : les agents utilisateurs carburant au moteur de rendu Webkit (Chrome, Safari, iPhone, Android) utilisent -webkit-border-radius et ceux qui tournent sur Gecko (Firefox, Camino) utilisent -moz-border-radius. Quant à Internet Explorer, on peut garder l’espoir qu’avec IE9 ont verra un peu de lumière au bout du tunnel… Voulez-vous en savoir plus ?
Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de recul
Comme Francis Chouquet de fran6art qui a pu acheter le nom de domaine franc.is, j’aurais bien aimé avoir bru.no pour centraliser ma vie et mes avis numériques. Malgré tout, j’ai décidé de rassembler une partie des billets sur AVEC BRIO ! mon nouveau blog un peu plus «perso» que les autres. Vous y trouverez les archives de Notorious Blog et de Zeugme. J’avais lancé le premier fin 2006 dans le cadre de la vente de prestations autour du blogging et qui s’est peu à peu transformé en observatoire de la blogosphère. J’ai créé le second fin 2008 pour garder une trace de textes à tendance littéraire écrits à l’origine sur et pour le «papier». Au final, ces deux blogs ne représentent que deux des nombreuses facettes de mes centres d’intérêts : il me parait aujourd’hui plus avisé d’ajouter des nouvelles catégories plutôt que créer un nouveau blog chaque mois ;) Voulez-vous en savoir plus ?
Ecrire pour Google : des mots-clés au clickrank
L’analyse des mots-clés en provenance de Google en dit autant sur les intentions des internautes que sur le contenu de votre site ! Et ceci dans un double mouvement qui se renforce : plus votre contenu colle à la formulation des demandes des internautes, plus ces derniers auront des occasions de vous lire. C’est bête comme choux, mais pas si facile à réaliser ;) Ce billet est la réécriture de la deuxième partie du (trop long) article intitulé Mesure d’audience : des mots-clefs au ClickRank il y a plus de 3 ans. Non seulement il n’a pas trop vieillit, mais certaines hypothèses (relation entre les résultats de recherche et les statistiques puisées dans Google Analytics) ont trouvé depuis des éléments de confirmation avec le Google Bounce Factor, notamment. Voulez-vous en savoir plus ?
Le petit journal du web #2 — Coins arrondis ombrés, capture d’écran dans Chrome, CSS3 et autres liens
Je partage généralement mes bons liens depuis mon compte Twitter mais n’est pas une raison pour arrêter complètement les listes de liens : elles ont leurs détracteurs mais aussi leurs supporters, sans compter que ces simples listes peuvent devenir Le petit journal du web qui claque mieux ! Cette sélection de ressources illustrées vous permettra de : (ré)apprendre à faire des liens accessibles ; vous méfier des attaques XSS avec Markdown ; créer des boutons funky en full CSS3 ; voir une méthode pour faire des blocs avec des coins arrondis avec une seule image ; utiliser les sélecteurs avancés y compris avec IE6, mieux connaitres les nouveaux enjeux concernant le métier de rédacteur web, etc. Voulez-vous en savoir plus ?
Wordpress — Menus «funky» avec wp_list_bookmarks()
Wordpress est un CMS formidable, ce qui ne l’empêche pas d’avoir des lacunes. L’une d’elle concerne la possibilité de construire des menus composés de liens vers des pages ou des articles publiés sur le blog, ce qui est courant avec des CMS comme Drupal ou Joomla. En général, je me contente de créer mon menu en HTML et ça fonctionne très bien. Toutefois, cette solution n’est pas toujours très évidente à maintenir. Voici la solution que j’ai retenue pour la mise en place des liens pointant vers les articles que je souhaitais mettre en avant sur ce blog. Voulez-vous en savoir plus ?
Guide stylistique — Exemple de charte graphique et éditoriale
Lorsqu’on réalise le design d’un site web, il est d’usage de formaliser les choix créatifs retenus en répertoriant les éléments qui composent l’identité graphique et éditoriale dans un guide stylistique. Son objectif est de garantir à l’utilisateur final une expérience visuelle et intellectuelle cohérente tout au long de la navigation. Ce guide stylistique s’adresse généralement aux professionnels chargés de la réalisation technique du site (développeurs, intégrateurs web, etc.) et à ceux qui devront intégrer les contenus au quotidien, qu’il s’agisse des textes et de tout élément graphique ou multimedia. Il peut également préciser les valeurs de la marque et son positionnement vis-à-vis de ses concurrents. C’est dire l’importance de ce guide qui servira souvent de référence dans l’entreprise. Voulez-vous en savoir plus ?
7 conseils pour mélanger plusieurs fontes dans votre design web
La typographie peut devenir la partie la plus créative de votre design ou la plus frustrante. Travailler avec ne serait-ce qu’une police de caractère peut déjà devenir un défi insurmontable pour de nombreux webdesigners ; alors imaginez ceux qui utilisent jusqu’à sept fontes ou plus dans leur design ! Voici un résumé de l’article 7 Rules for Mixing Multiple Fonts in Good Web Design qui passe en revue les éléments à prendre en considération pour utiliser plusieurs polices de caractère dans votre site web. Voulez-vous en savoir plus ?
Les mathématiques appliquées au webdesign
Mathematics is beautiful? et pourquoi pas Code is poetry pendant qu’on y est ! C’est pourtant vrai : les mathématiques pourront servir de tremplin à l’inspiration lorsque mettrez en route votre prochain design web. Comment ? Vous saurez tout en lisant l’excellent Applying Mathematics To Web Design paru chez Smashing Magazine où j’ai eu la surprise de voir mon article sur l’application du nombre d’or et la suite de Fibonacci dans le webdesign cité dans la partie Fibonacci Design \o/ Voulez-vous en savoir plus ?
Dummy Image — des images de placement pour votre site web
Dynamic Dummy Image Generator est un outil en ligne qui génère une image en fonction de la taille que vous indiquez : saisissez le format dont vous avez besoin à la fin de l’URL du site, comme http://dummyimage.com/434×200 par exemple. Très utile en complément de HTML-IPSUM pour commencer à travailler sans contenu. L’auteur précise que l’on peut « hotlinker » autant d’images que son serveur pourra le supporter ;)
Commentaires récents