architectural designrealisationsinformationinspirationcegep

Multimédia
Gilles Thibault   |   Local : ch-223   |   Tél.: (514) 325-0150 poste 2068  



Notions de base



Interactivité | Effets mouse-over



PUR CSS
image survolée en css
html + css

 



PUR CSS
css : changement d'opacité d'une image ou d'une div avec transition (délai)
html + css

 



Exemple avec javascript minimal d'
images survolées en css
html + css (design : Marie-Gabrielle Banville)

 





Navigation | Menus

Exemple simplifié d'un
menu css vertical
html + css + Google Web Fonts

 



Exemple simplifié d'un
menu css horizontal
html + css + Google Web Fonts

 





Exemple d'une
navigation flottante
css + javascript

 



Typographie et css
Kit pour l'utilisation de
polices personnalisées
@fontface | FontSquirrel

 



Styles CSS avancés

Arrières-plans / backgrounds

Intégration de vidéos

Galeries de photos

Galerie de photos adaptive (responsive) et tactile
galerie de photos plein écran (image slider)
css + javascript

 



Galerie de photos adaptive (responsive) et tactile
galerie de photos dans une DIV (image slider)
css + javascript

 



Exemple d'un javascript pour créer une
galerie de photos (lightbox)
css + javascript

 



Exemple d'une galerie de photos en
javascript simple
css + javascript

 



Exemple d'une
galerie de photos en Flash
fichier flash [ .fla ]

 



Exemple d'une
galerie de photos en Flash
fichier flash [ .fla ]

 



Scripts HTML5
Vous trouverez ici une foule de scripts gratuits (jQuery, CSS3, HTML5) vraiment cools ! Avant d'utiliser un script assurez-vous d'avoir bien lu les règles d'utilisation. Exemple : CODROPS.



Mobiles : jquery, scripts, métadonnées



Trucs et astuces