Réflexions sur le webdesign, les nouvelles technologies, la vie ...

Freebies : Septembre

Voici une petite sélection de tutos et ressources, indispensables et totalement gratuits. Have fun !

- Tutoriel pour designer un bouton graphique en CSS :
http://line25.com/tutorials/how-to-create-a-stylish-button-entirely-with-css3

- Développer des menus à plusieurs niveaux en full CSS (compatibles) :
http://css3menu.com/index.html

- Créer des boutons de toutes tailles et toutes couleurs en full CSS3 :
http://acrisdesign.com/2011/06/create-a-multi-color-and-size-css3-buttons/

- Pour visualiser son travail dans toutes les tailles d’écrans :
http://resizemybrowser.com/

- Pour générer des CSS3 :
http://css3generator.com/

- Un générateur de grille gratuit :
http://netprotozo.com/grid/

- Générateur de palettes de couleurs :
http://www.colorschemedesigner.com/

- Créer et installer de belles Polices sur vos sites, avec générateur de CSS :
http://awesome-fontstacks.com/

10 choses qu’un Webdesigner doit savoir

1247001022_notebook_acceptLes « 10 choses que chaque Webdesigner (débutant) doit savoir » est un article à l’origine de John Urban librement traduit et adapté par mes soins.
J’ai plusieurs autres choses à rajouter, mais je le ferai plus tard, dans un autre article lié à celui là … en avant !

Dans les nombreux aspects de création d’un site, le Webdesigner joue des rôles multiples, et doit avoir une connaissance approfondie sur la structuration de site.
La plupart des choses que l’on apprend viennent de ses propres expériences dans le travail. Apprendre est un processus graduel, il n’y a pas meilleur école que de commettre des erreurs et d’en tirer des leçons. Dans cet article, nous allons voir un exemple de 10 conseils essentiels pour tout bon Webdesigner.

1/ Optimiser le graphisme pour un chargement plus rapide :

Comment optimiser les images en sélectionnant le bon format de compression, et faire en sorte qu’elles soient aussi légères que possible ? Même si les connexions internet sont de plus en plus rapides, il faut penser aux internautes qui ne sont pas dans les grandes villes, qui ont encore une connexion lente et/ou de vieux modems. Avec l’émergence des technologies mobiles, il faut aussi penser aux utilisateurs qui n’ont pas forcément une large bande (3G), dont les terminaux ne chargeront même pas des images trop lourdes.
Une règle générale est de choisir le bon format de fichier : les images avec des couleurs pleines (en aplat) sont souvent meilleures (poids + qualité) en formats PNG ou GIF, alors que les images type photo, sont meilleures en format JGP. Il y a une petite exception pour les images contenant un dégradé, là il faut faire des tests, entre GIF , PNG et JPG, en mixant qualité d’image et poids du fichier, le résultat peut être meilleur dans tel ou tel format selon l’image, là il n’y a pas de règle, c’est le jugement personnel.
Lire la suite…