public marks

PUBLIC MARKS from nhoizey with tags css & image


Showcasing the CSS Parallax Effect: 12 1 Creative Usages [Update2] › Blog › » 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 other
Si 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.


Equidistant Objects with CSS - CSS-Tricks

by 5 others
Creating 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 others
Shadowbox 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 others
Text 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.


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 others
swfIR (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.


Traduction : Remplacement Dynamique de Texte - pouipouidesign v.5 ... et pourquoi pas ? ©2005

by 10 others
Voici 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.