davidtouvet.com

Merci robi pour ce lien qui me sera bien utile: CSS Syntax Checker for BBEdit and TextWrangler.

The CSS Syntax Checker for BBEdit and TextWrangler is a combination of Perl and AppleScript that allows you to syntax-check CSS files using the W3C’s CSS Validation Service. Errors and warnings from the validation service are displayed in a results browser, very similar in effect to BBEdit’s built-in HTML syntax checker.

These scripts require Mac OS X 10.3.9 or later, and have been tested against BBEdit 8.2.3 and TextWrangler 2.1. It might work with BBEdit 7 as well.

Source

J’aime beaucoup retomber sur des articles vieux comme pas possible qui indiquent des ressources encore bien vivantes. C’est le cas avec cet article de FredCavazza de 2004 !!! qui pointait une ressource de 456 Berea Street permettant de se rendre compte par l’image des représentations graphiques des éléments de formulaire: Submit buttons, Select boxes, Single line text inputs, Checkboxes, Radio buttons.

La ressource a depuis été mise à jour: Styling even more form controls.

Via Kesako: des templates de qualité pour des sites non commerciaux.

Opensourcetemplates.org propose des feuilles de style librement exploitables pour une utilisation personnelle ou dans un but non-commercial. A l’origine, le site a été développé pour offrir des maquettes de sites Web aux associations et organisations caritatives afin de leur épargner le coût d’un développement.

Source

Des templates valides aux normes du W3C, de qualité professionnelle, gratuits, composés avec amour (j’en sais rien en fait) par des bénévoles motivés, ça existe? Oui, sur Kits-Gratuits.net. Pas étonnant avec un tel CV que cette nouvelle a été relayée par Standblog.

KG a pour vocation de vous aider à réaliser votre projet de site le plus facilement et dans les meilleures conditions possibles en vous proposant de nombreux kits-graphiques gratuits et de qualité professionnelle, valides aux nouvelles normes du W3C (vulgairement appelés templates). Dans cette perspective, un forum est mis à disposition pour répondre à vos diverses questions et vous aider dans la création de projet.

Source

Cette aventure est à suivre bien évidemment sur le blog de Kits-Gratuits.net.

Dix raisons d’utiliser XHTML, les CSS et le DOM est un bon article qui répertorie 10 avantages d’utiliser ces 3 standards W3C.

1. Gagner du temps en séparant le contenu de la présentation
2. Réduire la charge du serveur: en effet, le fichier CSS n’est téléchargé qu’une fois et mis en cache
3. Favoriser l’accessibilité
4. Rendre le code plus lisible
5. Améliorer l’expérience utilisateur: en permettant aux utilisateurs de ne plus être prisonniers d’une seule mise en page
6. Plus de versions imprimables spécifiques à prévoir
7. Anticiper sur le futur
8. Faire plaisir aux moteurs de recherche
9. L’apprentissage est facile
10. S’ouvrir à de nouveaux visiteurs

Bonne remarque finale: De même, si chaque page est créée par des rédacteurs plutôt que des techniciens, le risque d’invalider les pages est décuplé. J’ai constaté cela sur un des sites sur lequel je travaille. C’est bien beau de travailler avec ces standards mais il faut aussi que les utilisateurs qui insèrent du contenu les respectent. D’où l’idée d’utiliser des formulaires WYSIWYG qui définiront correctement le contenu.

Nouvelle contribution pour Spip concernant les menus. Cette fois-ci, on retrouve la même apparence que le menu dynamique déjà présenté dans ce site mais conçu d’une autre manière.

“L’idée de cette contribution est d’apporter une alternative légère et maintenable au menu contextuel “une arborescence dynamique et contextuelle“. L’apparence du menu reproduit celle de la contribution ci-dessus mais peut être facilement modifiée par la feuille de style.”

“How do you go about building a full CSS layout? Is there an overall method that can be used for any layout? This article explains one method of building a full CSS layout from start to finish. The method, based on positioning colored boxes and testing across a range of browsers, can be used to build a wide range of full-CSS layouts.”

Explication détaillée pour réaliser une page contenant un affichage en 3 colonnes avec un header et un footer. Cela fonctionne sur IE et Mozilla et surtout si on modifie la taille du texte !