Profession Webdesigner

Mon job en blog

17 mai 2013
de FredReillier
Un commentaire

Un compteur en CSS, c’est possible !

Je travaille actuellement sur un projet avec pas mal de listes et de pages sur lesquelles j’explique des processus étape par étape. Mais mes éléments de listes sont complexes (plusieurs paragraphes, une image…)… J’ai donc cherché à savoir à quel point je pouvais inclure des balises à l’intérieur d’une balise <li>, et quels navigateurs me poseraient des problèmes (je sais que ça n’est pas bien d’inclure des balises comme ça en vrac, mais des fois il faut bien avancer…)…

Et puis je suis tombé sur un article sur le site webdesignerdepot. Une divine surprise : on peut mettre en place des compteurs en CSS ! Vous le saviez peut-être (parce que ça date de la spécification css2.1), mais moi j’ignorais complètement qu’on pouvait en CSS numéroter des éléments de notre choix sur une page.

L’article qui explique tout ça : http://www.webdesignerdepot.com/2013/05/learn-to-count-with-css

13 mai 2013
de FredReillier
0 Commentaires

Livres Webdesign – 1/52 – Steve Krug – Don’t make me think

 Si j’ai choisi Steve Krug pour inaugurer cette série hebdomadaire des 52  livres indispensables sur le Webdesign, ça n’est pas parce que son ouvrage est le plus renversant, ni parce que c’est celui dans lequel vous allez apprendre des millers de choses.

C’est plutôt parce que « Don’t make me think » est un livre à lire et à relire régulièrement pour se remettre les idées en place.

Lorsqu’on fait du webdesign, on est généralement passionné par son métier. On se plonge dans le dernier framework CSS, dans la découverte d’un module WordPress ou d’un plugin, dans une nouvelle idée ou une nouvelle technologie… et parfois, il faut bien l’avouer, on se sent moins « frais » pour avoir une vision d’ensemble de ce qui compte.

C’est dans ces moments-là qu’il faut reprendre « Don’t make me think ». La seule lecture régulière du chapitre 2 (« How we really use the Web » devrait faire partie de l’hygiène régulière de tout webdesigner. D’ailleurs, on peut le lire en ligne sur le site de l’auteur.

Bref. Un livre de chevet.

Lire la suite →

1 mai 2013
de FredReillier
0 Commentaires

Webdesign, les 52 livres indispensables.

profession-webdesigner_killerwebsitesVous êtes sans doute peu nombreux à vous souvenir de David Siegel et de son « Creating Killer Web Sites », peut-être le premier best-seller d’une longue série de livres consacrés au Webdesign.

Cela fait bientôt 18 ans que je travaille sur Internet. Et un peu plus de 18 ans que je lis des livres sur le sujet, que je dépense tous mes sous sur Amazon, au Monde en Tique ou à la librairie Eyrolles.

Pour « fêter » ça, je me suis dit que j’aimerais bien faire le point. Et j’ai imaginé un projet : chaque semaine, pendant un an, publier sur ce blog la fiche d’un livre important, précieux, essentiel, incontournable.

J’ai commencé à établir une liste, que vous trouverez en suivant le lien « Webdesign, les 52 livres indispensables ». Elle n’est pas encore complète parce que ça prend un temps fou de tout retrouver… Et d’ailleurs, si vous avez des suggestions, n’hésitez pas à m’indiquer en commentaire les livres que vous trouvez essentiels.

A la semaine prochaine, pour Don’t Make me Think, de Steve Krug, dont le titre (lamentable) en français est : Je ne veux pas chercher: Optimisez la navigation de vos sites et menez vos internautes à bon port).

Si le feuilleton vous intéresse, abonnez-vous pour recevoir les mises à jour de ce blog par mail.

 

14 mars 2013
de FredReillier
0 Commentaires

Quand WordPress tombe en panne…

Cette semaine, j’ai pas mal à me plaindre de WordPress : deux de mes blogs, après mise à jour, ne fonctionnent plus correctement. 

Les symptômes ? Dans le back-office, certaines fonctionnalités sont désactivées ou invisibles. Par exemple : plus moyen de modifier les menus, pas moyen d’accéder aux widgets de mon thème (les blocs qui apparaissent dans la colonne de droite). Pas moyen non plus d’ajouter une image à un article. 

C’est pourquoi vous voyez, en ce moment, un article sans image. 

C’est pourquoi je m’en vais réparer ce blog. Après deux jours de recherches infructueuses sur le blog précédent également tombé en panne, je suis arrivé à une procédure radicale : 

  • Exporter tous les contenus
  • Installer une nouvelle version de WordPress
  • Réinstaller tous les plugins et refaire à la main toute la configuration
  • Réimporter mes contenus

