background preloader

Programming

Facebook Twitter

PHP

Spip. Ruby. Regex. Oracle. Swish-e. Prototype. AJAX. Openweb.eu.org - Construction d'un fil RSS 1.0. Pas à pas, comment construire un fil RSS au format RDF Site Summary 1.0. Cet article fait suite à l'Introduction à RSS et reprend en particulier son exemple de fil RSS des publications d'OpenWeb. La spécification RSS 1.0, datée de décembre 2000, a été créée par un groupe de travail indépendant. Selon cette spécification, RSS 1.0 est un format de syndication et de description de métadonnées léger, universel et extensible.

Il se base intégralement sur la spécification RDF du W3C, en adoptant une structure modulaire basée sur les espaces de noms XML. Changements par rapport à RSS 0.91 La déclaration de DTD disparaît. Le document RSS 0.91 que nous avions créé précédemment devient ainsi un premier exemple de feed RSS 1.0 minimal (le fichier est commenté). Les modules Un mécanisme d'extensivité Les concepteurs de RSS 1.0 ont pris le parti de s'en tenir à un noyau de spécification aussi simple que possible. Cette modularisation est accomplie en utilisant les espaces de noms XML . Module Content. UserJS.org - User JavaScript for Opera. 40 Web Developers to Follow on Twitter | Think Vitamin. Update: You can now follow this list with just one click. Head over to the @carsonified/top-web-devs list. I’ve been on Twitter since 2006 (@ryancarson) and it’s where I get all my news these days.

It’s important to know who to follow in order to get the best advice, tips and news. Here’s a list of the top web developers on Twitter (in no particular order). [Updated: I've added some new names that should've made the first cut!] I wasn’t able to fit everyone on this list, so please feel free to make suggestions in the comments. Leah Culver @leahculverKevin Marks @kevinmarksJohn Maeda @johnmaedaXeni Jardin @xenijardinRasmus Lerdorf @rasmusAza Raskin @azaazaIan Dodsworth @iaindodsworthGina Trapani @ginatrapaniFrancisco Tolmasky @tolmaskyJonathan Snook @snookcaBrittany Bohnet @britBlake Ross @blakerossJeff Atwood @codinghorrorDavid Recordon @daveman692Eric Meyer @meyerwebDavid Heinemeier Hansson @d2hJamis Buck @jamisAndre Torrez@torrezJoe Stump @joestumpDion Almaer @dalmaerMolly E.

