Dreamgratuit - Philosophie

Adobe met à notre à disposition un tutorial vidéo destiné aux webdesigners pour mieux utiliser les templates et les thèmes Wordpress via Dreamweaver CS5. A cette occasion, deux templates et deux thèmes wordpress gratuits sont offers. Autant le dire tout de suite, à mon goût, le design de freebies ne cassent pas trois pattes à un canard. Cependant j'ai repéré une technique assez intéressante sur l'arrière-plan du design N°7 : il s'agit d'un paysage de montagne permettant un design fluide i.e. s'adpatant à la taille de la fenêtre... [Lire la suite]

Le site Justdreamweaver vient de mettre en ligne 2 nouvelles templates gratuites pour Dreamweaver dont une est déclinée en 3 couleurs différentes (une bleue, une brune et une "caramel"). Cette template en 3 versions a la particularité d'utiliser du JQuery et d'être chacune déclinée en 4 sous-versions : sidebare gauche, droite, double et sans sidebar. Je précise cependant que le référencement ne devrait pas en être impacté par tout cela car la lisibilité pour les moteurs a été respectée. Vous pouvez retrouver ces... [Lire la suite]

Voici cinq templates Dreamweaver que le site Adobe met gracieusement à la disposition des utilisateurs : Ces templates sont développées en CSS, HTML, avec des éléments widgets Spry. Elles contiennent des fichiers images source Photoshop (.PSD) que vous pouvez éditer facilement pour les adapter selon vos propres besoins. Vous pouvez télécharger ces templates et visionner une vidéo explicative (en anglais !) de leur utilisation ici :... [Lire la suite]

Voici plus de 30 templates de newsletters gratuites que vous pouvez utiliser dans le cadre de mon tutorial "Créer une newsletter avec Dreamweaver, PHP et MySQL". La particularité de ces templates est d'avoir été testées sur la plupart des clients existants, y compris webmails (type Yahoo mail, Hotmail, Gmail - y compris nouvelle version -, etc). Pour télécharger et voir ces templates gratuites : http://www.campaignmonitor.com/templates/

Tous les web designers le savent, il faut construire une maquette en faux texte ou bolo-bolo. Pour cela, nous utilisons tous le fameux "Lorem ipsum" un faux texte en pseudo latin qui est spécialement calibré pour : ne pas retenir inutilement l'attention des décideurs lors de la présentation de maquette contenir des mots de longueurs variables à l'identique d'un vrai texte et ainsi simuler l'aspect visuel de ce dernier. L'extension ci-dessous de Technocurve vous permet d'insérer facilement ce fameux Lipsum si... [Lire la suite]

Voici un tutorial d'importance puisqu'il ne compte pas moins de 17 parties pour réaliser un site d'annuaire de sites (ou de liens) dont j'espère que vous l'utiliserez pour la bonne cause (et non pas pour en détourner la finalité - merci le Pagerank). Certaines pages de ce tutoriel sont à elles seules de véritables tuto en soi ! Un travail énorme... Jugez plutôt : Préparations Définition du site Création de la base de données (ne passe pas par PHPMyAdmin mais directement bia la console MySQL !) Connection à la base ... [Lire la suite]

Le site Just Dreamweaver offre plusieurs templates gratuites de très belle facture. La licence "free" est offerte à la condition de maintenir le lien de pied de page vers le site dans le footer (licence complète à 20 $, sans mention dans le pied de page). Pourquoi bouder son plaisir ? Ces templates comprennent les fichiers Fireworks et toutes les illustrations vectorielles nécessaires à l'adaptation à vos propres besoins (y compris parfois les fichiers sources PSD pour Photoshop). A noter toutefois : parfois ces templates... [Lire la suite]

Je sais, je sais... Le site que vous consultez ne représente pas une performance graphique... et pourtant, mon premier job, c'est la direction artistique... Voici ma liste des 20 incontournables en matière de design de site web : Au commencement était... l'ergonomie : Un peu de théorie, ça ne fait pas de mal : http://www.ergolab.net/. Comprendre le pourquoi et le comment  de l'usability... Une excellente ressource. Ma bible. Comprendre les CSS et les mettre en application : les normes du W3C : http://openweb.eu.org/... [Lire la suite]