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 :-)

Un menu horizontal en JQuery "floating bubble" - Tutorial vidéo

05 janvier 2011 | Posté par caroder à 09:00

Vous connaissez certainement le site Owni dont le design, extrêmement pointu, est une référence pour les webdesigners (sans parler de la qualité des contenus qui est aussi une référence). Vous avez sans doute remarqué le menu de navigation horizontal, avec ce petit effet sympa sur le background des items menus. Cette technique dite "floating bubble" (bulle flottante), obtenue de JQuery, vous est maintenant accessible via Dreamweaver grâce à ce très complet tutorial vidéo, malheureusement en anglais (le commentateur parle assez lentement avec un accent UK).

Ce tutorial est destiné aux personnes qui maitrisent bien Dreamweaver et qui ont de bonnes notions de CSS et de HTML. Il est en deux parties qui représentent plus de 16 minutes de visionnage au total.

Compatibilité du menu : MSIE 8 et 9, Firefox, Chrome et Safari.

Vous pouvez télécharger les fichiers de ce tutorial ici et lire le tutorial (en anglais !) pour codeurs ici.

Extension gratuite Dreamweaver Editeur HTML

05 octobre 2009 | Posté par caroder à 20:29

Voici une extension, proposée par Tecnorama, qui permet d'intégrer un éditeur HTML à vos pages, basé sur la technologie JQuery.

Il est important de noter que cet éditeur n'est pas un éditeur purement Wysiwyg et qu'il nécessite de la part de l'utilisateur final un minimum de connaissance du HTML.

Il a cependant des avantages non négligeables, notamment par rapport à FCKEditor dont vous trouverez le tutorial d'installation ici :

• L'utilisateur peut régler la hauteur de la fenêtre
• L'utilisateur peut avoir une prévisualisation du rendu de sa saisie
• Les feuilles de styles de cet éditeur sont modifiables par le développeur.

Vous pouvez télécharger et visualiser une démo de cette extension ici : http://tecnorama.org/document.php?id_doc=80

Extension gratuite JQuery pour créer un calendrier avec Dreamweaver

17 septembre 2009 | Posté par caroder à 08:58

Paul Bakaus propose une extension fort utile qui permet d'implémenter un calendrier à l'aide de JQuery.

Ce composant vous permettra d'intégrer à votre site une interface utilisateur pour choisir une ou plusieurs dates au sein d'un calendrier. Les calendriers sont générées entièrement via l'extension et peuvent être déplacés sans actualisation de la page. Ce calendrier est configurable par le développeur, avec la possibilité d'en personnaliser les paramètres et l'aspect.

Attention ! Cette extension ne fonctionne qu'avec Dreamweaver CS4.

Pour télécharger cette extension : http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1697532