Aller au contenu | Aller au menu | Aller à la recherche
vendredi 3 septembre 2010
Par Riven le vendredi 3 septembre 2010, 09:56
PNGQUANT est un utilitaire qui permet de transformer les PNG 32 bits en PNG 8 bits !
sudo aptitude install pngquant
pngquant 256 monpng.png
Le but n'est pas de convertir des photos (la dégradation se voit) mais sur des éléments graphiques de site internet. Le perte de poids de fichier est d'environ de 50%.
Source : http://www.it-wars.com/?article165/
vendredi 23 juillet 2010
Par Riven le vendredi 23 juillet 2010, 16:34
Voici un site qui recense plein d'utilisations différentes du canvas d'html5 :
Une appli que je trouve particulièrement amusante :
(L'huile brûle, l'eau éteint le feu ....)
jeudi 8 juillet 2010
Par Riven le jeudi 8 juillet 2010, 14:38
Comment ajuster automatiquement la hauteur d'une balise de type bloc (div principalement) en fonction de son contenu en HTML/CSS ? En général j'ai l'habitude de spécifier des tailles à mes bloc. Dans ce cas avec "overflow:auto;" le navigateur rajoute des barres de défilement. Mais quand on mets "overflow:auto;" alors que les dimensions du bloc ne sont pas spécifiées alors le bloc s'adapte en fonction de son contenu ! Pratique !
mercredi 2 juin 2010
Par Riven le mercredi 2 juin 2010, 15:26
Oui on en a tous rêvé un jour ! Mettre notre police préférée sur notre site web ! Et bien c'est possible avec tous les navigateurs !
- Internet Explorer 4+
- Safari / Webkit 3.1+
- Firefox 3.5+
- Opera 10
- Chrome 4+
Le problème c'est que chaque navigateur ne gère pas tous les formats de font
(otf, eot, ttf).
Et internet explorer ne gère que eot.
Voici le code à mettre dans votre css
/* Pour IE fichier eot */
@font-face {
font-family: "mapolice"; src: url("police.eot");
}
/* TTF pour les autres */
@font-face {
font-family: "mapolice";
src: url("police.ttf") format("TrueType?");
}
Ainsi dans votre Css vous pourrez faire :
.maclass{
font-family:"mapolice";
}
Et là vous aller me dire "AAAAAAAH" j'ai pas de fichier EOT pour internet
explorer.
Et bien cerise sur le paquebot : il existe un utilitaire gratuit et
open-source (linux/windows) pour générer un EOT à partir d'un TTF.
TTF2EOT à voir ici
http://code.google.com/p/ttf2eot/
mardi 16 février 2010
Par Riven le mardi 16 février 2010, 15:57
Un compilateur css kesako ? Vous réviez d'utiliser des variables dans vos css, les fichiers qui passent par les compilateurs css supportent les variables mais aussi les mixins (liste commune d'attributs css) et les opérateurs sur des valeurs numériques (margin, height, width, etc...).
Ce post n'a pas la vocation d'établir un test complet des deux systèmes de compilations de css, mais juste de les faire connaitre et d'afficher ma préférence.
Compass : syntaxe haml (très strict avec les
espaces...), gère de nombreux framework css (blueprint, 960, etc...)
Less : syntaxe css avec ce qui manque à css.
Et bien franchement less correspond tout à fait à mes
besoins : les variables, les valeurs calculées, la coloration syntaxique
dans les IDE
Lien :
Site officiel de
compass
Explication less Site officiel de less
