PUBLIC MARKS from camel with tag xhtml

Drawter : dessinez, c’est intégré ! (WYSYWYG Powa!) Drawter est un générateur de code HTML et CSS en ligne qui vous permet de dessiner votre mise en page dans un canevas. Vous pouvez choisir les options de votre page comme le titre, le doctype, la langue du document, les balises que vous souhaitez pour chaque bloc présent à l’écran et pour chacune d’entre elles les propriétés et les attributs. Une fois votre maquette terminée, vous choisissez le mode de placement pour vos blocs : float: left ou position: absolute. Le site autorise les imbrications de balises pour réaliser des mises en page complexes dans une interface réactive et intuitive. N’hésitez pas à parcourir toutes les options disponibles dans les palettes d’options et amusez-vous :) Drawter : dessinez, c’est gagné ? A tester !

Même si certains motifs se détachent parfois du lot, les conventions de développement ou d’intégration restent quelque chose de très personnel. La majorité des langages, et même des framework ont des méthodes gravées dans la pierre que chacun est fortement invité à respecter. Ce n’est pourtant pas le cas pour le couple HTML/CSS, et c’est la raison pour laquelle Florent Verschelde et l’équipe d’Alsacréations ont entrepris de mettre en place un guide stylistique de l’intégration HTML. Ils ont pour cela proposé un appel à contribution sous la forme d’un questionnaire en deux parties auquel je réponds à mon tour.

Comme son nom l'indique, le "plugin html validator" permet de vérifier la syntaxe de vos pages html 4.01 et xhtml et de comptabiliser le nombre d'erreur. Une fois l'extension ajoutée, le simple raccourci CTRL U permet d'afficher la source et lancer le test. Pour ne pas être déçu du non fonctionnement de l'extension vous devez installer les paquets libxul-dev et libstdc 5 (testé sous la version 8.04 hardy heron)

I have been geekn’ out a lot lately reading some really great articles as well as learning some new techniques. There is a little bit of everything here and if you are a web developer it will come in handy. If you are not into jQuery skip this first section, as I have been really digging into what can be done in jQuery. If you like what you see check out my Delicious feed, as I am always running across great links.

TYPOlight webCMS TYPOlight webCMS est un puissant système de gestion de contenu web spécialisé dans l'accessibilité (back office et front office) et utilise XHTML et CSS conforme W3C/WAI pour générer les pages. Il a été mis au point par Leo Feyer en 2004 et a été publié sous la Lesser General Public License (LGPL). Principales fonctionnalités de TYPOlight Voici quelques-unes des caractéristiques qui permettent à TYPOlight de se démarquer de la variété des systèmes de gestion de contenu. Si vous voulez en savoir plus, consultez la liste complète des fonctionnalités. TYPOlight * Dispositif de mise à jour automatique * Documentation multilingue * Génération de code XHTML strict et accessible * Utilisation des technologies du Web 2.0 et Ajax * Support de contenu multilingue (jeu de caractères UTF-8) * Générateur de CSS compatible multi-navigateur (compatible IE7) * Gestionnaire de fichiers intégré * Moteur de recherche avancé * Générateur de formulaire * Langages et thèmes multiples dans le back office * Front office basé à 100% sur des modèles personnalisables * Gestion de versions et d’annulation (défaire / refaire)

TYPOlight est un système de gestion de contenu web créé en 2004 par Leo Feyer, et soutenu aujourd’hui par une équipe d’une vingtaine de développeurs. L’objectif était dès le départ de proposer un CMS : * 100% accessible qu’il s’agisse de l’interface d’administration fondée sur AJAX mais fonctionnant aussi sans javascript (suffisamment rare pour être noté) ou du code généré côté utilisateur (tous deux conformes WAI) ; * moderne avec dès le départ une base de code en PHP5 orienté objet, un système de mise à jour automatique (payant, dégressif pour plusieurs domaines), un outil d’installation des extensions simple et sûr et un code généré valide XHTML strict ; * flexible du point de vue de la personnalisation des modèles de page (en s’appuyant sur un solide framework CSS) ou nativement du point de vue des types de contenus (pas de contrainte de structure de type titre - sous-titre - contenu).

Caching is the temporary storage of frequently accessed data in higher speed media (typically SRAM or RAM) for more efficient retrieval. Web caching stores frequently used objects closer to the client through browser, proxy, or server caches. By storing "fresh" objects closer to your users, you avoid round trips to the origin server, reducing bandwidth consumption, server load, and most importantly, latency. This article shows how to configure your Apache server for more efficient caching to save bandwidth and improve performance. Caching is not just for static sites, even dynamic sites can benefit from caching. Graphics and multimedia typically don't change as frequently as (X)HTML files. Graphics that seldom change like logos, headers, and navigation can be given longer expiration times while resources that change more frequently like XHTML and XML files can be given shorter expiration times. By designing your site with caching in mind, you can target different classes of resources to give them different expiration times with only a few lines of code.

