RPW 06/04/10: cssSandPaper, YUI3 et node.js, border-image en CSS3, CSS :before et :after, client-side storage

Revue de Presse Web de hier :

  • CSS3 : cssSandPaper est une librairie JS qui permet d’utiliser de manière uniforme certaines propriétés CSS3. On peut ainsi appliquer la rotation, les déformations, l’opacité, l’upscale, le box-shadow et les dégradés sur tous les browsers, IE6 compris. Sous IE cette librairie utilise les filters, sur les autres browsers elle utilise soit les propriétés préfixées (-moz, -o …) soit canvas. Reste à garder à l’esprit que toute solution JS pour faire du CSS présente toujours les mêmes désavantages : la page apparaît non ou mal stylée tant que le JS n’est pas inclus et exécuté (généralement après que le DOM soit chargé) et il peut y avoir un coup de freeze car ces techniques scannent le DOM en entier.
  • CSS : utilisation basique et avancée de :before et :after, supporté notamment par IE8, qui permettent de rajouter du contenu texte, des images, voire le contenu de certaines propriétés de tag, avant ou après un élément.
  • HTML5 : résumé en slides et démos des features HTML5. Cela fait un résumé assez exhaustif tout en restant simple à lire. A noter que les slides sont faites en HTML5, et que pour voir marcher les démos, il vaudra mieux switcher sur plusieurs browsers ou posséder des FF nightly. Safari Mac semble le mieux loti.
  • HTML5 : résumé rapide des APIs HTML5 permettant le stockage client-side, avec localStorage, sessionStorage et database Storage (qui n’utilisera plus sqlite mais IndexedDB comme je l’ai appris récemment). Pour info, pous pouvez (et devriez) utiliser en production dès aujourd’hui sessionStorage grâce à YUI storage, qui s’occupe pour vous de niveler les différences entre browsers et de proposer une solution de fallback en flash pour IE6 et IE7.
  • Tools : un autre outil online pour visualiser les subtilités de la propriété border-image en CSS3. (via Ajaxian)
  • JS server side : utiliser YUI3 server-side, avec Node.js. Les astuces consistent à remplacer les références au DOM du loader par des appels au require de Node.js. Je vais commencer à couvrir un peu plus ce qu’il se passe autour de Node.js car si j’étais réticent à m’intéresser à un langage serveur de +, on m’a fait remarquer que la nature événementielle de Node.js était autrement plus performante que PHP dans les situations de grosse charge serveur et en faisait le candidat idéal pour un jour l’utiliser pour faire du Comet via socket.

Laisser un commentaire

Vous pouvez utiliser ces HTML balises et les attributs: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>