Le Blog de webdesign-tutoriaux

Password Meter est une application Javascript (licence GPL) qui vous permet d’intégrer à vos formulaires d’inscription un testeur de mots de passe. Ainsi vous pourrez conseiller à vos visiteurs de choisir des mots de passe plus compliqués !

Share This

 Voilà un chiffre qui fait plaisir ! la barre du 1 000 000  de consultations de tutoriaux vient d’être passer ce week end. Je vous remercie donc d’être de plus en plus nombreux à utiliser Webdesign-Tutoriaux.

Share This

Une nouvelle catégorie vient de faire apparition dans le moteur de webdesign-tutoriaux pour le logiciel de Microsoft : Expression Studio. Cette application se divise en 4 sous applications :

• Expression Blend : outil de création d’interfaces graphiques et d’applications
• Expression Design : outil de conception d’illustrations et d’éléments graphique pour le web
• Expression Media : La gestion des média numérique (vidéo, images…) et diffusion sur le web
• Expression Web : outil de création de sites web conforment aux standards (le nouveau frontpage)

Ces différentes catégories sont encore un peu vide mais vont rapidement se  remplir !

Share This

Voilà, après les vacances je me suis remis au boulot et je viens de lancer la version 2 de CssLeak : au programme un nouveau design (je vous ai mis un avant/après plus bas). Un système de news autour du webdesign qui va évoluer et qui va vous permettre de publier vos news. La possibilité de mettre des commentaires sur les designs ainsi que de télécharger les palettes de couleurs au format Photoshop (.aco)…

voilà !

Lire la suite »

Share This

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.

Share This

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”.

Share This

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…

Share This

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!

Share This

Ç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…

Share This

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 !

Share This