Développeur Web RoR

Aller au contenu | Aller au menu | Aller à la recherche

vendredi 23 juillet 2010

Vous aimez html5 et vous adorez canvas

Voici un site qui recense plein d'utilisations différentes du canvas d'html5 :

http://www.canvasdemos.com

Une appli que je trouve particulièrement amusante :

http://pok5.de/elementdots/

(L'huile brûle, l'eau éteint le feu ....)

jeudi 8 juillet 2010

HTML/CSS element bloc qui ajuste sa hauteur en fonction du contenu

html css

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 !

lundi 5 juillet 2010

Concours développement Web - Développez.net - Horloge

html css

Il y a en ce moment un concours sur developpez.net pour concevoir une horloge originale ! Donc à votre clavier et que le plus innovant gagne ! J'ai fini le mien ! Même s'il est pas beau il est original !

Lien

mardi 22 juin 2010

Cheatsheets CSS, JAVASCRIPT, HTML, PHP, WEB, DESIGN, SEO

Voici une bonne panoplie de cheatsheets CSS, JAVASCRIPT, HTML, PHP, WEB, DESIGN, SEO

http://spyrestudios.com/mega-collection-of-cheatsheets-for-designer-developers/

Régalez-vous !

mercredi 2 juin 2010

@font-face css3 - Des polices exotiques dans nos sites web compatible internet explorer - firefox - chrome - safari - opera

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/

- page 1 de 2