Inutile de dire que c’est très très agaçant. Pourtant les deux sites avaient peu de choses en commun : un hébergeur différent, un thème différent, et beaucoup de plugins différents. 

La leçon à tirer de tout ça, puisqu’il faut toujours positiver, c’est que, oui, même l’outil le plus utilisé au monde, le CMS de référence, peut tomber en panne et faire perdre des jours précieux à ses utilisateurs. 

A bientôt, lorsque tout remarchera bien. 

(note for myself : modifier l’url de mon lien LinkedIn dans le widget « Je suis partout », qui n’est plus la bonne (remplacer « lanquarem » par « fredreillier »).

 

 

4 janvier 2012
de FredReillier
0 Commentaires

Ma lecture du moment : Design for Hackers

Ma lecture du moment : Design for Hackers

Un livre excellent. Pas un cours de design, mais un bouquin qui s’efforce d’expliquer les principes. Le sous-titre : Reverse-engineering beauty.

J’en suis à la partie sur la typographie, j’apprends plein de trucs.  L’analyse comparative entre Comic Sans et Helvetica est passionnante.

Depuis le site donné en lien, vous pourrez accéder à des articles en ligne de l’auteur, David Kadavy, qui vous donneront une bonne idée de ce qu’il écrit.

30 décembre 2011
de FredReillier
0 Commentaires

Mise à jour de ce blog

Mise à jour de ce blog...

Lorsque j’ai créé ce blog, je voulais rédiger des articles sur les grands thèmes du webdesign, destinés aux débutants et à ceux qui veulent en savoir plus. Mais comme beaucoup de projets, celui-ci n’a pas duré bien longtemps.

J’ai commis une erreur simple : surestimer mes forces, surestimer mon temps disponible, sous-estimer le travail nécessaire pour mettre à jour un blog en rédigeant des articles clairs. Et pourtant, c’est mon métier d’écrire… Je sais parfaitement ce qu’il en coûte de se tromper dans ses estimations pour un projet éditorial. Enfin, je sais ce qu’il en coûte aux autres, mais je me suis cru à l’abri. C’est comme ça que les cordonniers finissent mal chaussés et que les forgerons ne forgent rien.

Et pourtant…

Lire la suite →

6 octobre 2011
de FredReillier
0 Commentaires

Connaissez-vous Unify ?

Cette semaine, j’ai fait une découverte énorme : Unify.

Vous connaissez ?

Unify est un truc assez difficile à décrire. Pour reprendre les termes d’EightShapes, (l’agence qui a mis au point le système), Unify est :

A documentation system to produce wireframes, maps, flows, storyboards, plans, style guides, specs, usability testing reports, and prototypes too!

Plus concrètement, il s’agit d’un ensemble (gratuitement téléchargeable) de ressources, organisées autour d’Indesign, permettant de créer facilement des livrables beaux, clairs et intelligents. On y trouve des templates, des modèles de pages, des librairies de styles pour les textes et les objets, pour les éléments d’interface web, et aussi des scripts qui permettent d’automatiser toutes les tâches répétitives (numéro de version, titres, tables des matières, etc…).

Lire la suite →

2 octobre 2011
de FredReillier
0 Commentaires

Une antisèche très complète pour réussir vos CSS avancées

L’autre jour je suis tombé sur cet article : Incredibly Useful CSS Snippets. Il s’agit d’une antisèche géante, avec des morceaux de code puisés aux meilleures sources pour améliorer vos CSS, les rendre plus compatibles, plus puissantes, apprivoiser les navigateurs de mauvaise qualité (l’autre nom d’Internet Explorer)… Bref, un article vraiment très très utile.

Petit extrait du programme :

  • Eric Meyer reset
  • Browser-specific hacks (complete list)
  • Font-sizing with rem
  • Hardboiled media-queries
  • Bulletproof @font-face syntax
  • Cross-browser min-height
  • Drop cap
  • Vertical centering of a container
  • Cross-browser text-shadow
  • Cross-browser transparency
  • Box shadows (IE included).

Bref, de quoi mettre un tigre dans vos CSS.

29 septembre 2011
de FredReillier
0 Commentaires

Couleurs et contrastes, même les meilleurs sites font de grosses erreurs (deux exemples récents)

Je suis daltonien. Comme 9% des hommes et 0,5% des femmes.

Du coup, je suis plutôt sensible à l’emploi des couleurs et des contrastes sur un site web ou dans une application. Cette semaine, je suis tombé sur deux cas particulièrement frappants, sur des sites prestigieux :

Lire la suite →