eclaireur.net

A la demande de plusieurs personnes qui ne connaissaient pas Netvibes avant que je leur en parle, j’ai décidé de poster une sélection de quelques sites proposant un tutoriel sur la façon de l’exploiter.

Tout d’abord Netvibes est un portail Web français à la sauce Web 2.0. Il permet de créer facilement votre page d’accueil personnalisable sans aucune publicité. Vous aurez la possibilité de créer des pages accessibles via des onglets. Chaque onglet sera composé de bloc contenant des informations personnelles ou des services d’autres sites.

Pour débuter je vous propose une présentation de Netvibes via un très bon screencast (vidéo de 5 min du logiciel en action) de Stéphane sur simpleentrepreneur.com

Puis pour ceux qui veulent commencer en douceur un tutoriel en Flash sur Netvibes ou bien un tutoriel plus approfondi sur Info du Net.

Une dernière vidéo de 10 minutes qui permettra de faire un tour complet des fonctionnalités (tutoriel vidéo sur wisibility)

Enfin pour tous ceux qui pensaient être incollables sur Netvibes je vous invite sur cet récent article tiré de leur blog 5 choses que vous ne savez pas sur Netvibes

Et vous verrez que Netvibes, c’est fait pour être simple (ça sonne bien comme slogan! non?)

Ceci est une traduction d'un excellent tutoriel de Paul O’Brien sur les CSS. De plus je trouve que celui-ci représente la meilleure façon d'aborder et d'améliorer notre pratique des CSS.

Comme avec la plupart des choses, une approche logique et structurée est la meilleure façon de progresser. Par conséquent j'ai listé 10 conseils rapides (sans aucun ordre spécial) pour vous faciliter la vie avec votre codage de CSS.

1. Faire simple

Ceci peut sembler évident mais si vous êtes amené à utiliser un codage complexe pour réaliser votre design alors demandez-vous vraiment si cela est vraiment nécessaire, pensez-vous plus à l'impact visuel ou à vos visiteurs. Trop souvent les concepteurs veulent rendre le design d'un site parfait et ont beaucoup de mal pour reproduire un certain effet visuel. Une fois le site réalisé c'est au tour des visiteurs de le trouver irritant ou inutilisable.

Le code complexe est habituellement le résultat d'une pensée confuse. Imaginez la disposition de façon logique et réfléchissez de l'extérieur vers l'intérieur en partant du bas vers le haut si possible. Lister les conteneurs (un bloc généralement entre une balise <div> à une autre balise </div>) dont vous aurez besoin et divisez les en plus petit morceaux. Habituellement je commence par un wrapper (conteneur de page) et progresse logiquement ensuite par le header (l'en-tête), la navigation, le contenu principal et les titres de bas de page etc. essayant de préserver la continuité du document autant que possible.

Le bon design visuel est nécessaire pour attirer des visiteurs en revanche vous devez toujours avoir un bon contenu, un contenu utilisable et accessible. Si vous trouvez que votre code CSS ou HTML ressemble à des spaghettis alors il serait peut être temps de le revoir afin de, si vous le pouvez, le simplifier. A l'avenir, ceci vous facilitera la vie pour le maintenir, vous gagnerez en nombre de ligne de code et en bande passante.

Les site “one page” sont des sites internet où toute l’information est contenue sur une seule et même page. Du point de vue utilisateur cette manière de concevoir l’architecture du site est très confortable puisqu’on évite tous les aléas du chargement des pages annexes.

En effet avec AJAX il est désormais possible d’inventer toute sorte de navigation d’habitude réservée à des sites fait en Flash . De plus avec les nouvelles formes de sites à la sauce “web 2.0″ nous pouvons nous attendre à des interfaces toujours plus ergonomique et proche des véritables besoins des utilisateurs.

Par contre je mettrai plusieurs bémols. En premier le référencement puisque le nombre de page du site chute considérablement et les liens sont souvent codés en javascript… Puis l’internaute est habitué à son bouton retour pour aller à la page précédente, et souvent cette fonctionnalité n’est pas active… Enfin vaut mieux ne pas trop faire dans l’excès de fonctionnalités au risque de perdre le visiteur au lieu de l’aider.

Bref passons maintenant à la visite, j’ai sélectionné quelques sites non flash, car pour moi ceux qui sont réalisés en Flash sont tous “one page” donc cela n’avait pas d’intérêt de mettre dans cette sélection.

tanyamerone.com : une merveille ce site à voir absolument

… lire la suite de cet article »