Dreamweaver gratuit

960 Grid System, une extension pour webdesigner rigoureux

17 janvier 2012 | Posté par caroder à 09:30

Le système de grille ("Grid System") est un concept hérité des temps lointains de la presse au marbre (c'est tout dire !) où la mise en page était contrainte par la technique. Le gabarit des pages faisait la loi de la première à la dernière (page) et les graphistes qui ont travaillé aux temps héroïques de la "compo" en gardent un souvenir ému (mais néanmoins douloureux parfois). Rigide par nature, ce système est néanmoins totalement adapté aux problématiques des sites magazines auxquels il permet de ne pas verser dans un joyeux foutoir contre-productif et repoussoir à lecteurs.

Le principe est très simple : une page est divisée en unités minimales de colonnes (séparées par un espace blanc et correspondant à un minima de caractères permettant la lisibilité) qui peuvent être réunies aux besoins. Une image valant mieux que mille discours, voici ce que ce gabarit invisible rend quand on le donne à voir (exemple de mise en page magazine/rapport annuel) : 

Ce système, si utile sur le papier (et permettant en outre d'obtenir de jolis gris typographique), a été transposé depuis quelques années déjà dans la "mise en page" des sites magazines et de nombres blogs Wordpress.

DMXZone propose une extension Dreamweaver gratuite permettant de créer vos propres designs de site dans une largeur de 960px (sorte de nombre d'or du Grid System).

Vous pouvez télécharger cette extension ici : http://www.dmxzone.com/go?18032

2 nouvelles templates Dreamweaver gratuites, dont une JQuery

08 février 2010 | Posté par caroder à 21:03

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 templates ici : http://www.justdreamweaver.com/dreamweaver-templates.html 

Templates Dremweaver gratuites par Adobe

25 janvier 2010 | Posté par caroder à 20:27

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 : http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html

Gallerie de headers de sites

06 décembre 2009 | Posté par caroder à 19:17

Je viens de m'apercevoir qu'une 'gallery" vient me référencer (en fait depuis plus de 15 jours !). L'initiative est interessante car il s'agit non pas d'une gallerie de sites mais d'une gallerie de headers. Il est cependant à regretter que le webmaster du site n'applique pas à lui même les règles des designers qu'il a sélectionnés...

Voici donc de quoi trouver l'inspiration : http://www.hot4headers.com/

Galerie HTML5

01 octobre 2009 | Posté par caroder à 20:33

Depuis quelques semaines plus de six mois un nouveau genre de galerie a vu le jour sur la toile. Celle-ci ne regroupe que des sites utilisant HTML5. Un bon moyen d'apprendre par l'exemple ou de se faire référencer assez facilement dans une galerie et de s'attirer des visiteurs... En ce moment, plus de 2 nouveaux sites par jour.

Pour visiter ce site : http://html5gallery.com/

Typographie : Helvetica quand tu nous tiens !

22 septembre 2009 | Posté par caroder à 09:51

Vous vous en êtes peut être aperçu en lisant ce blog, j'adore utiliser l'Helvetica dans mes webdesigns... Ah, le design suisse... Voici un site qui répondra à toutes les question concernant cette typo et notamment celle-ci qui est cruciale : quelle est la différence entre l'Helvetica et l'Arial ?

Des images, des vidéos, des explications, des exemples ici : http://lovehelvetica.posterous.com/

Je renvoie tous ceux qui sont intéressés par les problématiques de typographie en webdesign à mon billet sur la typographie dans les CSS.

Pack d'icônes de qualité pro

23 juin 2009 | Posté par caroder à 09:00

Voici un pack de 90 icônes totalement gratuites que vous pouvez aussi bien utiliser dans des projets commerciaux ou personnels. Vous ne pouvez cependant ni le revendre, ni en reprendre la diffusion pour votre propre compte. Chaque icone est disponible à la taille 64 x 64 px au format PNG.

Ce pack a été designé par Andy Gongea, designer roumain, qui l'a spécialement dessiné pour Smashing Magazine. Pour le télécharger : http://www.smashingmagazine.com/2009/06/18/freebie-release-quartz-icon-set/