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

 

Gabarits html, css, jquery, swf

Exemple simplifié d'un menu css vertical html + css + Google Web Fonts   démo télécharger

Exemple simplifié d'un menu css horizontal html + css + Google Web Fonts   démo 1 démo 2 télécharger

PUR CSS image survolée en css html + css   démo télécharger

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

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

Exemple d'une navigation flottante css + javascript   télécharger

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

Exemple d'une galerie de photos en javascript simple css + javascript   télécharger

Exemple d'une galerie de photos en Flash fichier flash [ .fla ]   télécharger

Exemple d'une galerie de photos en Flash fichier flash [ .fla ]   télécharger

Kit pour l'utilisation de polices personnalisées @fontface | FontSquirrel   télécharger

Exemple d'intégration en html à partir de Photoshop site complet [ .zip ]   télécharger

Exemple d'intégration en html avec des balises div et des css site complet [ .zip ]   télécharger

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.

• Codrops
• Webstuffshare
• Tutorialzine
• Netplus
• Webappers
• Build Internet
• CSS Tricks
• Webdesignzo
• Vidéo plein écran (jQuery)
• Animation avec css3

 

Mobiles : jquery, scripts, métadonnées

• jQuery Mobile 
• Anatomie du code html pour un site mobile 
• Outils jQuery Mobile 1 : Codiqua, Theme Roller
• Outils jQuery Mobile 2 : infos sur les transitions et les thèmes
• Outils jQuery Mobile 3 : ajout d'éléments jquerymobile
• Icônes pour mobiles | code html 
• Minuscule javascript pour détecter la résolution et effectuer une redirection 
• Responsive Design (sites web adaptatifs) 
• Comment ajouter une icône à l'écran d'accueil sous Android 
• Comment ajouter un lien vers un numéro de téléphone qui activera automatiquement la composition sur mobile
• Wireframe (maquette fil de fer) 

Trucs et astuces

• Gif animé | | Recette : Cinemagraphs  
• Nom de domaine et hébergement 
• Quelques commandes actionscript 2 (Flash) pouvant s'avérer utiles.
• Arborescence et nomenclature des dossiers et des fichiers pour le web ;
• Concevoir votre site web pour quelle résolution ?
• Projepg (seulement pour PC) : un filtre pour Photoshop pour dégraisser vos images (jpeg) 
• Balises méta (meta tags) 
• Texte secondaire (alt="texte qui sera indexé par Google pour vos images") 
• Outils Google pour webmasters
• Vidéo : Convertisseur en ligne (.mov, .mp4, .avi, .ogg, .webm, etc.)
• Menu css avec les listes
• Convertisseur pour @font-face (font2web.com)
• Vidéo fluide (responsive)
• Code css pour obtenir une image d'arrière-plan plein écran (responsive)
• Code css pour obtenir une transparence sur le fond d'une div sans affecter le contenu
• Créer des formes uniquement avec les css.