background preloader

Coppermine Photo Gallery

Coppermine Photo Gallery
Related:  Développeur Multimédia

SEOquake - seo toolbar, plugin, seo extension for Mozilla Firefox, Google Chrome, Opera Intégrateur Web : standards du Web et contrôle qualité Les transformations en CSS3 - Design et programmation web2 - Dji Les transformations présentées ci dessous peuvent avoir un point d'origine différent de top right ou 0 0 -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; La rotation -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); une rotation de 45 degré sous webkit, on ne peut pas appliquer la transformation à n'importe quel tag HTML ( par exemple le span ne permet pas de transformation de type rotation) La proportionalité sur un :hover, nous appiquons la transformation scale -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transform: scale(2); scale par 2 sur un roll over Si nous modifions l'origine, le scale se fera à partir du top left de notre bloc. scale par 2 sur un roll over avec point d'origine différent Cette transformation couplée à la propriété transition permet d'obtenir une animation

Media Queries Créer une galerie vidéo avec l'API javascript de Youtube | Webdesign et web TV De nombreuses personnes me contactent pour me demander comment réaliser une galerie de vidéo à la demande, sur leur site web. C'est ce qu'explique ce tutoriel : comment créer une galerie vidéo à l'aide de Youtube. J'ai choisi de vous montrer le principe avec Youtube, car leur API est très bien documentée (comme toujours chez google), mais cela aurait pu être avec Dailymotion ou tout autre site de partage de vidéo disposant d'une api développeur. En fait, l'idée c'est d'externaliser l'hébergement des vidéos, et de pouvoir diffuser des vidéos produites par des internautes lambdas. Dans l'exemple, une vidéo est chargée par défaut et en dessous se trouvent trois vignettes ; un clic de l'internaute sur l'une d'elle chargera le film. Méthode : La première étape consiste à charger, à partir de Google, les scripts qui vont nous permettre de manipuler les vidéos. <div id="videoDiv"> Dans ce DIV la vidéo sera chargée. Si vous testez le script, à ce stade, la vidéo devrait se charger correctement.

Kamelot Blog L'attribut Multi-valued attribute (MVA) de sphinx est une petite merveille que j'ai enfin appréhendé. Un exemple des étudiants Je pars sur un exemple fictif. Si j'ai des fiches étudiants à indexer. date de naissance genre (m=1/f=2) Année (1,2,3,4,5,6) Section (latin-grec=1, électricité=2,...) Dans tous ces attributs, pour une ressource donnée (pour un étudiant), je n'ai qu'une valeur possible. pour n'avoir que les garçons j'aurais filter=genre,1; pour n'avoir que les sections math (code 4) et sciences (code 9) j'aurais filter=section,4,9 Si je mets filter=genre,1;filter=section,4,9 j'aurais les garçons d'une de ces sections. Complétons l'exemple Maintenant selon la section j'ai jusqu'à 15 tranches horaires en cours à options (à la carte). Comme ces cours à option ont des durées variables, l'étudiant doit remplir ses 15 périodes. En composant avec les 40 options proposées, il peut se retrouver avec 15 cours d'une période ou 3 de 5 périodes ou 2 de 5h + 5 de une ... Ce qui ne marchera pas (sans les MVA)

lorempixel - placeholder images for every case Un tutoriel de la mise en cache pour les auteurs Web et les webmestres pour les auteurs Web et les webmestres Ce document est informatif. Bien que de nature technique, il essaye de rendre les concepts mis en jeu compréhensibles et applicables à des situations concrètes. Pour cette raison, certains aspects de la documentation sont simplifiés ou omis, par souci de clarté. Si votre intérêt sur le sujet vous porte aux détails, veuillez explorer le chapitre « Références et autres informations » à la fin. Qu’est-ce qu’un cache Web ? Un cache Web se tient entre un ou plusieurs serveurs Web (appelés aussi serveurs originaux) et un ou plusieurs clients, et il observe le va-et-vient des requêtes en enregistrant pour lui-même des copies des réponses — comme des pages HTML, des images et des fichiers (appelés collectivement des représentations). On utilise des caches Web pour deux raisons principales : Les types de cache Web Les caches de navigateurs Les caches de serveurs mandataires Les caches de passerelles Les caches Web ne sont-ils pas mauvais pour moi ? Par exemple :

Introduction à la balise video de HTML5 L'élément <video>, cousin de <audio> offre en HTML5 une solution simple, native pour les navigateurs pour l'intégration d'une vidéo dans une page web. Elle permet également de proposer une alternative à l'utilisation de Flash pour les plate-formes ne le supportant pas (iOS par exemple avec iPhone, iPod, iPad…) Balise Syntaxe générale La syntaxe de base de la balise video est extrêmement simple : <video controls src="video.ogv">Ici la description alternative</video> L'attribut src définit bien entendu l'adresse du fichier vidéo, tout comme pour la balise img lorsqu'il s'agit d'une image. Sources multiples On peut également proposer plusieurs sources dans plusieurs formats différents en indiquant les types MIME grâce à l'attribut type : <video width="400" height="222" controls="controls"><source src="video.mp4" type="video/mp4" /><source src="video.webm" type="video/webm" /><source src="video.ogv" type="video/ogg" /> Ici l'alternative à la vidéo : un lien de téléchargement, un message, etc.

Related: