PUBLIC MARKS with tags css & images

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

5 effets CSS bien jolis pour vos images

Un slideshow facile à réaliser : les photos s'agrandissent au survol de la souris.

Today, I came across a great jQuery plugin that will preload your images. This file now has a permanent spot in my "resources" folder. The plugin essentially scans your CSS files and preloads all of the images within it.

Can you apply a background image to an image?

Un peut de CSS et quelques lignes de html pour encadrer ses photos Un cadre semi-transparent, un cadre doré, un cadre façon polaroid, un cadre double

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.

Je suis tombé il y a quelques temps sur un plug-in sympa pour jQuery qui permet de pré-charger les images des fichiers CSS (via). C'est utile dans un certain nombre de cas pour le webdev moderne. Ca m'avait plu et je voulais l'utiliser mais je me suis rendu compte qu'il ne prenait pas en compte les fichiers importés via la règle @import. J'ai donc ré-écrit le script en améliorant 2 ou 3 petites choses : * Je fais gaffe de parser seulement les CSS de type @media screen * Je fais du récursif pour choper les éventuels styles @importés (façon W3C et IE) * Je stock les règles dans un tableau pour éviter d'avoir une seule regex à appliquer sur une seule grosse chaîne, c'est plus performant

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.

Les Sprites CSS sont un moyen de réduire le nombre de requêtes HTTP faites sur les ressources images de votre site. Les images sont regroupées en une seule grande image, et sont accessibles via leurs coordonnées X et Y au sein de l'image. En affectant l'image générée aux bons éléments de la page la propriété CSS background-position peut alors être utilisée afin de ne rendre visible que la zone cible de l'image Sprite.