Dreamweaver gratuit

Un pop-up JQuery avec Dreamweaver (obscurcissement Lightbox)

30 janvier 2012 | Posté par caroder à 18:20

Voici un tutorial vidéo extrêmement utile pour ceux qui souhaiterait installer une lightbox JQuery à leur site. Dans l'exemple présenté, il s'agit d'une lightbox pour une gallerie images mais, avec un peu d'imagination et de code, ceci peut s'adapter à n'importe quelle autre type de lightbox (texte, formulaire, etc.).

Ce tutorial est en anglais mais assez facile à comprendre car bien illustré.

Partie 1

Partie 2

Il est à noter que ce tutorial fait exactement la même chose que l'extension Lightbox de Andres Cayon mais que ce tutorial vous permettra de comprendre la philosophie de cette librairie JQuery et donc d'adapter totalement la lightbox à vos besoins.

Rappel : sur le site Biglib, vous pouvez lire gratuitement des livres que des internautes acceptent de donner sans contrepartie :-)

500 000 visiteurs uniques...

19 janvier 2012 | Posté par caroder à 17:13

Il y a des chiffres symboliques et je pense que celui-ci en est un. 

Lorsque j'ai écrit mon premier billet le 28 février 2007, il y a beaucoup de choses que je n'avais pas imaginées et surtout pas que cinq ans plus tard, je pourrais écrire que 500 000 personnes soient venues consulter ces pages si peu "grand public" sur un sujet qui me paraissait intéresser, au mieux, quelques centaines de personnes.

J'ai démarré ce travail parce que j'avais moi-même besoin d'un lieu où répertorier mes trouvailles sur le net concernant le logiciel Dreamweaver. Etant donné le mal que je me donnais pour dénicher certaines infos, il m'a immédiatement paru pertinent de partager et faire profiter à tous de mes recherches. De fil en aiguille, j'ai écrit mes propres tutoriaux en fonction de mes problématiques personnelles et aussi souvent parce que je n'avais rien trouvé de convaincant sur le sujet.

Bref, ce qui m'a guidé ici, c'est la volonté d'être simplement utile aux autres.

Je voulais aussi remercier plus particulièrement Jean-Pierre, avec lequel j'ai souvent échangé au cours de ces années. Je ne saurais trop vous conseiller, si vous ne le faites déjà, de consulter ses formidables tutoriaux sur le site ASP-PHP.net.

Enfin, je termine par une petite auto-promo en vous rappelant l'existence de Biglib, la plate forme de dons et d'échanges de livres l'occasion et mon compte Twitter qui brasse avant tout des sujets "réseaux sociaux" et "webmarketing".

Merci à tous !

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