2009
Showcasing the CSS Parallax Effect: 12 1 Creative Usages [Update2] › Blog › kremalicious.com » Matthias Kretschmann | Photography
I mean Parallax Scrolling which is a technique often used in good ol’ arcade and video games like Moon Patrol or Sonic the Hedgehog. In such 2D games parallax scrolling was used to create an illusion of three dimensional depth.
How to recreate Silverback’s parallax effect | Think Vitamin
Moving Sonic the Hedgehog to the right caused the foreground to move past the camera to the left faster than the background, creating a faux-3D view of Green Hill Zone. We can create a similar effect on a web page by fixing semi-transparent background images to different sides of the browser viewport, and at different horizontal percentage positions.
De plus belles images redimensionnées côté client dans IE7
by 1 otherSi vraiment vous n'êtes pas capable de redimensionner vos images côté serveur pour ne pas surcharger inutilement le réseau, voilà qui sauvera l'apparence dans IE7.
2008
Equidistant Objects with CSS - CSS-Tricks
by 5 othersCreating a horizontal row of objects that are equidistant from each other is another one of those things in web design that is much more difficult than it should be. This can be a very useful thing to do, especially in fluid width layouts when you are try
Shadowbox.js Media Viewer
by 6 othersShadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript.
Css Trick - Pure Css Text Gradients
by 3 othersText Gradient is a simple css trick that allows you to improve your site's appearance by putting gradients on system font titles using nothing but css and a png image.
2007
Ajaxian » CSS Sprite Generator Released
CSS Sprite is a single image file which contains several graphics. Using CSS background positions it’s possible to display any one of the graphics. By using a sprite you save on multiple http requests which helps speed up the rendering of your page.
Sveinbjorn Thordarson's Website - Using Data URLs Effectively with Cascading Style Sheets
Data URLs are a clever way of embedding images in HTML. Instead of linking to an image stored locally on the server, the image is provided within the URL itself as a base64-encoded string of data preceded by a mime-type. In this article I discuss how Data URLs can be effectively used to optimize website loading times and performance.
swfIR: swf Image Replacement
by 25 othersswfIR (swf Image Replacement) is here to solve some of the design limitations of the standard HTML image and its widely-accepted associated CSS values, while still supporting standards-based design concepts. Using the dark arts of JavaScript and Flash, swfIR gives you the ability to apply an assortment of visual effects to any or all images on your website. Through progressive enhancement, it looks through your page and can easily add some new flavor to standard image styling.
2005
Traduction : Remplacement Dynamique de Texte - pouipouidesign v.5 ... et pourquoi pas ? ©2005
by 10 othersVoici donc la traduction de l'article de Stewart Rosenberger sur A List Apart, intitulé Dynamic Text Replacement, et qui traite d'un procédé permettant de remplacer dynamiquement, à la volée, des "bouts de texte" par leur équivalent image dans la police/couleur/taille que vous aurez choisi, tout en respectant les standards et l'accessibilité. Il s'agit de deux scripts, un PHP et un JavaScript, associés à deux trois règles CSS, et vous voilà parti ! Les commentaires des deux scripts ont eux aussi été traduits en français.
1
(14 marks)
