Règles pour l'accessibilité des contenus Web (WCAG) 2.0 Cette publication a été en partie financée par des fonds du gouvernement fédéral des États-Unis du ministère de l'éducation, de l'Institut National pour la recherche sur le handicap et la réadaptation (Institute on Disability and Rehabilitation Research (NIDRR)) sous le numéro de référence ED05CO0039. Le contenu de cette publication ne reflète pas nécessairement les avis ou politiques du ministère américain de l'éducation, la mention de noms de marques, de produits commerciaux ou d'organismes ne signifie pas non plus qu'ils ont été approuvés par le gouvernement des États-Unis. Des informations supplémentaires à propos de la participation au groupe de travail des règles pour l'accessibilité des contenus Web (WCAG WG) sont consultables sur la page d'accueil du groupe de travail (en anglais). Anciens participants dans le groupe de travail des WCAG et autres contributeurs
L’URL Rewriting expliqué aux débutants Par Olivier Duffez, le 04 août 2008 Cet article présente le principe de la réécriture d'URL et son intérêt pour le référencement de façon simple pour les débutants. URL Rewriting : à quoi ça sert ? L'URL Rewriting (réécriture d'URL en bon français) est une technique utilisée pour optimiser le référencement des sites dynamiques (utilisant des pages dynamiques). Les pages dynamiques sont caractérisées par des URL complexes, comportant en général un point d'interrogation, éventuellement le caractère & ainsi que des noms de variables et des valeurs. Exemple : article.php? Dans cet exemple, le fichier article.php est utilisé pour afficher un article dont le texte vient d'une base de données. Le problème est que certains moteurs n'indexent pas les pages ayant des URL de ce type. Grâce à l'URL Rewriting, Google ainsi que n'importe quel robot va pouvoir indexer les pages dynamiques. URL Rewriting : comment ça marche ? URL Rewriting : les étapes pour la mise en place Pour aller plus loin
Les flashcodes, comment les générer automatiquement et facilement avec PHP Posté le 21 mars 2011 dans Développement web , par Abdelhak - Caroline nous expliquait dans un précédent article ce qu’est un flashcode, comment ces codes sont utilisés, etc. Nous, on fait beaucoup de PHP, tout les jours, et on aime bien se sentir rassuré de temps en temps en se disant avec PHP on peut tout faire ! Alors, peut-on faire des flashcodes avec php ? c’est le sujet de ce billet, générer un flashcode (ou plus exactement un Qrcode) avec php. La librairie en question est PHP QrCode (très original ^^). Pour la télécharger c’est ici : Exemple d’utilisation : Et pour finir voici un petit snippet complet qui permet d’afficher sur n’importe quelle page d’un site, un Qrcode renvoyant vers cette même page, en insérant une balise image quelque part sur la page : <? Voici le résultat : Ingénieur développeur web à X-PRIME, naeh.net c'est mon blog, snippets.fr est ma boite à snippets…
Tri de cartes et ergonomie web Introduction L'architecture de l'information est le fondement de la structure d'une application. Pour optimiser cette architecture, plusieurs méthodes sont utilisées. Cet article décrit l'une d'entre elles, le tri de cartes. Nous détaillerons les caractéristiques des différents types de tris, le déroulement classique d'une session de tri, ainsi que le rapport entre les caractéristiques de la méthode et les besoins et contraintes de l'ergonomie web. Cet article sera volontairement orienté vers le domaine web, car c'est celui dans lequel nous disposons du plus d'exemples concrets. 1. 1.1. Il est essentiel de travailler sur l'organisation des contenus lorsque l'on conçoit une interface informatique. Travailler sur l'architecture de l'information d'un système informatisé, c'est réfléchir aux endroits où l'on va placer les contenus et à leurs appellations, afin que l'utilisateur soit susceptible de les retrouver facilement. 1.2. ETAPE 1. Etape 1 d'un tri de cartes. ETAPE 2. ETAPE 3. ETAPE 4.
Les classes abstraites et finales PHP intègre un autre concept de la programmation orientée objet : les classes abstraites. Ce cours définit et introduit la notion de classes abstraites. Nous présenterons ce que sont les classes abstraites, à quoi elles servent au développement et comment les déclarer et les utiliser. Présentation et déclaration des classes abstraites Définition des classes abstraites Les classes abstraites s'inscrivent davantage dans la sûreté de la programmation orientée objet. Une classe abstraite se comporte comme une classe concrète typique. Jusque là, il n'y a aucun changement par rapport aux classes concrètes si ce n'est le fait que l'on ne puisse pas instancier les classes abstraites. Déclaration d'une classe abstraite La déclaration d'une classe abstraite se réalise au moyen du mot-clé « abstract ». Déclaration d'une classe abstraite <? abstract class EtreHumain * Sexe de la personne * @var string protected $sexe; * Nom de la personne protected $nom; * Met à jour le nom * @param string $nom * @return void
Styles auteur, utilisateur et agent utilisateur : 3 raisons de lâcher prise sur votre design Le rendu final d’une page Web n’est pas le produit figé des règles de présentation fixée par son auteur : il résulte de la combinaison des 3 sources de styles de l’auteur, de l’agent utilisateur et de l’utilisateur lui-même. Les règles de cascade CSS gèrent le rendu final d'une page Web en fonction de trois sources simultanées : les styles CSS auteur accompagnant le document, mais aussi les styles par défaut de l'agent utilisateur et les éventuels styles propres à chaque utilisateur. Dans cette combinaison, les styles par défaut du navigateur ont le poids le plus faible, tandis que ceux de l'utilisateur ont le poids le plus fort. Dans tous les cas, l'auteur devra tenir compte de ces styles par défaut du navigateur, et plus fortement encore des éventuels styles utilisateurs. Les styles par défaut de l'agent utilisateur Chaque navigateur applique aux pages Web un ensemble de styles par défaut. Ces styles de l'agent utilisateur ont un double rôle : Les styles utilisateur Les styles auteurs
PHP regular expressions examples The regular expression, as a pattern, can match all kinds of text strings helping your application validate, compare, compute, decide etc. It can do simple or very complex string manipulations. The list of possibilities is enormous when it comes to what you can achieve using regular expressions. You can take any phrase that starts with an "A" or any character and do various things with it. Mastering Regular Expressions quickly covers the basics of regular-expression syntax, then delves into the mechanics of expression-processing, common pitfalls, performance issues, and implementation-specific differences. function do_reg($text, $regex) { if (preg_match($regex, $text)) { return TRUE; } else { return FALSE; } } The next function will get the part of a given string ($text) matched by the regex ($regex) using a group srorage ($regs). function do_reg($text, $regex, $regs) { if (preg_match($regex, $text, $regs)) { $result = $regs[0]; } else { $result = ""; } return $result; } Columns Dates Logs
Cascade CSS et priorité des sélecteurs CSS signifie « feuilles de styles en cascade »... Mais au fait, la cascade, qu’est-ce que c’est, à quoi ça sert, comment cela fonctionne ? Plongez avec nous dans la cascade sans risque de noyade ! Les styles CSS appliqués finalement à une page Web ont de multiples origines simultanées : styles utilisateurs et styles par défaut de l'agent utilisateur s'ajoutent aux différentes feuilles de styles éventuellement prévues par l'auteur, pour structurer ses CSS en modules, offrir des styles alternatifs ou styler ses documents pour différents medias. La question-clé est donc le mode de combinaison de ce large éventail de styles possibles. Les sources de style possibles Trois séries de styles CSS d'origines différentes sont susceptibles d'être concurrentes ou combinées pour un même élément (X)HTML : Les feuilles de style ont trois origines différentes : l'auteur, l'utilisateur et l'agent utilisateur (alias le navigateur). Prenons l'exemple des liens a d'un menu de navigation du type : Conclusion