PUBLIC MARKS with tags images & javascript

JavaScript library that can create animated GIFs from media streams, videos, or images

When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place. The script assumes you use Apple's prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server.

retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays

retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays

loader d’images qui permet de rendre ses images « responsives », en servant une image optimisée (en taille et poids) quel que soit le terminal utilisé. Le framework spécifie une image optimisée pour les mobiles en premier (approche mobile-first) et embarque de quoi servir une autre image plus adaptée (par exemple pour les navigateurs sur ordinateur).

imgAreaSelect

Designed to view full-size photos and images inline without requiring a separate web page load. Used by Basecamp, 37 signals.

creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read

Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages.

Tired of Arial and Times New Roman? I know I am. Up until now you had a choice of using sIFR, or painstakingly designing image headers and adding them to your web page manually. Of course, this gets a little old, especially after deciding to change color schemes two or three times. Enter facelift. It is the best of both worlds! Create your website as you would normally, and then install the two lines of code that facelift requires. The elements that you want to style will be replaced with an image representation of that text styled with your custom font. And since the text is retrieved directly from the page, you don't have to worry about updating any images when text changes — it is all done automatically!

PrettyPhoto - a jQuery Lightbox clone July 13th, 2008 in Javascript | Tags: Gallery, jQuery | No Responses A new version 2.1 of prettyPhoto released. Descriptions/Titles now support html code. Usage is simple, just include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS file and add rel=”prettyPhoto” to any picture you want to activate the prettyPhoto feature. If you want the images to be a part of a gallery, just add the gallery name in braket. Tested and working in Firefox 2-3 (Mac/PC), Safari 3.1.1 (Mac), IE 6-7. Uncompressed version - script: 16kb / CSS: 8kb, compressed size - script: 8kb / CSS: 3.8kb.

PrettyPhoto - a jQuery Lightbox clone July 13th, 2008 in Javascript | Tags: Gallery, jQuery | No Responses A new version 2.1 of prettyPhoto released. Descriptions/Titles now support html code. Usage is simple, just include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS file and add rel=”prettyPhoto” to any picture you want to activate the prettyPhoto feature. If you want the images to be a part of a gallery, just add the gallery name in braket. Tested and working in Firefox 2-3 (Mac/PC), Safari 3.1.1 (Mac), IE 6-7. Uncompressed version - script: 16kb / CSS: 8kb, compressed size - script: 8kb / CSS: 3.8kb.

This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists.

Decorate your images and photo galleries without editing the source images.

Fluid Image Rescaling Without Flash Published March 17, 2008 I didn’t want to post this site to the gallery because it doesn’t fit the criteria for approved sites, but it does have a very cool feature that I think is worth sharing. If you take a look at SHOTVIEW, you’ll find what appears to be a typical, fixed-width image portfolio. If, however, you resize the browser window, the images rescale to fill the available space as the footer stays fixed to the bottom of the viewport. Then, when you release the browser and settle on a window size, the image rescales and is updated with a decent quality version. It’s very elegant stuff, and apparently it doesn’t use Flash at all. Check it out.

Inspired by many other lightbox-like tools, now made kinda different image zooming script for those who want something fresh. It`s powered by great javascript library - jQuery, tested with IE6, IE7, Firefox Features: * Automatically scales large images to fit in window * Adds a nice drop shadow under the full-size image * Image sets to group related images and navigate through them