ImgToCss est un outil bien sympathique, qui permet de reproduire fidèlement vos images en mélange de tableaux html et de css. L’intérêt est certes limité, car le poids du html généré est conséquent, mais la performance est intéressante.

Voici, pour preuve, le logo d’InfographiZm, en version html générée par ImgToCss. Vous pouvez consulter la source à loisir.

Voici le résultat avec une photo de Danny Wallace. Le poids de la page est énorme (2,6Mo), mais le rendu est bluffant. Soyez TRÈS patient pour afficher la page, cela peut prendre plusieurs paires de minutes…

Certains développeurs maîtrisent l’intégration CSS, et ils le prouvent !

Voici des travaux d’icones et de logos réalisés entièrement en HTML/CSS, rivalisant d’ingéniosité et de techniques pour réaliser ce que d’aucuns tiendraient pour impossible :

• Le logo d’Opera en CSS
• Le logo d’Internet Explorer en CSS
• Des icones en CSS

Chapeau à leurs créateurs !

Lorsqu’on crée un design dont la particularité est que le pied de page soit toujours au bas de l’écran, on se heurte à un petit soucis de conception : comment définir une hauteur minimale à la fenêtre ?

Nous allons voir une solution possible.

(Lire la suite…)

Nous allons voir comment faire un menu horizontal déroulant, avec plusieurs sous-niveaux. Cette technique est compatible avec la plupart des navigateurs actuels, à partir d’Internet Explorer 8 et Firefox 3, mais nous verrons ensuite comment la rendre compatible avec des navigateurs plus anciens, bien que ce ne soit pas nécéssaire puisque ces navigateurs disparaissent.

Vous pouvez voir un exemple ici.

(Lire la suite…)