Le Blog de webdesign-tutoriaux

Choisir un bon nom de domaine est important lors du lancement d’un site. Je vous invite donc à lire l’article très intéressant de presse citron : 7 Caractéristiques pour un bon nom de domaine. En gros, les 7 règles sont :

1. il doit être court
2. il doit être facile à mémoriser
3. il doit être facile à épeler
4. il doit avoir une extension en .com
5. il doit être descriptif
6. à défaut d’être descriptible, il doit être “brandable” : faculté à devenir une marque
7. il ne doit pas contenir de tirets ni de nombres

Si vous avez des difficultés à trouver un nom je vous invite aussi à utiliser la sélection d’outils pour choisir un bon nom de domaine.

C’est bientôt le salon de Microsoft sur Paris : Les TechDays 2008  du 11 au 13 Février. Beaucoup des nouvelles applications Microsoft vont être présenté lors de ces 3 jours. Des ateliers techniques seront disponibles pour vous permettre de découvrir ces nouvelles applis.

Pourquoi j’en parle ? et bien parce qu’il y aurait en autre un parcours Design et un parcours Développement web qui vont vous permettre de découvrir la suite Microsoft Expression Studio (destiné à concurrencer Adobe Dreamweaver, Fireworks …) et Silverlight (destiné à concurrencer Flash). C’est deux applications devraient d’ailleurs bientôt apparaitre dans les catégories de webdesign-tutoriaux et vous retrouverez (bientôt) un test de ces 2 applications sur ce blog

Sur le stand design il y aura un jeu concours ou vous pourrez gagner des tablettes graphiques Wacom. Des Cd de formations pour Microsoft Expression seront disponible, si vous allez les voir avec le mot de passe “lumiere argentée”.

Juste un petit billet pour vous dire que le nouveau .PSD est disponible. Ce mois-ci : Stop aux créations banales ! Ce numéro est consacré à des réalisations qui sortent de l’ordinaire avec plusieurs tutoriels sur l’outil plume,  des effets de volumes et de reliefs…

Cet excellent set d’icônes  pour la saint Valentin a été créé par IconDrawer et est disponible aux formats Mac et Windows. Vous trouverez sur IconDrawer de nombreux autres sets gratuits à télécharger et de très bonne qualité

 Enjoy!

Ça fait quelques temps que je n’avais pas donner de news sur le site mais il continue à vivre et à évoluer rapidement. De plus en plus de tutoriaux, de membres et de visiteurs (plus de 3000 par jour)… Le site vient de faire un partenariat avec RootsArts un Webzine sur l’actualité du graphisme et des communautés graphiques, RootsArts publie régulièrement des news graphiques, des débats, des idées, des créations, etc…

Je voulais aussi vous faire part du premier Annonceur direct sur Webdesign tutoriaux : c’est Alertes-Immo.com qui propose aux webmasters de monétiser leur site avec une affiliation dans le domaine de l’immobilier (par ici si vous êtes intéressé).  Je les remercie car c’est grâce à ce genre d’annonceur que je vais pouvoir supprimer les bannières qui clignotent partout à terme.

Pour information, il y a actuellement quelques problèmes au niveau des brushes (les images ont disparues :/) et des inscriptions qui ce font spammer…

Hier, il y a eu quelques ralentissement du serveur (Dreamhost) dont je fais l’éloge dans mes derniers billets. Et donc j’ai décidé de m’attaquer à l’optimisation de Webdesign-tutoriaux. Donc voici tout d’abord les outils que j’ai utilisé :

• PingDom tool est un outil permettant de mesurer le temps de chargement de chaque éléments d’une page web et ainsi de voir les images ou les Javascripts qui peuvent ralentir.
• Yslow qui est une extension Firefox pour FireBug et développé par Yahoo. Yslow mesure à peu près la même chose que PingDom mais depuis votre navigateur et en vous donnant des conseils d’optimisation.

En gros pour diminuer le temps de chargement d’une page il faut :

• Eviter d’avoir trop de requêtes http sachant qu’il y a une requête pour chaque fichier Css et Js à charger.
• Avoir des images de poids faible (généralement préférer les Gif au Jpeg) le découpage du design joue.
• Lancer les scripts Javascript à la fin de la page quand c’est possible.

La solution si vous ne souhaitez pas rentrer dans les détails est un script PHP d’aciddrop qui permet en 3 lignes de :

• Regrouper les fichiers CSS et Js en un seul pour avoir moins de requêtes Http
• Ajouter des entêtes qui expirent
• Compresser des composant de la page avec Gzip
• Minifier (de minify en anglais) les Css, Javascript et html : en gros on supprime les espaces, les tabulations et les retour à la ligne afin que les fichiers soit moins gros et donc moins long à charger

Enjoy !

Je vous présente Pixbay un nouveau site que je lance. C’est un annuaire de sites autour du webdesign et de la création de sites. L’objectif de cet annuaire est d’être tourné vers l’internaute qui cherche à découvrir de nouveaux sites et non pas vers le webmaster qui cherche à référencer ses sites. Ainsi Pixbay propose des listes des “meilleurs” sites sur une thématique donnée.

Par exemple :

• 13 thèmes Wordpress gratuits pour votre blog
• 7 extensions Firefox pour les web-developpeurs et les webdesigners
• 4 sites et outils pour choisir un nom de domaine
• 6 sites pour choisir les couleurs de son site web
• 12 galeries CSS pour trouver l’inspiration

Le site présente ses sélections soit en mode galerie soit en mode annuaire.

Voilà c’est fait ! j’ai migré webdesign tutoriaux chez Dreamhost comme je vous en avait parlé ici.

 L’opération s’est passée sans aucun problème et normalement personne ne devrait s’en être aperçu ;). Le nom de domaine est passé de chez OVH vers Godaddy (environ 5 jours) et l’hébergement de chez OVH chez Dreamhost. Pour ceux que ça intéresse voici le mode opératoire utilisé qui m’a permis de garder le site en ligne :

Lire la suite »

Retrouvez la sélection des 100 templates Wordpress gratuit par l’excellent webzine Smashing Magazine.

J’ai choisi de migrer l’ensemble de mes sites chez Dreamhost. J’étais tout à fait satisfait d’OVH (90Plan), les seules raisons sont les performances de l’offre :

• 900 Mo de stockage chez OVH contre 500 Go chez Dreamhost.
• 600 Go de bande passante par mois contre 5000 Go.
• 5 Bases de données MySQL contre un nombre illimité…

Lire la suite »