Articles taggés avec 'amélioration progressive "

Techniques flash Remplacement de texte

La technique de remplacement de texte que je présente aujourd'hui est, à certains égards, très intéressant. Contrairement à l' image classique en utilisant le CSS pour remplacer l'exploitation , cette technique utilise une animation Flash d'écraser les titres de notre site. En dépit d'être un peu plus complexe, nécessitant la création d'une animation Flash et l'utilisation de JavaScript, produit un certain nombre d'avantages considérables:

  • Maintient de l'accessibilité »pour le site en utilisant un vrai-Discret Javascript afin que les robots et araignées continuer à voir la page au format HTML simple et correcte
  • Il ne nécessite pas la création de titres n par l'image n. Un seul film pour remplacer tous les titres de notre site, avec une économie considérable en termes de téléchargement
  • Vous permet également de créer des titres simples mais pas les polices normalement utilisés sur le Web
  • Le texte peut être rendu au format HTML, grâce aux fonctionnalités de Flash
  • Le texte est sélectionnable
  • Comme vous pouvez insérer une animation Flash et animations interactives de toutes sortes

Vous noterez aussi que dans cette procédure sont pratiquement pas considéré comme CSS!

Suite ...

Techniques de remplacement de texte pour le HTML / CSS

La façon correcte d'insérer un titre dans les graphiques sur une page Web est de remplacer l'exploitation des feuilles de style (voir amélioration progressive de l'accessibilité et l'utilisabilité: discret JavaScript ). Cette technique vous permet de faire du site un contenu plus accessible quel que soit le graphisme d'affichage fixé par feuilles de style. Aussi, les robots et les araignées, avoir une lecture correcte du code HTML, en ignorant les graphismes de remplacement offrent à l'utilisateur final. Insérer une image directement (TAG img ), en fait, de rendre le texte du titre inaccessible aux lecteurs ordinaires ASCII (chenilles, araignées, les plugins de blog, les lecteurs d'écran, etc ...).

Suite ...

Accessibilité et utilisabilité: Javascript discret

Permettre aux utilisateurs d'interagir avec une page Web ces dernières années a entraîné une augmentation significative de l'utilisation de scripts côté client: le code JavaScript peut réagir en temps réel et de manipuler une grande variété d'informations. Le Web2.0 est l'expression ultime de cette capacité d'interaction, dans laquelle l'utilisateur final - l'utilisateur participe activement à la construction et à «l'évolution du site Web, en interagissant avec lui et vous aider. Est appelée User Generated Content (UGC ou - user-generated content) qui voit le "navigateur" certainement pas passif!

Pour parvenir à cette interaction, permettant ainsi à l'utilisateur final d'ajouter sa contribution, nous avons développé une série de techniques qui ont changé l'apparence et le comportement de pages Web (statiques jusqu'ici, mais maintenant semblables à des applications traditionnelles de Desktop) au cours des dernières années. Changer le contenu d'une page, envoyer des fichiers, donnant leur vote à une vidéo ou un document, enregistrer ou modifier leurs données personnelles, sont quelques-unes des opérations les plus riches dans de nombreux services (2.0 beta) sur le Web

Suite ...