Des templates HTML gratuits

Un effect en CSS sympatique. C'est dommage que ça ne s'adapte pas bien à la largeur du contenu.

Plusieurs miliers d'illustrations libres de droit.

Des tutoriaux CSS gratuits

Le design du site, son apparence, constituent la partie la plus visible pour donner une première impression à un visiteur lorsqu'il ouvre un site. Mettre en gros, en gras les titres, changer la couleur des liens, afficher des données dans un tableau...

Toutes ces petites bricoles destinées à donner une belle allure à vos sites mais qui vous inquiètent parfois seront abordés dans ce tutoriel.

Un site destiné à rassembler les bonnes pratiques en matière de design d'interfaces de sites sociaux.

On peut faire des trucs de ouf avec les CSS pour styler un formulaire de saisie !

Un tutoriel sur comment faire un site avec AJAX tout en gardant la possibilité de naviguer dans l'historique de navigation et de pouvoir mettre la page dans ses favoris.

Le zoning est une technique simple qui consiste a représenter une page de votre site à l’aide de boites qui symbolisent les grandes fonctionnalités et les zones principales de contenu. Cette étape est primordiale pour décider le l’organisation générale de vos pages. On ne résonne ici qu’en terme de zones (boites), le détail des éléments qui rempliront ces zones ne sera abordé qu’à l’étape des wireframes.

Généralement rédigé par le Chef de projet, le zoning est un document qui permet de représenter de façon schématique les gabarits des principales pages d’un site. Chaque page est découpée en zones de contenus, ce qui permet de visualiser pas mal de choses (la navigation, les fonctionnalités présentes dans la page…)

Des icones pour afficher la météo.

The best free web icons on the net: Get PNG Icons and Apple Icons here!

Vous concevez un formulaire pour un site Internet et vous voulez faciliter son remplissage par les utilisateurs. Vous avez alors 5 éléments HTML de formulaire à votre disposition : les listes déroulantes, boutons radio, cases à cocher, champs texte et hyperliens. Lequel est le plus utilisable ?

Nous présentons ici un processus en quatre étapes pour vous aider à choisir vos éléments de formulaire.

Comment évaluer la qualité Web ?
Comment se former ?
Comment l'améliorer ?
Comment m'orienter ?

Conclusion :

* Position des libellés : placer les libellés au dessus des champs est la présentation la plus efficace dans la plupart des cas car les utilisateurs ne sont pas obligés de regarder séparément le libellé et le champs de saisie. Il faut toute fois faire attention à bien séparer visuellement le libellé et le champ

Où l'on enfonce une porte ouverte, mais ça fait du bien de le dire : un site web beau, mais pas efficace (ou l'inverse) n'est pas un bon site web.

Un autre plugin pour jquery pour faire des coins arrondis.

Vivement que ce soit un standard des CSS !

Une page 404 originale.

Pas forcément la plus efficace, mais bien marquante !

Un blog à suivre sur le pourquoi et le comment de l'amélioration des performances d'un site web.

60 modèles de navigation commentés des bonnes pratiques d’ergonomie, de référencement et d’accessibilité

Avis aux internautes
Pour l’anniversaire du livre, la description et nos recommandations autour des 60 modèles de navigation est accessible en html grâce aux liens ci-dessous.

Experts du web, webmasters en herbe, utilisateurs, venez débattre, argumenter, poser vos questions, donner votre avis, commenter quoi (!) sur les modèles de navigation.

Le futur successeur de Nvu (éditeur open source de page web).