Insolite : un iPhone 4 en CSS et Javascript

Une toute petite brève pour vous faire part d'une réalisation plutôt insolite.

Un développeur a reproduit un iPhone 4 et quelques fonctionnalités en utilisant uniquement du CSS et du Javascript. Les fonctionnalités sont plus que limitées étant donné qu'elles se limitent à l'allumage et l'extinction (accélérés) de l'appareil, et à son déverrouillage.


Ce n'est pas la première fois qu'un iPhone est ainsi reproduit grâce aux langages web, il n'y a qu'à voir votre site favori (iPhoneSoft, bien sûr !), mais le fait d'y ajouter quelques légères fonctionnalités sans aucun langage ni technique plus complexe que les bases que sont les CSS et le Javascript reste intéressant.

Attention cela ne fonctionne pas avec Safari sous iPhone.

Cela se passe sur cette page.

Vous aimerez peut-être

Nos derniers articles

Suivez-nous avec notre app iSoft
Articles populaires
Donner votre avis
Les réactions

16 JustGreat - iPhone

06/01/2012 à 08h34 :

Franchement bravo ! Comment a t'il réussir à créée ces icônes en pur CSS pas ci simple que ça . S'il l'avait pas dis on penserai que ce seront des icônes normales

15 Anat

05/01/2012 à 22h37 :

Tu n'est pas obligé de me croire mais il fonctionne très bien mais pas sur iphone :)

(si tu est développeur je recrute)

14 Zoostar - iPhone

05/01/2012 à 08h20 :

@Anat - iPhone

C'est bon en fait je suis tombé sur la bonne page mais dommage qu'il ne soit pas fonctionnel un minimum comme l'autre.
Qu'est ce qui nous prouve que c'est toi qui l'as fait ?!? Explique nous un peu comment t'as fait ?!?

13 Zoostar - iPhone

05/01/2012 à 08h03 :

@Anat - iPhone

Non tu peux poster ce lien sans espace. Et même si j'enlève les espaces ça me mets sur une page ou je ne vois rien d'intéressant, du moins pas d'iphone CSS ! J'ai cette page :

12 Ben - iPhone

05/01/2012 à 07h32 :

Sous le 4 S cela fonctionne sur safarie :)

11 Anat - iPhone

05/01/2012 à 07h23 :

Iphonesoft enpeche les liens donc copie le lien que je t envoyé et enleve les espaces

10 Zoostar - iPhone

04/01/2012 à 22h42 :

@Anat - iPhone

Je vois rien sur ton lien ! Tu n'as pas quelque chose de plus crédible ?! ;)

9 Anat - iPhone

04/01/2012 à 21h54 :

J'en est créé un beaucoup mieux :) il est encore en test et pas totalement finni :
at iph onetest. co mli . com (enlever les espaces pour voir le lien :) )

8 Kenny

04/01/2012 à 14h45 :

Chapeau les icônes avec du CSS !!

7 Maximous - iPod touch

04/01/2012 à 14h13 :

Ba ça marche avec safari

6 yaggO

04/01/2012 à 12h06 :

Crotte j'arrive pas à le mettre en dfu ;)

5 Zoostar - iPhone

04/01/2012 à 11h28 :

@L69 - iPhone

Ça marche quand même ! ;(

4 Sancho - iPhone

04/01/2012 à 10h59 :

J'ai essayer sur safari avec mon iPhone mais j'ai réussi.

3 Eric (rédacteur)

04/01/2012 à 10h25 :

Respect !

2 L69 - iPhone

04/01/2012 à 10h11 :

Dommage je suis sur mon iPhone

1 Zoostar - iPhone

04/01/2012 à 09h44 :

Haha terrible !!! ;)