MoreCSS : javascript au secours de CSS

La librairie Javascript MoreCSS permet d'appliquer des fonctions Javascript à des éléments HTML simplement en les stylant à l'aide de propriétés CSS spéciales. Cette approche, bien qu'assez surprenante au premier abord, permet de bénéficier à la fois de la simplicité de la syntaxe CSS et de la puissance du code Javascript.

On peut en revanche regretter que le code du fichier javascript soit obfusqué, malgré la licence Creative Commons...

CSS : "grid-based design"

Le site "960 Grid System" propose une approche intéressante à la mise en page pour le web :

All modern monitors support at least 1024 × 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.

Il fournit un ensemble de guides pour Flash, Photoshop..., mais surtout une feuille de style CSS facilitant l'implémentation de ce système en HTML, ainsi que le montre la page de démonstration.

De son côté, Google fournit également un framework CSS, basé sur une grille de 950px : Google CSS Blueprint.

Mais bien sûr, vous pouvez toujours créer votre propre système de grille grâce au "Grid Designer".

CSS : cross-browser "min-height" et "min-width"

Voici les propriétés CSS à utiliser pour obtenir les effets "min-height" et "min-width" portables sur tous les principaux navigateurs :

Pour la hauteur :

  1. min-height: 100px;
  2. height: auto !important;
  3. height: 100px;

Pour la largeur :

  1. min-width: 100px;
  2. width: auto !important;
  3. width: 100px;

Il faut bien entendu remplacer "100px" par votre valeur.
Des explications sur leur fonctionnement sont disponibles sur le blog original.

Javascript 2.0 : un premier aperçu

Avec AJAX, Javascript a considérablement renforcé sa position de langage incontournable du web. Pourtant, il est notoirement délicat à programmer et à debugguer -- la faute tant à sa syntaxe parfois exotique qu'à son support inégal par les différents navigateurs...

Avec Javascript 2 (ECMA-Script 4), la relève est en marche et les spécifications semblent prometteuses (pdf). Bien qu'encore en cours de rédaction (une première version est prévue pour l'automne), elles laissent d'ores et déjà apparaître d'intéressantes fonctionnalités :

  • programmation objet (classes, interfaces...),
  • typage statique des variables,
  • compilation/vérification du code,
  • chargement de modules à la demande (lazy-loading)...

Si elles sont évidemment les bienvenues, ces améliorations ne sont-elles pas un peu tardives ? Les développeurs, qui commencent enfin à disposer d'outils et de frameworks performants rendant Javascript réellement exploitable, sont-ils prêts à franchir le pas ?
De plus, leur frustration envers Javascript a déclenché la prolifération de solutions alternatives (Google Web Toolkit, Flex...) qui sont généralement plus performantes et plus simples à développer et maintenir. La version 2.0 saura-t-elle regagner le coeur des développeurs ?

Une "Cheatsheet" pour Prototype.js

Le site PerfectionKills, qui explore les infinies possibilités du framework javascript Prototype, vient de publier une "cheatsheet" (feuille récapitulative) indispensable à tout bon programmeur web.

Je vous invite au passage à parcourir les autres articles du site, très intéressants.

page 2 de 2 -