Dreamgratuit - Philosophie

Il n'est pas besoin aujourd'hui d'être un as du développement pour créer des boutons mais, créer de beaux boutons full CSS, c'est une autre paire de manches. Voici donc quelques pistes pour ceux qui veulent se lancer. 1. Pour ceux qui ne connaissent rien aux CSS3 mais qui veulent s'y aventurer, il y a la solution des generators de boutons. On en trouvent de plus en plus ; il ne vous feront pas des boutons très originaux mais cela vous permettra de commencer par l'exemple dans l'application de CSS3. Voici donc deux adresses : -... [Lire la suite]

Dreamweaver propose la mise à jour de l'extension gratuite pour améliorer le support de HTML5 par Dreamweaver : Adobe Dreamweaver CS5 HTML5 Pack, téléchargeable ici : http://labs.adobe.com/technologies/html5pack/ Cette extension améliore Dreamweaver CS5 de la manière suivante: Introduit un panneau de prévisualisation multi-écrans, permettant l'affichage Live View en 3 différentes tailles d'écran (notamment pour le rendu Iphone/Smartphone de vos sites). Ajoute au code hint la Bibliothèque de balises HTML5 avec les attributs... [Lire la suite]

Antonio Lupetti propose une "cheat sheet" comportant tous les tags HTML y compris les tags HTML5. Celle-ci est proposée en format A3, à afficher sur le mur en face de votre écran donc ! Les nouveaux tags HTML5 apparaissent en fushia sur la page qui est téléchargeable au format PDF. Une dernière petite chose : je ne vous conseille pas la version noir au blanc de cette affiche et vous recommande la version normale disponible en bas de la page en lien ci-dessous :-) ... [Lire la suite]

Si vous vous intéressez au référencement, vous avez peut-être entendu parler du buzz du moment : Google Caffeine. Il ne s'agit pas d'un nouveau service Google qui vous proposerait de vous faire le café mais de la version Beta du prochain algorithme de Google (Caffeine pour une rapidité plus grande ?). Côté utilisateur, pas de révolution d'ergonomie donc mais plutôt une petite révolution pour les référenceurs de tous poils. En effet, le nombre de résultats par requête y augmente sensiblement ainsi que le poids de mots de la requête... [Lire la suite]

Vous allez commencer prochainement le design d'un site (plus exactement dans le tutorial d'aujourd'hui, un blog Wordpress) et vous voulez déjà être prêt pour html5 et utiliser les propriétés les plus intéressantes de CSS3. Vous êtes par nature un early adopter. Enfin, vous n'êtes pas un ayatollah de la compatibilité. Ne passez donc pas votre chemin, vous avez trouvé le tutorial qu'il vous faut !! :-)Si vous souhaitez utiliser dès maintenant ces fameuses balises html5 et explorer de nouvelles possibilités graphiques avec les CSS3,... [Lire la suite]

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]

Avant d'entrer dans le vif du sujet, je vais commencer avec une note plus personnelle. J'ai appris la typographie alors que j'étais une débutante dans une (très) grande maison d'édition. Je travaillais au "studio" et un des maquettistes seniors, proche de la retraite, a entrepris de me transmettre les rudiments de son métier. Il avait commencé sa carrière comme ouvrier typographe en travaillant "au marbre". Sa propre jeunesse était au temps où les lettres étaient encore fondues au plomb et où les "bas de... [Lire la suite]

Il est un domaine où Dreamweaver (et donc les développeurs Adobe) a une bonne marge de progression : j'ai nommé les raccourcis des CSS. En effet le logiciel ne sait pour l'instant pas proposer une aide à la construction de ces raccourcis et, pour bénéficier de l'aide de l'interface, il faut en passer par les propriétés pleines. Pourquoi utiliser le raccourcis plutôt que les propriétés pleines ? Les CSS permettent de séparer contenu et aspect de ce contenu. Elles contribuent à ne pas surcharger le code HTML et donc d'économiser... [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]