Info-graphistes.com - webdesign, graphisme, flash, photoshop, illustrator

En design, ou plutôt dans la phase de découpe CSS / XHTML, il arrive de vouloir avoir un pied de page qui soit fixé tout en bas de l’écran, de sorte que même si le contenu ne va pas jusqu’en bas de la page, on ait le footer en bas et non celui-ci collé juste en dessous du contenu.

“Rien de plus simple, il suffit de peaufiner un peu le CSS en ajoutant un position:fixed; et un bottom:0; à notre div #footer…” direz-vous…

Oui! mais ça ne marche pas sur tous les navigateurs (sous IE6 par exemple pour changer…) car la valeur “fixed” de la propriété “position” peut ne pas être interprétée, ce qui nous a tous valu une perte prématurée de cheveux (d’ailleurs il est apparu que le taux de calvitie tend à diminuer depuis que IE6 meurt petit à petit… Troll inside )

Heureusement, cssstickyfooter.com apporte une solution à ce problème pour notre grande joie, et en français en plus!

Pour information, cette technique marche sur les navigateurs suivants :

Navigateurs de Windows

• Avant 11.7
• Chrome 0.4
• Crome 1.0
• Firefox 1.5
• Firefox 2.0
• Firefox 3.1
• Flock 1.2
• Flock 2.0
• K-Meleon 1.5
• Minefield 3.2
• MSIE 4.0
• MSIE 5.50
• MSIE 6.0
• MSIE 7.0
• MSIE 8.0
• Navigator 8.1
• Navigator 9.0
• Opera 0.27
• Opera 7.54
• Opera 8.53
• Opera 9.63
• Opera 10.0
• Safari 3.2
• Seamonkey 1.1
• Seamonkey 2.0
• Shiretoko 3.1

Navigateurs de Mac

• Chamino 1.6
• Firefox 3.0
• Safari 3.2

Navigateurs de Linux

• Dillo 0.8
• Epiphany 2.24
• Firefox 2.0
• Firefox 3.0
• lock 1.1
• Flock 2.0
• Galeon 2.0
• Iceape 1.1
• Iceweasel 2.0
• Iceweasel 3.0
• Kazehakase 0.5
• Konqueror 3.5
• Minefield 3.0
• Navigator 9.0
• Opera 9.63
• Opera 10.06
• Seamonkey 1.1
• Seamonkey 2.0
• Shiretoko 3.1

J’ai découvert un article qui propose une série de pense-bêtes de référence pour les web designers. Ce dernier étant en anglais, je vous propose un portage en français afin de partager ces trésors (qui eux restent en anglais…)

Voici donc 28 pense-bêtes pour Photoshop, DreamWeaver, les couleurs, la typographie et autres domaines relatifs au web design. Chacun d’entre eux est résumé en une seule page imprimable que vous pourrez garder sous le coude à tout moment!

Photoshop

Raccourcis clavier pour Photoshop CS3

Télécharger: PDF (Windows), PDF (Mac)
Lire le reste de cet article »

Je vous présente un dessin que j’ai réalisé à la tablette graphique avec photoshop.
Je l’ai nommé le frère caché de Batman car il ressemble étrangement à Batman avec ses petites oreilles sur la tête!

Voici la technique que j’ai utilisée pour arriver à ce résultat :
Lire le reste de cet article »

“Dans le passé lorsque j’ai appris à dessiner, il n’y avait aucun tutoriel sur internet, et s’il y en avait, ils étaient payant. C’est la raison pour laquelle j’ai décidé de créer Watch & Learn (regarder et apprendre), un ensemble de tutoriaux simples et gratuits pour qui veut se lancer dans le dessin.”

Voici ce que nous confie Carlos Cabrera, illustrateur / dessinateur / demi-dieu…

Lire le reste de cet article »

On retrouve souvent des articles présentant un très bon site qui propose de télécharger gratuitement des photos libres de droits, puis un autre etc… et au final on se disperse un peu…

C’est pourquoi je vous offre une sélection de sites de qualité qui vous proposent de télécharger gratuitement et librement diverses ressources afin d’assouvir votre créativité.

Lire le reste de cet article »