Archive

Articles taggués ‘HTML’

Optimisation site web coté client

La plupart du temps lorsque l’on parle d’optimisation, on pense optimisation côté serveur : requêtes SQL, webservices, batchs…etc. En règle générale L’optimisation a pour but soit un gain de ressources (processeur, mémoire…etc.), soit une amélioration du temps de réponse aux requêtes de l’utilisateur. Cependant pour un site web, ce « ressenti » utilisateur ne dépend pas uniquement de l’optimisation côté serveur, mais également – trop souvent négligé – de celle côté client.

 

Yahoo a créé une page pour les « bests practice » :

http://developer.yahoo.com/performance/rules.html

 

Je traiterais donc principalement dans ce billet la gestion du nombre de requêtes, et notamment l’agrégation et le compactage du code JavaScript et CSS. Je reprendrais donc dans cet article le code source d’un précédent billet (http://blogtechno.novediagroup.com/site-web-statique-avec-internationalisation/), que je tenterais d’améliorer ici :

  Lire la suite…

Site web statique avec internationalisation

J’ai eu récemment le besoin de faire un site statique (HTML / CSS / JavaScript), tout en gérant l’internationalisation.

Une des méthodes employée dans ce cas consiste à créer une URL par langue, avec une page HTML par langue. Je ne trouve pas cette méthode appropriée, car cela signifie maintenir un même « template » de page sur plusieurs fichiers (1 par langue).

 

La méthode que j’emploie ici utilise le JavaScript:

  • Un fichier JavaScript par langue, pour tous les textes à traduire au format classique « clef:valeur » (Format JSON)
  • Une bibliothèque JavaScript qui effectue la traduction en utilisant les fichiers précédents (et gérant les « arguments » pour la traduction)

Lire la suite…

Categories: Web Tags: , , ,

Résumé – Conférence sur HTML 5

Mercredi dernier avait lieu à la Cantine Paris, une conférence pour thème « The next open web platform » présenté par Daniel Glazman, Dominique Hazael-Massieux et Philippe le Hégaret.

Après une présentation du W3C, c’est un rapide retour sur les différentes “versions” du web : Web 1.0 avec html, url, http, pas d’opportunité d’interaction réelle avec le document puis Web 2.0 avec javascript, CSS, flash, bureau et mobile et maintenant Web 5.0 qui met en avant les parties données et interactions.

L’idée est d’abord d’améliorer HTML en intégrant pus naturellement les secondes générations de langage web (CSS, SVG, MathML….) mais il y a aussi de nombreux standards et nouveaux outils en préparation (WebSockets, CSS 3, WebGL, ECMAScript 5 …).

Le présentateur revient sur la fin de XHTML 2 et le fait qu’HTML 5 permettra la sérialisation aussi bien en html que xhtml.Il fait une présentation rapide de la très attendu nouvelle balise <video>.

Il présente quelques évolutions liés à CSS comme CSS Media queries qui permet d’adapter et choisir la feuille de style en fonction de la vue coté client (Bureau ou mobile par exemple), CSS Transition qui permet des transitions de style douces ou encore CSS Selector qui permet de sélectionner des éléments HTML directement sans être référencé dans le HTML (très utile pour les tables).
Il y a ensuite un état de SVG qui va enfin être supporté par Microsoft. Son intégration plus poussée permet par exemple avec l’utilisation d’HTML 5 d’intéragir avec une video (sous titre!).

La technique Gaussian blur permet l’affichage des formules mathématiques ou mettre des effets sur une image déjà présente.
Un nouveau présentateur décrit les futurs APIs permettant d’accéder au matériel (géolocalisation, caméra, calendrier, carnet d’adresses..). L’idée est vraiment d’améliorer l’expérience web et d’intégrer la réalité augmentée.

Un des projets est aussi de rendre les applications Web téléchargeables, signables, sellables, avec une interface utilisateur dédiée type widgets.

En conclusion, cette conférence présentée par des membres du W3C permet de se rendre compte de l’étendu des objectifs autour d’HTML 5 et de l’ampleur de la tache qui reste à effectuer. Il va falloir attendre la finalisation des APIs et leur implémentation dans les navigateurs. L’ensemble est à surveiller de près vu les possibilités et les simplifications que ces APIs apportent.
La présentation est disponible ici : www.w3.org/2010/Talks/0407-next-web-cantine

Categories: Divers, RIA Tags:

Microsoft fournit un toolkit pour le référencement de sites Web

Voici un outil qui parait fort intéressant : SEO Toolkit

Au-delà de la « simple » validation HTML/CSS, cet outil simule un moteur d’indexation et fournit différents rapports : liens cassés, taille des pages et temps de chargement, répétitions de titre …

L’annonce de Henry Hahn.

Categories: Outillage Tags: , , ,

Compatibilité HTML, CSS et autres technologies web

Vous vous êtes tous déjà cassés la tête pour savoir si tel ou tel « feature » allait fonctionner dans tous les browsers du marché (IE, Firefox, Chrome, Opera, Safari).

Voici le lien qu’il vous faut : matrice de compatibilité technologies web. HTML5, CSS2 et CSS3, DOM, SVG et pleins d’autres technologies y sont examinés sous l’angle de leur fonctionnement sur les browsers passés, actuels et futurs.

Categories: Outillage Tags: ,