Tällä hetkellä useimmat Applen fanit ovat kädet iPhone 6: ssa, ja ne näyttävät melko uskomattomilta - vaikka Applekinkin olisikin vahingossa käyttöön kaarevat näytöt.

IPhone on hieno esimerkki iteratiivisesta suunnittelusta; jokainen malli on evoluutio eikä vallankumous, ja ne kaikki rakentuvat edelliseen muotoiluun. Kun katsot alkuperäistä iPhonea, se ei näytä paljon kuin iPhone 6, mutta katso yksi malli toisensa jälkeen ja voit melkein seurata suunnitteluprosessia yhtä tarkennusta seuraa toista.

Tämä historia tekee iPhonesta viileän aiheen vektoritiedonsiirroista, ja mikä parempi tapa saavuttaa se kuin CSS: llä? Anna tämä uskomattoman puhdas CSS - mitään kuvia ei käytetä lainkaan - vuorovaikutteinen animaatio iPhone-historian historiasta. Selaa malleja yksitellen ja katsele kaunista animaatiota.

Koko projektin on rakentanut Stephen Griffin Suojaa Bubble, joka selvästi rakastaa valittua mediaansa:

CSS on vuosien varrella kehittynyt yhä useampiin ominaisuuksiin, jotka nyt sisältävät kyvyn soveltaa pyöreitä kulmia, luoda värigraientteja ja nykyaikaisissa selaimissa, kuten Chrome ja Firefox, kyky kiertää, skaalata ja lisätä jopa sumentumia ja muita suodatustehosteita .
IPhonen aikajanan pala käyttää näitä CSS-ominaisuuksia luoden puhtaasti koodinäytöksiä. Yksittäisiä kuvia ei käytetä kaikkien iPhonen luomiseen, vain tyhjiä HTML-elementtejä, jotka on suunniteltu puhtaasti CSS: llä.