Μετάβαση στο περιεχόμενο


Φωτογραφία
- - - - -

Απόδοση του iPhone 4 αποκλειστικά με χρήση CSS και Javascript


  • Παρακαλούμε συνδεθείτε για να απαντήσετε
2 μηνύματα σε αυτό το θέμα

#1   sepsis

sepsis

    iPH Hero

  • 8.236 μηνύματα
  • Twitter:@hsouris
  • Φύλο: Άντρας
  • Κινητό: iPhone 5
  • Tablet:iPad 3 +4G

Δημοσίευση 03/01/2012 - 22:10

O Vasiliy Zubach, γνωστός ως και TjRus, είναι υπεύθυνος για το δημιούργημα της εικόνας που βλέπετε παρακάτω που αποτελείται εξ ολοκλήρου από CSS.

Αναρτημένη εικόνα


Το iPhone 4 έχει κατασκευαστεί χρησιμοποιώντας μόνο CSS3 και λίγη Javascript κάτι που σημαίνει ότι δεν υπάρχουν καθόλου εικόνες στον σχεδιασμό!

Συγκεκριμένα, το σχέδιο αποτελείται αποκλειστικά από 3.395 γραμμές CCS και 335 γραμμές Javascript (με jQuery) επιτρέποντας το κλείδωμα της συσκευής με το power button, το slide to unlock καθώς και το πάτημα του home button.

Πρόκειται για ένα πολύ εντυπωσιακό δημιούργημα που μπορείτε να δείτε εδώ.

Follow me on twitter


Ad

Ad

Team
iPhoneHellas
3,1416 μηνύματα
Twitter: @android
Φύλο: Όπως το δει κανείς
Κινητό: Android
Tablet: Για τα κουνούπια

Γιατί να γίνετε μέλη;

#2   macliminal

macliminal

    iPH newbie

  • 74 μηνύματα
  • Φύλο: Άντρας

Δημοσίευση 04/01/2012 - 10:30

Καλή και προσεγμένη δουλειά αλλά δεν μας μαθαίνει κάτι καινούριο σε σχέση με την χρήση της HTML 5 / CSS 3 / JavaScript για την σχεδίαση εφαργμογών. Η χρήση του jquery εξαλλου δεν ειναι ιδανική για mobile environments οπου απαιτείται χρήση εναλλακτικών μικρότερων βιβλιοθηκών για animation ή dom selector engines.

Αν θέλετε να δείτε μια πραγματικά εντυπωσιακή δουλειά σε HTML 5 (με χρήση mvc framework οπως το backbone και επιπροσθετως καποιες αλλες βιβλιοθηκες οπως underscore.js για functional programming) κατεβάστε το app του linkedin και επισης διαβαστε εδω...

http://documentcloud...amples-linkedin

#3   fteo

fteo

    iPH Enthousiast

  • 558 μηνύματα
  • Φύλο: Άντρας
  • GameCenter:fteo

Δημοσίευση 04/01/2012 - 14:18

Αντίστοιχα να δώσω και εγώ ένα εντυπωσιακό παράδειγμα χρήσης javascript σε συνδυασμό με CSS.

Ubuntu Tour

Πρόκειται για την προσομοίωση μεγάλου μέρους της λειτουργικότητας του desktop του λειτουργικού ανοιχτού κώδικα Ubuntu. Εχουν αποδώσει ακόμα και ορισμένες από τις λειτουργίες των επί μέρους εφαρμογών!




Χρήστες που διαβάζουν αυτό το θέμα: 0

0 μέλη, 0 επισκέπτες, 0 ανώνυμοι χρήστες