tfeserver : Blog de tfe

Envie de changer de police...

Catégorie web - posté le 19/05/10 22:45:21

Envie de changer de police?
Rien de plus simple aujourd'hui, grace au selecteur css font-family, et la possibilité de charger des fichiers polices externe au système.

Un site internet aide vraiment pour trouver la font qui va bien, c'est  http://code.google.com/webfonts.

À vous de tester pour vous faire une idée.
En gros l'idée et d'avoir un aperçu de la police, et le code associer pour pouvoir l'utiliser via la feuille de style:
ie: <link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'> par exemple, qui donne en fait la feuille de style:
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: normal;
  src: local('Cantarell'), url('http://themes.googleusercontent.com/font?kit=tGao7ZPoloM xQHxq-2oxNA') format('truetype');
}

0 commentaire(s) css w3c web

Danger du CSS Reset

Catégorie Astuce - posté le 02/07/08 22:20:38

Il existe de très nombreux scripts pour remettre à zéro les propriété par défaut des navigateurs. 

Comme beaucoup de monde l'idée de partir sur une base vierge est très agréable, car nous ne devons plus nous soucier des valeurs par défaut des différents navigateurs (marges, paddings, tailles de police, etc...). Cependant il faut faire attention à certains scripts qui peuvent nuire à l'affichage de votre page:

Par exemple, le script de meyerweb.com:
  • le script ne redéfinit par l'ensemble des balises, comme par exemple la balise <input>. On pourrait donc penser que l'ensemble du site a une taille de police fixe, ce qui n'est pas le cas.
  • Autre gros problème: la définition de paramètres incorrects pour certaines balises. Par exemple, définir le "font-size" de la balise <font> empêche son bon fonctionnement. Certes cette balise est dépreciée, mais si vous possédez de vieux modules l'utilisant, vous empechez leur bon fonctionnement.

0 commentaire(s) programmation css html xhtml firefox IE

Gimp2css

Catégorie Développement - posté le 17/06/08 17:56:52

"This is rather old stuff, I was looking for an easy way to create html templates in an easy but open source kind of way. It is a perl-fu plugin for Gimp which allows you to draw your template as a multi-layered image, then automatically export it to html + individual png files. It was originally written for Gimp v.1, but it seems to work fine with Gimp v.2"

Je n'ai pas eu le temps de réellement tester le plugin, mais si c'est très prometteur.
Plus d'infos ce soir donc, si j ai le temps de le tester :)

La page: http://registry.gimp.org/node/5504
Le script: http://registry.gimp.org/files/gimp2css.zip

0 commentaire(s) css gimp

Compatibilité CSS

Catégorie Blog - posté le 05/06/08 08:30:28

Area42 nous rapport un jolie liens de microsoft sur l'implementation CSS dans Internet Explorer.
Tout y est, de IE4 à IE8 Beta.
C'est par ici: http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx

0 commentaire(s) css IE

Documentation Javascript

Catégorie Web - posté le 14/05/08 23:12:36

Encore une fois, google nous facilite le développement Web: cette fois-ci, nous avons droit à tout un emsemble de documentation et trucs & astuces, aussi bien sur le DOM, que sur les CSS.

À quand le framework complet google?

0 commentaire(s) programmation javascript google css dom

Coda Slider: slides css et javascript

Catégorie Web - posté le 07/12/07 10:00:42

Il y a des jours où on découvre des librairies vraiment bien, et ça nous rends vraiment heureux. Aujourd'hui est un de cela. Coda-sliders vous permet de présentre page sous formes de slides, avec des effets de style très sympatiques.

Rien à rajouter, il suffit de voir la démo.

0 commentaire(s) configuration Astuce javascript css

tfe

dev tfe

tfe