Je ne vais pas vous détailler ici les balises de l'un et les règles de l'autre, d'autres que moi (ici ou là) l'ont déjà fait...et très bien fait.
Et puis vous êtes des grands, la moindre recherche "html5" ou "ccs3" dans votre moteur de recherche préféré vous en apportera rapidement les preuves.
Perso, je le trouve très "permisif" ce html versus 5. Mais, bon, on ne va pas faire la fine bouche, hein?.
Non, plus que l'abandon du xhtml2 au profit du html5, ce que je retiens surtout, c'est le grand bon en avant des css dans leur version 3.
Tout concepteur de site, tout graphiste, se réjouira de pouvoir:
- Jouer sur les transparences des couleurs
- Jouer sur les ombrages
- Créer des coins arrondis sans passer par une image à placer au pixel près (l'horreur...vous connaissez...)
- Des polices exotiques
- Des zoulis boutons
- Des dégradés
- ...etc. etc. etc.!
Bref des choses que l'on attendait sans plus trop y croire. Des sites plus légers, plus rapides.
Cela va permettre de réaliser des effets réservés jusque-là à JavaScript ou aux découpes d'images contraignantes.
Qiu va en profiter? Tout le monde: Nous (développeurs, infografistes, webdesigner...), nos clients, les internautes.
Si cette étape est aussi la victoire de frameworks (regardez le succés de jQuery) déjà présent ou à venir, il reste une étape (définitive) à franchir.....
L'interopérabilité. Pour cela, une fois de plus, il faudra que tous les navigateurs implémentent l'ensemble de ces fonctionnalités...et ça, c'est pas gagné! (non j'ai pas mal parlé de IE...)
Je l'ai évoqué plus haut, le frameworks jQuery est en passe de s'imposer chez nombre d'ntégrateur/développeur.
Pourquoi? Parce que son installation, sa facilité d'utilisation et de modifications, ses nombreux plugins, en font une des bêtes du genre.
Bien sûr il n'est pas le seul (Mootools, Dojo, YUI, ChromeFrame, etc.), mais comme c'est celui que j'utilise en ce moment....
Pour démarrer, il vous faudra copier la bibliothèque jQuery et l'installer.
Encore une fois, je ne donnerai pas de cours ici, d'autres le font très très bien (je dispose de beaucoup de liens à ce sujet et ne les mettrai pas tous ici; au besoin, demandez moi!).
Mais ce que je peux déjà vous conseiller, c'est de toujours appeler votre biblio jquery en 1er dans vos codes, avant vos fonctions JS, et juste avant votre balise "</body>".
La communauté jQuery est très active. Vous trouverez facilement les tutaux et plugins qu'il vous faut, et leurs créateurs au besoin, vous doneront un coup de main.
Quelques exemples:
Pour le slider de mon book, j'utilise "bxSlider" de Steven Wanderski
A lui et à tous ceux qui, partagent leur travail, à tous ceux qui partagent leurs savoirs, qui m'ont permis d'avancer, de comprendre, puis de bidouiller, un grand merci !
(Article en cours d'écriture...à suivre donc...!)
Voici un logiciel de gestion des fonts.
Au moment où j'écris ces lignes (avril 2010), il n'a à mes yeux que 2 petits défauts:
1) Uniquement en anglais, mais très intuitif cela ne devrait pas vous poser de problème
2) Uniquement pour plateforme Windows...oui, je sais, ça ça craint un peu...
Donc ce logiciel, à quoi sert-il?
Sous win, la gestion des fonts est un peu...problématique (je suis calme et poli ce matin en parlant de windaube...c'est rare...).
Vous en avez un peu partout, et surtout, passé les petites dizaines installées par défaut dans tel ou tel log, vous avez installé des dizaines et des dizaines de fonts pour votre usage personel ou professionnel.
Mais voilà, au moment de choisir une ou des polices pour vos dev, impossible de visualiser ou se souvenir de celles que vous pourriez utiliser.
Ce logiciel va chercher sur votre ordi toutes vos fonts sur votre (ou vos !) disques, les listera dans la colonne gauche, et vous présentera celle sélectionnée (avec ses variantes!) dans celle du milieu.
Les options, et infos afférantes à chacune sont impressionnantes. Je vous les laisse découvrir, mais depuis que j'ai installé Cfont Pro, je gagne un temps fou.
Il est téléchargeable à partir du site de Veign, webdesigner et développeur américain, rubrique Downloads & Online Applications Indispensable !
Pour concevoir un Web design efficace, il faut savoir s’adapter aux attentes des utilisateurs :
- Ils apprécient la qualité et la crédibilité
- Ils ne lisent pas, ils scannent
- Ils sont impatients et recherchent un bénéfice immédiat
- Ils ne font pas toujours les choix optimaux
- Ils suivent leur intuition
- Ils veulent garder le contrôle
C’est à partir de ce constant que l’excellent Smashing Magazine a établie une liste de 15 règles pour optimiser son Web design:
1- Ne pas contraindre les utilisateurs à réfléchir
2 - Ne pas gaspiller la patience des utilisateurs
3 - Savoir diriger l’attention des utilisateurs
4 - S’efforcer de présenter clairement le contenu
5 - Utiliser une écriture adaptée au support
6 - Faire simple
7 - Ne pas avoir peur des espaces vides
8 - Privilégier la lisibilité dans la mise en page du texte
9 - Les conventions sont nos amis
10 - Tester tôt, et souvent
11 - Utiliser un principe marketing efficace
12 - Utiliser une palette de couleurs réduite
13 - S’efforcer de créer un équilibre
14 - Viser la clarté
15 - Répondre aux besoins des utilisateurs
Aucun écran ne ressemble à un autre. Les rendus couleurs sont (très) rarement identique d'un poste à l'autre.
Bien sur, les couleurs proposées par votre écran "sortie d'usine" peuvent vous satisfaire. C'est rare, mais ça arrive !
Cependant, un étalonnage est le strict minimum à mettre en oeuvre pour visualiser vos images de manières satistaisante.
Je ne vais pas vous inviter ici à faire l'acquisition d'une sonde. Ce que je vous propose, c'est de tester dans un premier temps le rendu de votre moniteur.
Pour cela, il existe en ligne un 1er test sur le site d'Eric Seban-Meyer.
Une fois que vous aurez vu vos résultats, vous aurez une idée plus juste des éventuels défauts de réglages à corriger.
Il existe des logiciels gratuits comme Calibrize (en), ou Quickgamma (en ou all), mais je ne peux rien vous en dire, je ne les ai pas encore testé à ce jour (09/2010)...
Vous pouvez aussi faire quelques réglages à partir des tests et conseils du site pourpre.com (fr). Site que je vous engage vivement à mettre dans vos marque-pages!
Vous pouvez aussi lire cet article, et suivre les liens en bas de page.
A suivre !
