De quoi HTML5 est-il le nom ?

Comme vous, je suppose, je m'énerve quand je lis des idioties sur HTML5 :

HTML5 c'est la balise video, HTML5 c'est les CSS3, HTML5 c'est Canvas etc.
Pfiou... un peu pénible. J'ai pourtant trouvé pour les francophones des pages très pertinentes mais qui se trouvent enfouies sous les buzz autour d'Apple, de Flash, que sais-je encore...

Pour guider les internautes en quête d'informations et d'explications techniques j'ai eu une idée.

Ah bon ! C'est quoi encore ?

Préparer sa CSS3 aux nouvelles versions des navigateurs

O u : « comment j'ai agrandi ma CSS ».

Un designer CSS qui louchait sur ma feuille de styles ce matin, m'a fait cette remarque : Pour bien faire et t'assurer de la comptabilité actuelle et future de ta feuille de styles, tu devrais, pour chacune des propriétés, faire une déclaration spécifique pour chaque navigateur.

Allons bon ! Dans l'absolu il n'a pas tort. Déjà qu'HTML5 est bien verbeux (ça me fait penser qu'après le ménage de printemps que j'ai fait à mon code, ce serait intéressant que je publie un billet là-dessus pour qu'on en discute), s'il faut multiplier les déclarations on va se retrouver avec des CSS ballonnées.

Poursuivre la lecture

La police : embarquée ou en garde à vue ?

Comment compresser les polices font-face ?

C'est la question que je me suis posée le weekend dernier en pratiquant à l'aide d'YSlow et de PageSpeed des optimisations visant à améliorer les temps de chargement des pages.
Et là : question. Comment vais-je faire pour réduire la taille de la police caractères que je sers via la propriété de ma CSS, @font-face ?

La zipper ? Bien sûr. Mais comment ? C'est que ça finit par peser lourd ces fontes. De 100 à 200 Ko en général. Mais jusqu'à 1 Mo pour les plus fantaisistes. 2, 3 polices et vous avez la page aussi chargée que l'haleine d'un gendarme après une séance de Pastis avec ses collègues.

Gzipper ses fichiers @font-face