Archives mensuelles :

janvier 2011

Le petit journal du Web — Janvier 2011 (Typographie, CSS, Photoshop et développement web)

Après quelques journaux permanent (HTML5, typographie et CSS3) et des revues de presse multi-thématiques, voici une nouvelle série de liens triés sur le volet qui vous permettra d’occuper le Weekend qui arrive à grand renfort de typographie et d’intégration HTML & CSS. Ces ressources vous donneront également l’occasion de dégainer Photoshop et de sortir votre éditeur HTML préféré. Enjoy!

Webdesign, lisibilité, typographie et rédaction web

Une grande partie des notions relatives à la lisibilité des contenus sur les écrans date des débuts du web. Dès 1997, Jakob Nielsen déclarait que la lecture sur écran était 25% plus lente que sur le papier. Depuis cette époque, la technologie n’a cessé d’évoluer et la qualité des écrans et des polices de caractères va dans le bon sens. Il est temps de se poser des questions sur la lisibilité des caractères, le sens de lecture d’une page, les valeurs optimales pour le corps des textes et leurs interlignages, le nombre de fontes que l’on peut utiliser dans une page, et la rédaction pour le web.

jQuery File Upload

jQuery File Upload est un plugin basé sur jQuery et HTML5. Il ne nécessite aucun module pour votre navigateur comme c’est le cas pour les Uploaders réalisés avec Flash. Parmi ses fonctionnalités, jQuery File Upload, permet d’uploader des fichiers multiples en affichant une barre de progression pendant le téléchargement ainsi qu’une miniature si votre fichier est une image.

BlueGriffon — Un éditeur HTML5 & CSS3 WYSIWYG avec des morceaux de Firefox

Après ma longue liste commentée des éditeurs HTML plus ou moins WYSIWYG, voici mes premières impressions sur BlueGriffon. C’est un éditeur HTML complètement WYSIWYG dont l’affichage est confié au moteur de rendu qui équipe le navigateur Firefox. Le créateur s’y connait, puisqu’il s’agit de Daniel Glazman (@glazou pour les intimes) qui travaillait déjà sur Composer, l’éditeur HTML de la suite Netscape, puis sur Nvu dans le cadre de Disruptive Innovations. Il fait partie du groupe de travail de normalisation du langage CSS au W3C : c’est un vrai spécialiste des CSS.

Bonjour, je suis l’auteur de l’article que vous avez repris sur votre blog

Bonjour,

Je suis [Nom de l’auteur] l’auteur de l’article [Titre de l’article] que vous avez repris intégralement sans mon accord sur le blog accessible à l’adresse [URL de l’article]. Le fait de citer la source n’enlève rien au fait que les droits relatifs à cet article sont soumis au droit d’auteur. En d’autres termes, les droits sont réservés et il m’appartient d’accorder ou non la publication de mon travail aux conditions qui me conviennent — et à la tête du client si ça me chante.

Logo HTML5 du W3C — Vers une redéfinition des métiers du web ?

Le W3C a demandé à l’agence OCUPOP de (re)penser l’identité graphique des technologies qui forment ce qu’on appelle généralement les standards du W3C. Ce vocable englobe toutes les technologies non-propriétaires développées et/ou adoubées par le Consortium. Ce dernier a surpris la communauté du développement web au sens large avec un nouveau logo censé englober les standards du web sous l’appellation «HTML 5».

Scoopit — Quand le curator il ne peut avoir raison (désolé)

J’ai découvert Scoop.it qui transforme le veilleur stratégique et technologique qui sommeille en chacun d’entre nous en jardinier de l’information, j’ai nommé : le curator ! Scoop.it propose la création d’une ou plusieurs pages thématiques pour y engranger nos dernières trouvailles. Un bookmarklet facilite la «curation» : l’ajout d’un lien s’effectue en deux clics si vous êtes pressés. Le résultat prend la forme d’une page de type magazine au nom du thème que vous avez choisi de labourer. Jetez un oeil sur Webdesigner sorte de digest du Webdesign pour l’intégrateur html & CSS.

Webdesign — L’essence précède l’existence (Wireframe, Mockup et Mood Board)

Les processus à l’oeuvre lors de la création d’un site web sont généralement chargés d’affects. Tout semble compliqué alors qu’il ne s’agit souvent que de choses complexes que l’on peut facilement partitionner. Dans le meilleur des cas, la réflexion part d’un brief qui présente la société, le projet, la cible, les attentes, etc. à partir duquel l’équipe créative (ou votre cerveau droit si travaillez seul) doit proposer une ou plusieurs propositions graphiques qui, une fois affinées, donneront naissance à un site Web.

Un site Web n’a pas forcément besoin de graphismes

Dans Webdesigner est-il ? j’évoquais mon parcours Print où une grande partie de mon travail consistait à mettre en pages des publications périodiques. Dans Intégrateur web + graphiste = intégraphiste, j’ai émis l’idée saugrenue qu’un intégrateur Web pouvait avoir une sensibilité et des compétences artistiques lui permettant d’aborder la création d’un site Web avec un point de vue différent de celui du graphiste artistico-créatif ou de l’intégrateur technico-bourrin. L’intégraphiste peut être très exigeant sur les aspects purement graphiques d’un site Web, tout en acceptant facilement l’idée qu’un site n’a pas forcément besoin de graphismes (le «s» est important) pour fonctionner.

jQuery radioSwitch — Transformez vos boutons radio en Sliders

jQuery radioSwitch est un plugin créé par Ammon Casey dont l’objectif est de transformer des boutonsradio HTML en superbes Sliders d’un coup de magie CSS3 et Javascript. Il suffit d’envelopper les boutons radio avec un container sur lequel s’effectuera l’appel de la fonction. Chaque bouton radio doit posséder un label avec l’attribut for pointant vers l’identifiant du bouton correspondant.