Que faut-il faire exactement pour rendre son site accessible? Nous allons voir brièvement une liste d'éléments à intégrer dans le code XHTML pour permettre à son site de respecter les contraintes d'accessibilité.

Libre Informatique, a développé simpleweb, un CMS sous licence GNU LGPL se voulant ultra-simple tant dans sa mise en place que dans son utilisation, sans base de données et avec un strict minimum de configuration. Avec simpleweb, le contenu est stocké en xHTML directement dans le système de fichiers, permettant sa manipulation tant par l'interface WYSIWYG en ligne que par FTP ou accès direct aux fichiers si disponibles. Sa navigation interne est générée automatiquement et se personnalise via ses feuilles de style. Les sauvegardes se font le plus naturellement possible en sauvegardant les répertoires de données sur le serveur par le moyen de son choix (FTP, fichiers...).

Afin d'éviter, ces petits désagréments dut à l'ajout de cette balise à la fin du conteneur et de ses styles, nous allons utiliser d'autres styles afin d'avoir l'effet voulu, en fait sur l'élément conteneur, il suffit d'ajouter overflow:auto; (et zoom:1;, mais cette propriété n'est utile que pour IE). Du coup, avec cette propriété, on a plus besoin d'ajouter une balise à la fin du conteneur.

e plus en plus, les formulaires deviennent un point crucial dans la conception d'un site internet. La question revient souvent, comment mettre en page un formulaire, de manière propre et accessible ? La réponse n'est pas simple, diverses écoles s'affrontent dans la façon de mettre en page les formulaires. J'en ai choisis une, que je juge être la meilleure. Les formulaires, depuis l'avènement du Web 2.0, deviennent non seulement de plus en plus omniprésent mais également de plus en plus complexe. De nouveaux éléments sont venu s'ajouter au fil des années, telle que des petites icônes permettant d'afficher l'état du champ (souvent, on rencontre "En cours de validation", "Champ valide" et "Champ erroné") ainsi que des messages d'aide ou d'erreur.

Ce que vous trouverez sur ce site : Ce site est un guide didactique dont l’objectif est d’accompagner les e-stagiaires à réaliser un site Web accessible. Du découpage de la maquette graphique à la validation finale du code, ce guide offre l’ensemble des étapes qu’il convient de suivre pour créer des sites Web aux normes W3C en respectant les recommandations de la WAI.

Le but de ce cours est de vous amener à construire un document XHTML 1.1 présenté en utilisant CSS. Non seulement vous saurez construire un tel document, mais vous aurez des notions de "bonnes pratiques" ainsi qu'un aperçu sur les standards du w3c. Ce site constitue le support de cours que je donne. Il s'inscrit dans une formation sur HTML dynamique, avant des cours sur php ou encore javascript. C'est pourquoi j'insiste nottamment sur les formulaires Le site est volontairement écrit en HTML, sans utiliser php, pour pouvoir distribuer les versions locales des pages. Si vous en avez besoin, demandez les. A la fin du cours, nous aurons construit une page : * En XHTML * En utilisant la mise en page CSS * Avec un menu à gauche de la page * Avec un formulaire * Avec une image * Avec du contenu texte

SWFObject is a small Javascript file used for embedding Adobe Flash content. The script can detect the Flash plug-in in all major web browsers (on Mac and PC) and is designed to make embedding Flash movies as easy as possible. It is also very search engine friendly, degrades gracefully, can be used in valid HTML and XHTML 1.0 documents*, and is forward compatible, so it should work for years to come.

Il s'agit d'une méthode similaire à la méthode SWFObject, également entièrement compatible avec les recommandations du W3C. Unobstrusive signifie que les différents contenus de la page sont totalement dissociés et indépendants : (X)HTML, CSS et JavaScript.

SwfIR n'est pas une marque de produits nettoyant révolutionnaire mais une methode pour appliquer des styles originaux à vos images en passant par un JavaScript et un peu de Flash. Vous connaissiez sIFR, découvrez SwfIR… SwfIR est un script non intrusif, c'est-à-dire qu'outre le fait que vous devez linker un fichier JavaScript à votre page, vous n'avez pas besoin de modifier le code XHTML de votre page. Ce script permet à vos images d'appliquer des styles inexistants en CSS2 : ombres portées, bordures arrondies, coins arrondis, rotation. Le principe est que SwfIR va remplacer les images que vous aurez spécifiées par un Flash qui intégrera ces images pour leur appliquer ces styles.

ve finally got around to writing the definitive version of the footnotes script I wrote in 2005. There were a number of issues raised that I've resolved in this (probably final) version: * Footnote links accessible from the keyboard * Inline HTML works in footnotes (images, links, emphasis, etc.) * Separate footnote formatting for multiple articles on one page

Mimulus : un éditeur XHTML minimal pour Firefox - Le Navigosaure

Free XHTML/CSS Website Templates - Template World

A List Apart: Articles: Flash Embedding Cage Match