Michael Hurni. PHP Presents. Diagrammes en ligne. Chris erwin dot com - CRIR: Checkbox Radio Input Replacement. Une infobulle accessible. Lien (ouvre pop1)Lien ( ouvre pop2 ) Basé sur l'exemple du tutoriel d'alsacréation : des "popups" accessibles. Comme le contenu de ces "popups" se trouve dans la page, pourquoi ne pas les transformer pour remplacer les infobulles title controversées. En survolant les liens, vous ouvrez une boîte de contenu au-dessus du document, sans ouvrir de nouvelle fenêtre. Cette boite peut contenir n'importe quel contenu (images, textes, tableaux, etc.) et peut adopter n'importe quelles dimension, couleurs. Les boîtes sont affichées/masquées grâce à un script JavaScript placé hors du document. Le Javascript est placé dans un fichier externe bull.js Celui-ci a besoin du fichier bull.css L'infobulle est positionnée automatiquement.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Venenatis et, elementum et, sapien. Sit amet consectetuer dolor magna ac ante. Autre infobulle sur la page De l'anglais, to pop up : apparaître, surgir. Une popup accessible. Lien (ouvre pop1)Lien ( ouvre pop2 ) (sous forme d'infobulles ici.) En survolant les liens, vous ouvrez une boîte de contenu au-dessus du document, sans ouvrir de nouvelle fenêtre. Elle est donc affichée même avec les navigateurs qui interdisent les popups. Cette boite peut contenir n'importe quel contenu (images, textes, tableaux, etc.) et peut adopter n'importe quelles dimension, couleurs ou position. Attention, ce contenu doit rester léger, car contrairement aux vraies popups, il est chargé en même temps que la page. Les boîtes sont affichées/masquées grâce à un script JavaScript placé hors du document. Visionner ou téléchager les fichiers : popup2.js | popup.css | popup.zip Lien (ouvre pop3)Lien ( ouvre pop4 ) Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Venenatis et, elementum et, sapien. Sit amet consectetuer dolor magna ac ante. Autre popup sur la page. Accessibilité du Web - Centre de ressources et de recherche sur. Astuces d'accessibilité Handi-cv.com. Nous nous efforçons de rendre Handi-cv.com suffisamment accessible aux personnes déficientes, dans le respect des standards. Ainsi, son développement est en constante évolution et poursuit de nouveaux tests pour se conformer aux règles d'accessibilité. Pour preuve, les récentes versions ambitionnent à gravir de nouvelles marches vers l'accessibilité.

Son contenu est plus que jamais privilégié avant sa présentation graphique : un petit pas pour Handi-cv.com, un grand pas pour l'Accessibilité ! Cette action a été rendue possible grâce à l'utilisation des feuilles de style externes. Toutefois, pour mieux apprécier tous les avantages d'une bonne présentation visuelle, nous vous conseillons de tirer profit d'un navigateur moderne respectueux des standards du Web. Certaines différences peuvent être observé selon le navigateur utilisé. Si, pour une raison ou une autre, vous rencontrez des difficultés d'accès, Contactez-nous. Les liens Les présentations graphiques des liens Les images Les tableaux. Creating accessible forms. You are here: Home > Articles > Forms Introduction Forms are used for many types of interactions on the web.

When we talk about the accessibility of forms, we are usually referring to their accessibility to people who use screen readers or keyboards. People with other types of disabilities are generally less affected by faulty forms. It should be noted, however, that everyone benefits from a well-organized, highly usable form, especially those with cognitive disabilities. Ensure Forms are Logical and Easy to Use Forms should be clear and intuitive. Ensure Forms are Keyboard Accessible Many users can only use a keyboard to navigate and use the web. Associate Form Labels with Controls Text labels should generally describe the function of each form control. The <label> element is used to associate a text label to a form control. Important Screen reader users generally navigate through a form using the Tab key to jump from form control to form control. BlindSurfer. Simply Accessible. Web Accessibilité.

Les tableaux. Un peu d'Histoire A l'origine et en simplifiant, le langage HTML a été créé pour s'affranchir des différences de matériel et pour pouvoir échanger facilement de l'information quelque soit le système d'exploitation ou le navigateur utilisé par le visiteur. Au départ le langage HTML était très simple et les possibilités d'enrichissement graphique assez faibles.

Les deux sociétés les plus importantes (Netscape et Microsoft) ont développé chacun de leur côté un navigateur graphique (Netscape Navigator et Internet Explorer) en ajoutant des fonctionnalités pas forcement compatibles entre elles. Un des principe de bas du langage HTML est que celui-ci ignore simplement les balises qu'il ne connaît pas et cela sans générer de message d'erreur. Microsoft peut très bien développer une balise <tagada></tagada> sans que cela ne gêne Netscape Navigator.

Les problèmes surviennent lorsque les deux protagonistes se mettent à développer des balises ayant le même nom mais pas la même implantation. Groupe de travail sur l&#039;interopérabilité. « Quiconque appose sur une page du web un logo du type : Cette page est optimisée pour le navigateur X est quelqu'un qui semble souhaiter revenir à l'époque préhistorique d'avant le web, lorsque l'on avait très peu de chances de pouvoir lire un document écrit sur un autre ordinateur, un autre traitement de texte, ou un autre réseau. »- Tim Berners-Lee dans Technology Review, Juillet 1996 Définitions L’interopérabilité est la capacité que possède un produit ou un système, dont les interfaces sont intégralement connues, à fonctionner avec d'autres produits ou systèmes existants ou futurs et ce sans restriction d'accès ou de mise en œuvre - Définition issue des travaux du groupe de travail Interop de l'AFUL.

Degrés d'opérabilité Compatibilité La compatibilité est la possibilité pour deux systèmes de types différents de communiquer ensemble. Standard de fait Lorsqu'un acteur devient dominant dans un domaine, les autres acteurs font en sorte d'être compatibles avec lui. Interopérabilité Présentation.