June 2009
April 2009
March 2009
February 2009
December 2008
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc.
by cascamorto & 181 otherscreativity | 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 Ways to Spice up Your Images with CSS
by eledo34 & 2 others (via)5 effets CSS bien jolis pour vos images
Réaliser un slideshow en CSS - HoverBox - Les ficelles d Anna K.
by cascamortoUn slideshow facile à réaliser : les photos s'agrandissent au survol de la souris.
November 2008
jQuery Plugin: Preload Images - NETTUTS
by camelToday, 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.
September 2008
Content with Style: CSS Background image on html image element?
by vrossignCan you apply a background image to an image?
July 2008
Des cadres pour ses photos de vacances
by prac53Un 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
by Conseil.Net Groupe I.D.A & 3 others, 1 commentPrettyPhoto - 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.
Plug-in jQuery pour pré-charger les images CSS - MarcArea Weblog
by camelJe 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
by camel & 3 others, 1 commentPrettyPhoto - 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.
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists
by loneseb & 4 othersThis JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists.
June 2008
May 2008
CSS Decorative Gallery for Image
by Jeremy B. & 5 othersDecorate your images and photo galleries without editing the source images.
February 2008
Website Performance | CSS Sprite Generator
by srcmax & 17 othersLes 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.