Page 1 of 1

mobile friendly web page

Posted: Sun Jan 18, 2009 5:06 pm
by Sreak
Απευθείας Ερώτηση :)
Πως μπορούμε να κάνουμε μια κανονική ιστοσελίδα να είναι mobile friendly?
Δηλαδή έχω έτοιμη μία σελίδα που σε desktop φαίνετε μια χαρά, μπορώ να την μετατρέψω με κάποιο τρόπο για να φαίνετε και σε mobile κινητό όμορφα? ;)

Thanks

Re: mobile friendly web page

Posted: Sun Jan 18, 2009 5:18 pm
by PaP
Την ανοίγεις με Opera Mini :)

Re: mobile friendly web page

Posted: Sun Jan 18, 2009 5:44 pm
by Sreak
κανει δηλαδή όλο το rendering σωστά ο browser???

Re: mobile friendly web page

Posted: Sun Jan 18, 2009 6:53 pm
by Ισοβίτης
Όχι ακριβώς. Ο Opera Mini δεν είναι παρά ένας (εξαιρετικός) browser για mobile.

Αν δεν έχουμε Opera Mini, όμως, πάλι η ιστοσελίδα θέλουμε να φαίνεται "σωστά" στο κινητό (mobile-compliant). Το youtube παραδείγματος χάριν, κάνει redirect στο http://m.youtube.com όταν εισέλθει κάποιος από κινητή συσκευή.

Για αρχή δες
εδώ
εδώ
εδώ
και
εδώ.

Re: mobile friendly web page

Posted: Sun Jan 18, 2009 7:23 pm
by stoupeace
Spoiler: εμφάνιση/απόκρυψη
Το δεύτερο link δεν ανοίγει.
Δηλαδή για να μπορώ να δώ webpages που φτιάχνω θέλει διαδικασία ή μπορώ αν φτιάξω μια σελίδα σε html να την δω κανονικά απο το κινητό?

Re: mobile friendly web page

Posted: Sun Jan 18, 2009 7:59 pm
by Ισοβίτης
Stoupeace wrote:
Spoiler: εμφάνιση/απόκρυψη
Το δεύτερο link δεν ανοίγει.
Ανοίγει μια χαρά. Refresh.
Stoupeace wrote:Δηλαδή για να μπορώ να δώ webpages που φτιάχνω θέλει διαδικασία ή μπορώ αν φτιάξω μια σελίδα σε html να την δω κανονικά απο το κινητό?
Ναι, και είναι απόλυτα λογικό κάτι τέτοιο. Τα κινητά έχουν περιορισμένες απαιτήσεις και πολύ μικρότερη οθόνη από τους υπολογιστές. Συνεπώς, το περιεχόμενο των ιστοσελίδων πρέπει να είναι ελαφρύτερο και ο σχεδιασμός τους πιο κατάλληλος προκειμένου η περιήγηση να γίνεται γρήγορα και το design να ταιριάζει σε μικρές οθόνες.

Σύγκρινε πχ την αρχική σελίδα του youtube για pc και για mobile (αντίστοιχα και άλλα σάιτ όπως το CNN): Περιλαμβάνει μόνο τα βασικά στοιχεία. Το τι και πώς θα βάλεις σε μια σελίδα για mobile είναι "πρόκληση" σωστού σχεδιασμού :). Φυσικά, κάθε ιστοσελίδα είναι ορατή με την υπάρχουσα μορφή της σε mobile, αλλά μπορεί να φορτώνει αργά, να χαλάει ο σχεδιασμός της, κλπ.

Re: mobile friendly web page

Posted: Sun Jan 18, 2009 10:43 pm
by PaP
Οι mobile σελίδες φτιάχνονται διαφορετικά, στην ουσία υποσύνολα των κανονικών, πιο απλή html αρκετό inline css
Το πιο σημαντικό πάντως είναι να δεις και ποιες συσκευές θες να εστιάσεις γιατί παίζει ρόλο και ο browser και η ανάλυση και στα κινητά πρέπει να απλά να υποστηρίξεις αυτά που απευθύνεσαι δε μπορείς να τα υποστηρίξεις όλα