Le design actuel de Presse-citron a deux ans et trois mois et, comme vous le savez sûrement, une nouvelle version est en gestation, avec un objectif de publication fin mars ou début avril prochain.

Pour cette refonte, j’ai confié la mission à un prestataire reconnu, une web agency ayant une forte expertise en WordPress et en blogdesign.

Lire la suite »

Découvert cette semaine, cet article sur iPhoneized qui propose 8 façons différentes d’accéder au code HTML d’une page web avec le navigateur Safari Mobile de l’iPhone, qui ne propose pas ce type de fonction d’origine.

Un guide qui laissera de marbre ceux qui ne s’intéressent pas aux secrets de fabrication du web, mais qui pourra intéresser les webdesigners, ainsi que ceux qui affectionnent tout particulièrement de scruter le code source des pages de leurs sites favoris…

Lire la suite »

Quand on a besoin d’aide pour un problème d’HTML/CSS ou de Web design, on demande en général de l’aide sur des forums spécialisés. Des sites de questions/réponses spécialisés ont fait leur apparition sur la Toile, on retrouve notamment Stack Overflow (pour les questions de programmation) et ses dérivés (Server Fault est dédié à l’administration des serveurs, Super User est destiné aux utilisateurs des systèmes informatiques).

Lire la suite »

Nous avons déjà vu qu’il existe de multiples façons de tester le fonctionnement et l’affichage de son site web dans plusieurs navigateurs, qu’il s’agisse de services en ligne ou de plugins à installer sur son propre navigateur.

La plupart du temps, ces services permettent de tester dans l’environnement du système d’exploitation installé sur votre machine.

Lire la suite »

Etant donnée la profusion de thèmes pour Wordpress, et la difficulté à trouver son bonheur sur le site officiel, pas très convivial[1], il est bon de temps en temps de tomber sur ce type de liste, qui, si elle ne réinvente pas le fil à couper le blog, permet au moins de faire un premier tri dans ses recherches : Les meilleurs thèmes à 3 colonnes pour Worpdress, sur Worpdress Hacks. (be careful with that hacks, Eugene).

[1] c’est moi ou ils ont supprimé la pagination qui permettait de naviguer dans les 540 thèmes ?

Quand on édite un blog depuis quelques années, il n’est pas interdit de se contraindre à appliquer quelques règles de présentation, de mise en page et de hiérarchisation de l’information afin d’offrir des repères au lecteur. Ces conventions ont en outre l’avantage d’inciter le rédacteur à être plus clair et plus concis.

Ainsi sur Presse-citron sont arrivées au fil du temps des règles infographiques que j’essaie de respecter dans la mesure du possible, selon la nature et la densité des billets, dont voici un récapitulatif, au cas où cette notion vous inspirerait :

• les billets longs (plus de 5 paragraphes de 10 lignes) sont coupés avec un « Lire la suite »
• les images montrant des captures d’écrans de sites web ont, sauf rare exception, toujours la même dimension et la même présentation : 510×220 pixels, image inclinée sur la gauche, encadrée d’un liseré gris de 4 pixels
• les autres images (produit, capture de site mobile…) ont un format plus disparate mais j’essaie dans la mesure du possible de les tailler à 510 pixels de large (dimension maxi)
• L’image illustrant un article est toujours placée entre le premier et le deuxième paragraphe, sauf dans deux cas : si le premier paragraphe est trop court où ne cite pas encore le service, ou s’il s’agit d’un billet d’humeur (perso) illustré par une image conceptuelle, comme ici ou ici, où elle est placée en tête de l’article
• les noms des sites web chroniqués sont toujours en gras dans la première citation, et liés au site en question
• les interviews (notamment les Métiers du web) font apparaître une photo de la personne en incrustation à gauche dans le texte , une capture d’écran de son site et une citation en exergue, comme ici
• les citations sont toujours en italique et entre guillemets, mais cela pourrait changer au profit de la fonction citation de l’éditeur Wordpress, que je n’ai encore jamais utilisée

Je ne souhaitais pas conclure ce billet par un appel à commentaires, mais je crois que vais y sacrifier quand même car les réponses peuvent être d’utilité publique : et vous, est-ce vous appliquez des règles immuables pour la rédaction et la présentation de vos billets ?

Bien sûr il y a des extensions Firefox qui font cela, mais pour ceux qui ne souhaitent pas surcharger leur navigateur, voici ColorPix, un petit utilitaire gratuit pour Windows qui fonctionne directement sans installation et qui vous permet d’obtenir les valeurs colorimétriques (RVB, hexadécimales, et…) de tout ce qui se trouve sur votre écran, ainsi que la position de votre pointeur et une loupe agrandissant jusqu’à 1600 fois.

Un simple clic permet de copier-coller les valeurs indiquées pour les récupérer par exemple dans votre logiciel de retouche d’image préféré.

Si la plupart des sites au design fait de dessins à main levée sont des sites personnels ou des portfolios de graphistes, il existe également des sites d’entreprises, voire marchands, utilisant ce type d’environnement graphique.

C’est le cas parmi les sites présentés dans cette galerie proposant 30 sites dessinés à la main, ou quand l’absence de contraintes libère la créativité.

Bon moi je dis qu’ils ont quand même oublié le Jeux de maux de La Lène, mais si mes souvenirs sont bons, Smashing Magazine ne l’avait pas raté, à l’occasion d’une liste un peu similaire.

C’est confirmé : cette semaine fut celle du retour de la vengeance de la presse écrite. Hugh.

Après Bloghology, après Tous Les Médias (dont je n’ai pas encore réussi à me procurer un exemplaire), et avant… (non je ne dirai rien), voici Advanced Web, le petit frère d’Advanced Photoshop, né un peu plus tôt cette année.

Advanced Web est un nouveau mensuel destiné à tous les développeurs Web, les Web designers, les passionnés de E-commerce et tous les fans de sites internet créatifs. le premier numéro sera dans les kiosques le 4 octobre prochain, et présente la particularité d’avoir un contenu rédigé en grande partie par des blogueurs ou des entrepreneurs web ayant une certaine notoriété dans le web communautaire.

J’ai le plaisir et l’honneur de faire partie de ce comité de rédaction un peu particulier, sur l’invitation de Jean-François Ruiz, parmi d’autres blogueurs que vous devez certainement bien connaître, et dont vous trouverez la liste complète ici.

Advanced Web est une licence Oracom du magazine anglais Webdesigner (que je recherche frénétiquement dans les kiosques chaque fois que je mets un pied de l’autre côté du channel) édité par Image Publishing Limited, et participer à un tel projet est une expérience particulièrement excitante.

Bravo à l’équipe de Wisibility à l’origine de ce projet, et plus particulièrement Stéphanie et Tony, pour qui monter un tel magazine avec la ponctualité à géométrie variable des blogueurs doit constituer une vraie performance, notamment les jours de bouclage…

Tous les détails ici

Drôle d’époque transitoire et un peu fourre-tout, où les magazines traditionnels et les sites de médias font tout pour ressembler à des blogs en empruntant certaines des caractéristiques de ce format (commentaires, RSS, ton décalé…) pendant que les blogs cherchent un nouveau souffle en se rapprochant du format… magazine.

Ainsi émerge une nouvelle génération de thèmes « magazine » pour Wordpress, au design léché, et qui pourraient bien préfigurer ce que seront les blogs de demain.

Le blog (ou magazine ?) allemand DrWeb recense 13 thèmes pour Worpdress dans cette lignée, et le moins que l’on puisse dire est qu’ils sont dans l’ensemble soignés et réussis graphiquement, comme celui-ci ou celui-là par exemple.

Si vous voulez vous faire une idée concrète de ce à quoi ressemble un vrai blog personnel vivant habillé avec un template magazine, allez donc faire un tour sur Sportifs.net du camarade Vincent Abry, qui utilise le thème Revolution Sports. J’avais eu l’idée pendant un temps de refondre Sportscafé de cette façon, avant finalement d’opter pour un Digg-like (dont, soit dit en passant, le (re)démarrage est plutôt prometteur).

D’autres thèmes magazine également sur Premium Worpdress. Sachez cependant que, se rapprochant d’un format de publication professionnel, la plupart de ces thèmes sont payants.

Après, ne pas oublier que c’est d’abord la qualité et la densité du contenu qui feront l’attractivité de ces magazines, et je ne suis pas certain que ce format soit adapté à tous les blogs.