Mes liens
796 shaares
12 results
tagged
Gallery
As for the image lightboxes, I have always lacked simplicity for them. I mean not only the visual design, but the overall experience: from implementation to UX. All due respect, but I have never liked any of these light-fancy-face-boxes. They all were solving problems that just don't exist: lots of unwanted features by default, total mess in markup, no native behavior for touch screens. I was working on a project and needed an image lightbox that solves these problems. I needed a lightbox only for images, not video, text, and iframes at once. I made ImageLightbox.js.
La Pyramide de Khéops fait partie des sites les plus visités en Egypte, mais les touristes n’ont bien entendu par le droit de monter en haut. Cela n’a pas arrêté un groupe de photographes russes adeptes des hauteurs de l’escalader une fois la nuit tombée pour admirer la vue depuis cette pyramide égyptienne de 137 mètres.
A koken (pronounced like "spoken") is a stage assistant in traditional Japanese theater. They work behind-the-scenes handling scenery, props and assisting actors. It is with great respect for the legacy and humble nature of the koken that we adopt their name as our own.
We developed Koken to offer photographers, designers and artists a different kind of publishing platform. One that is focused primarily on images, can be used on your own web server, and offers robust publishing tools for web sites as original and unique as the artist themselves.
We developed Koken to offer photographers, designers and artists a different kind of publishing platform. One that is focused primarily on images, can be used on your own web server, and offers robust publishing tools for web sites as original and unique as the artist themselves.
A lightweight image gallery modal window script which uses only CSS3 for silky-smooth animations and transitions. The goal was to great an image gallery script that utilizes GPU rending instead is the 90% scripts out there which are using javascript to move things around the old fashioned way.
Here at the agency we have a version of our TV reel on DVD that I created, categorized by budget. We've found it helpful on a few occasions to give clients an idea of what we can do for a given amount of money. Recently, I was asked to put this version of the reel online, so people could view it that way instead, which was a good idea. You can check it out here for reference.
This was meant to be done in a day or two and there were too many spots to hard-code, so I started looking around for pre-fab YouTube galleries (all of these spots are on YouTube). There seems to be a few really huge, elaborate ones, and one or two really simple ones. What I wanted was something in between because I needed to be able to horse around with it and get it to do a couple things the way I wanted.
So, I mashed together two separate things I found: the PHP Simple YouTube Gallery found at Webarto.com to generate the thumbnails and create links, and Fancybox to create a lightbox effect. With some further modification to allow captions and to use the new YouTube embed style, it does exactly what I need.
This was meant to be done in a day or two and there were too many spots to hard-code, so I started looking around for pre-fab YouTube galleries (all of these spots are on YouTube). There seems to be a few really huge, elaborate ones, and one or two really simple ones. What I wanted was something in between because I needed to be able to horse around with it and get it to do a couple things the way I wanted.
So, I mashed together two separate things I found: the PHP Simple YouTube Gallery found at Webarto.com to generate the thumbnails and create links, and Fancybox to create a lightbox effect. With some further modification to allow captions and to use the new YouTube embed style, it does exactly what I need.
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. On économise le coût d'un serveur de streaming (et de la bande passante surtout), et on profite de l'aspect communautaire de Youtube.
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.
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. On économise le coût d'un serveur de streaming (et de la bande passante surtout), et on profite de l'aspect communautaire de Youtube.
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.
Explore and generate some useful and interesting animation effects for HTML lists by Adem Ilter.
Si vous ne le savez pas encore, markItUp! est un plugin pour jQuery qui permet de transformer n’importe quel textarea en éditeur de tags configurable à souhait et ce, de manière totalement non intrusive.
Pour faire suite au premier tutoriel, voici un exemple de configurations un peu plus avancées mettant en scène un élément extérieur qui interagira avec l’éditeur. Ici nous allons utiliser un simple badge Flickr comme une mini-librairie d’images interfacé avec notre éditeur markItUp!.
Pour faire suite au premier tutoriel, voici un exemple de configurations un peu plus avancées mettant en scène un élément extérieur qui interagira avec l’éditeur. Ici nous allons utiliser un simple badge Flickr comme une mini-librairie d’images interfacé avec notre éditeur markItUp!.
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.
Les technologie HTML5 /CCS 3 mobilisent le débat dans la sphère webdesign. Des applications de plus en plus poussées voient le jour chaque semaine. En voici quelques unes qui en mettent plein la vue.
CSS Gallery is a “showroom” for the coolest website designs. Web design and CSS galleries are a great source of inspiration for designers, and they are also an outstanding resource for designers to get exposure for their work.
Project ROME is an all-in-one content creation and publishing application that lets virtually anyone at work or home inject the power of graphics, photos, text, video, audio and animation into everyday projects. With ROME you can create everything from printed materials and presentations to digital documents and websites, with a simple and creative environment.