Je vous parlais le 24 des différentes informations sur le Html 5?.
Voici une page qui reprend, en français, ce qu’il faut retenir :
http://www.ljouanneau.com/blog/2008/01/23/747-premier-brouillon-de-html5
Merci à jy[B]log
Archives de catégorie : Informatique
CSSVista et autres ressources Css
Parmi les liens trouvés ce matin (et listés à la fin), concernant particulièrement les Css, je suis tombé sur CssVista !
CssVista de Litmus Labs. est un petit éditeur de Css. Sa particularité est qu’il charge les Css à partir d’une Url et vous permet d’y faire des modifications. L’autre bon coté, c’est que les modifications sont prises en temps réel et visible, en split-écran, en même temps sur IE et Firefox. Je l’ai trouvé en lisant Deziner Folio. Il est disponible ici.
De quoi se simplifier la vie… énormément !
Dans le reste de ma lecture, vous trouverez 23 ressources pour des Css Clean, lu sur http://vandelaydesign.com/. C’est une collection de liens vers des ressources et des outils comme les optimiseurs de css, les validateurs, etc.
(X/)Html 5 et précédentes versions
Si on en sait un peu plus sur la future version du Html, la version 5, qu’en est-il des différences entre toutes ces versions ? le Html 5 ou 4, le Xhtml 1, 1.1, 5
Cette image provient du blog MonkeyBites
Voici quelques pistes d’information :
- Une explication des nouvelles spécifications du format par Scott Gilbertson sur le blog MonkeyBites
- Les différences entre le format 4 et 5 du Html
- Un autre article sur les différences entre la version 5 du X/Html et la version 2 du Xhtml
Pour ceux qui ont plus de temps :
- Les spécifications complètes du W3C du format Html 5
Hover Css et navigateurs
Ouf, il n’y a pas eu de mise à jour via WSUS cette nuit, ce qui fait que j’ai pû retrouver mon navigateur ouvert ce matin avec tous les jolis liens dont je n’ai pas eu le temps de parler hier.
Bref !
Hier donc, je me suis piqué de curiosité pour la nouvelle (et wahouuuu, très belle ) page d’accueil du site institutionnel du Cnrs. Je le précise pour ceux qui ne le savent pas… le Cnrs n’est pas en deuil. Bref, on pourra dire ce que l’on veut sur la magnifique couleur de fond, le style épuré, l’identification rapide d’où il faut cliquer pour aller où on veut; mais il y a quand même quelque chose de très bien : c’est la construction de la page elle-même.
Après m’être étranglé en formation « accessibilité des sites web », j’ai voulu savoir s’ils avait affublé cette page d’un magnifique javascript de navigation comme ils l’ont fait pour beaucoup d’autres sites (un exemple proche). Pas de javascript et une page plutôt propre, qui valide plutôt bien.
Ben mince alors! Une nav par menu, du « hover » pour la suite. Zou, direction la Css et là : re-Wahou ! Bien écrit, bien commenté, des tailles « em » pour le texte. Et ca :
body {
behavior:url("https://www.cnrs.fr/fr/z-tools/styles/csshover.htc");}
Bref, Bravo !
Donc, vous voulez des pages bien écrites, avec de menus déroulants et quel que soit (à peu près) le navigateur. Ceci sans pour autant trop concéder à l’accessibilité : Xhtml, Css et fichier de comportement javascript.
Celui utilisé sur le site est disponible là : http://www.xs4all.nl/~peterned/csshover.html.
La dernière version est actuellement la V2.02.060206.
Vous trouverez sur le blog de Cyril Durand (Hop, dans feedreader) un article qui propose une petite amélioration liée à son utilisation avec Ajax.Net
Tutorial Xhtml Css WebDesign et autres liens
Depuis que j’ai changé de lecteur de flux Rss (je suis passé à FeedReader mais, y’a pas de quoi être fier ), je me remet un peu à essayer de suivre l’actualité et en particulier ce qui m’interesse en ce moment : le WebDesign.
Vous trouverez donc listés ici, une série de liens vers des tutoriaux, des articles. Certains pointent même vers des récapitulatifs de ce qui s’est écrit de mieux sur le sujet en 2007.
Malheureusement, tout ou presque est en anglais…
- The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007
- http://csscreme.com/
- http://dryicons.com/
- http://www.dezinerfolio.com/
- Inspire Yourself: 50 Remarkable Favicons
- 19 Things NOT to do When Building a Website
- The Top 50 Logo Design Tutorials
- 55 CSS Techniques You Can’t Live Without
- 6 Keys to Understanding Modern CSS-Based Design
- 83 Beautiful WordPress Themes You (Probably) Haven’t Seen
- Links for Web Designers : December
- A list appart
- 25 Code Snippets for Web Designers (Part8)
- 25 Beautiful, Minimalistic Website Designs – Part 2