17/06/10

Retina Display — Effet loupe façon «iPhone 4» avec jQuery

Apple-like Retina Effect With jQuery est un tutoriel qui vous permettra de refaire chez vous l’effet loupe «Retina Display» proposé par Apple sur lav version 4 de l’iPhone. Vraiment bluffant, d’autant plus que le marquage HTML nécessaire est des plus simples : 

<div id="main">
    <div id="iphone">
        <div id="webpage">
            <img src="img/webpage.png" width="499" height="283" alt="Web Page" />
            <div id="retina"></div>
        </div>
    </div>
</div>

Démonstration !

Via @LaFermeDuWeb

1 commentaire » | Tags : , , | Tutoriel



Un commentaire pour “Retina Display — Effet loupe façon «iPhone 4» avec jQuery”

  1. Tweets that mention Retina Display– Effet loupe façon «iPhone 4» avec jQuery -- Topsy.com dit :
    17 juin 2010 à 13 h 54 min

    [...] This post was mentioned on Twitter by bb (css4design), br1o les bons tuyaux, Tatam, aurelien Imhof, marc chiabrando and others. marc chiabrando said: Bluffant !!RT @css4design: Retina Display– Effet loupe façon «iPhone 4» avec jQuery http://goo.gl/fb/q1Zqo [...]

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »