WEB
Get flash to fully experience Pearltrees
Webculture_Ressources
culture & numerique
A lightweight customizable lightbox plugin for jQuery Fork me on GitHub View Demos Download Released under the MIT License .
ColorBox Examples
Generateur Codes Couleurs RGB hexadecimal Nuancier Annuaire Referencement Gratuit Jok Concept
Couleurs hexadécimale RGB Informatique et Web Les couleurs en informatique sont exprimées en "codes hexadécimaux" ou "RGB" , (Red, Green, Blue, en francais RVB Rouge, Vert, Bleu). Pour coder la couleur d'un pixel on utilise trois octets qui définissent chacun la luminosité des couleurs Rouge Verte Bleu ; on utilise un nombre hexadecimal à 6 chiffres : les 2 premiers correspondent à la luminosité du rouge, les 2 suivants à la luminosité du vert et les 2 derniers à la luminosité bleu (ex : avec une intensité maximale sur le rouge on a #FF0000)... En RGB la couleur est aussi définit en fonction du "mélange" de trois couleur de base : Rouge, Green, Blue. Chacunes de ces trois couleurs de bases ce "découpent en valeurs allant de "0" à "255". "0" étant le NOIRE" et "255" le blanc.
HTML5 Rocks - Case Study: Page Flip Effect from 20thingsilearned.com
Introduction In 2010, F-i.com and the Google Chrome team collaborated on an HTML5-based educational web app called 20 Things I Learned about Browsers and the Web ( www.20thingsilearned.com ). One of the key ideas behind this project was that it would best be presented in the context of a book .Use CSS3 to Create a Dynamic Stack of Index Cards - Demo
Card 1 Name: Toucan Age: 5 Size: 50 cm Weight: 600 g Food: Fruit Toucan lives in southern and central America and loves to fly around Card 2 Name: Fox Age: 3 Size: 70 cm Weight: 5.5 kg Food: Meat Fox lives in the northern hemisphere and loves to play seek and hide Card 3 Name: Dog Age: 8 Size: 120 cm Weight: 10 kg Food: Bones Dog lives in a dog hut and loves to chew shoes, bark and go for walks Card 4 Name: Penguin Age: 20 Size: 110 cm Weight: 35 kg Food: Fish Penguin lives where it's cold and icy and loves to swim and dive Card 5 Name: Lion Age: 12 Size: 190 cm Weight: 180 kg Food: Meat Lions lives in Africa and loves to sleep most of the day and hunt sometimes <p style="text-align:right;color:#A8A8A8"></p>
Lorem ipsum dolor sit amet, consectetur about us adipiscing elit. Donec massa lorem, elementum et mollis non, viverra a est. Proin nunc orci, tristique at egestas et, interdum ac ipsum. Nulla ullamcorper vulputate erat ac gravida.
XHTML & CSS Lightbox
liteAccordion - a horizontal accordion plugin for jQuery
Check out my new portal for HTML5 mobile games! PlayZap Slide One 1 Slide Two 2 Slide Three 3 Slide Four 4 Slide Five 5 <p>Please enable JavaScript to get the full experience.
Diaporama 360 Code et explications Dans cet exemple, j'ai juste appliqué une image au format 360° en background de l'élément "li". Ce qui donne un fond sans fin. Lorem ipsum ad delenit omittam his, habeo justo ad sea! Eu mel volumus noluisse disputando!
wSlide - tests avancés
Apple’s Mac OS X operating system is renowned for its fluid graphical effects. One impressive feature is the dock’s ‘fish-eye’ effect, whereby icons expand and contract as the mouse moves over them. Achieving this effect in JavaScript is difficult, but the MacStyleDock function allows this feature to be implemented easily. An example is shown below (a larger demonstration is available on a separate page). Compatible browsers The code has been tested and confirmed to work in the following browsers:
A Mac OS X-style Dock In JavaScript
jquery
YoxView is a free Lightbox-type media and image viewer jQuery plugin. It's easy to use and feature-rich. Check out the changelog for news and updates! Updates are also available on Twitter or by RSS .
YoxView - jQuery image viewer plugin
When we see an image on a web page, it’s second nature for us to move our mouse over it or try to click it. We have come to expect some level of interactivity when it comes to images, especially with modern web design technologies, such as jQuery. If you happen to be working on a project that requires the images to have a little something extra, then jQuery is the way to go. To help you out, we’ve rounded up 10 jQuery Plugins and Techniques for Doing More with Images .
10 jQuery Plugins and Techniques for Doing More with Images | Resources
In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the ... View demo Download source