Μέχρι τώρα, οι περισσότεροι οπαδοί της Apple έχουν τα χέρια τους σε ένα iPhone 6, και μοιάζουν πολύ απίστευτο - ακόμα και αν η Apple έχει εισήχθησαν κατά λάθος καμπύλες οθόνες.
Το iPhone είναι ένα θαυμάσιο παράδειγμα επαναληπτικού σχεδιασμού. κάθε μοντέλο είναι μια εξέλιξη παρά μια επανάσταση, και όλα βασίζονται στο προηγούμενο σχέδιο. Κοιτάζοντας το αρχικό iPhone, δεν μοιάζει πολύ με το iPhone 6, αλλά εξετάζουμε το ένα μοντέλο μετά το άλλο και μπορείτε σχεδόν να ακολουθήσετε τη διαδικασία σχεδιασμού καθώς ακολουθεί μια λεπτή ακολουθία.
Αυτή η ιστορία κάνει το iPhone ένα δροσερό θέμα για μεταβάσεις φορέων και ποιος καλύτερος τρόπος για να επιτευχθεί αυτό από ό, τι με το CSS; Πληκτρολογήστε αυτό το απίστευτο CSS - δεν χρησιμοποιήθηκαν καθόλου εικόνες - διαδραστική κινούμενη εικόνα της ιστορίας του iPhone. Απλά μετακινηθείτε στα μοντέλα μία προς μία και παρακολουθήστε το όμορφο κινούμενο σχέδιο.
Το όλο έργο χτίστηκε από τον Stephen Griffin εξ ονόματος του Προστατέψτε τη φούσκα σας, ο οποίος αγαπάει σαφώς το μέσο που έχει επιλέξει:
Με τα χρόνια η CSS έχει εξελιχθεί ώστε να περιλαμβάνει όλο και περισσότερες δυνατότητες, οι οποίες τώρα περιλαμβάνουν τη δυνατότητα εφαρμογής στρογγυλεμένων γωνιών, δημιουργίας κλίσεων χρώματος και σε σύγχρονα προγράμματα περιήγησης όπως το Chrome και τον Firefox, τη δυνατότητα περιστροφής, .
Το κομμάτι του χρονικού πλαισίου του iPhone χρησιμοποιεί αυτές τις δυνατότητες CSS για να δημιουργήσει εικόνες που έχουν κατασκευαστεί αποκλειστικά με κώδικα. Δεν χρησιμοποιήθηκαν εικόνες για την αναδημιουργία κάθε iPhone, απλά κενά στοιχεία HTML που έχουν σχεδιαστεί αποκλειστικά με CSS.