facedetection

Μπορεί ο responsive σχεδιασμός ιστοσελίδων να είναι στη μόδα εδώ και 2 χρόνια, αλλά ο web designer Marko Dugonjić βάλθηκε να τον πάει σε άλλο επίπεδο. Κι αυτό γιατί δημιούργησε ένα εντυπωσιακό πείραμα που χρησιμοποιεί αναγνώριση προσώπου για να προσαρμόσει το μέγεθος των γραμμάτων ανάλογα με το πόσο κοντά στην οθόνη βρίσκονται τα μάτια σας.

Τί σημαίνει αυτό; Ότι καθώς ο χρήστης πλησιάζει στην οθόνη τα γράμματα μικραίνουν, για να μεγαλώσουν, αντίστοιχα, όταν απομακρύνεται. Φυσικά, πίσω από τον υπολογισμό του μεγέθους των γραμμάτων δεν βρίσκεται κάποιος ειδικός αλγόριθμος, αφού τα διαφορετικά μεγέθη είναι προκαθορισμένα. Επίσης, δεν ξέρουμε κατά πόσο μια τέτοια λειτουργία θα μπορούσε να βρει πρακτική εφαρμογή σε πραγματικές συνθήκες.

Πρόκειται, παρόλα αυτά, για μια πανέξυπνη ιδέα που δεν κάνει τίποτα άλλο από το να χρησιμοποιεί την κάμερα του υπολογιστή σας και τις λειτουργίες WebRTC και getUserMedia. Επειδή το getUserMedia υποστηρίζεται προς το παρόν μόνο από τον Chrome, για να δοκιμάσετε και μόνοι σας το σχετικό demo θα χρειαστεί να χρησιμοποιήσετε υποχρεωτικά τον browser της Google.

Πηγή: TheNextWeb



Γιώργος Σαρηγιαννίδης

Συντάκτης άρθρου: Γιώργος Σαρηγιαννίδης

Ο Γιώργος Σαρηγιαννίδης είναι απόφοιτος του τμήματος Επικοινωνίας, Μέσων και Πολιτισμού του Παντείου και κάτοχος μεταπτυχιακού διπλώματος από το ίδιο τμήμα. Αυτή τη στιγμή εργάζεται ως freelancer σύμβουλος σε έργα διαδικτύου και intranets, με κύρια αντικείμενα την Αρχιτεκτονική της Πληροφορίας, την κατασκευή ιστοσελίδων και την διαχείριση περιεχομένου. Έχει ειδικευτεί στη μελέτη και τον αρχιτεκτονικό σχεδιασμό portals, intranets και δικτυακών εφαρμογών, ενώ στο παρελθόν έχει ασχοληθεί και με τη δημοσιογραφία.
Website: http://www.gsarigiannidis.gr Twitter Facebook LinkedIn Google Plus Klout
ΜΟΙΡΑΣΤΕΙΤΕ ΤΟ

One thought on “Responsive design που προσαρμόζεται όσο πλησιάζεις την οθόνη!

Σχολιάστε

Η ηλ. διεύθυνσή σας δεν δημοσιεύεται. Τα υποχρεωτικά πεδία σημειώνονται με *

Επιτρέπονται τα εξής στοιχεία και ιδιότητες HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>