mobile friendly web page

Post by **Sreak** » Sun Jan 18, 2009 5:06 pm

Απευθείας Ερώτηση

Πως μπορούμε να κάνουμε μια κανονική ιστοσελίδα να είναι mobile friendly?
Δηλαδή έχω έτοιμη μία σελίδα που σε desktop φαίνετε μια χαρά, μπορώ να την μετατρέψω με κάποιο τρόπο για να φαίνετε και σε mobile κινητό όμορφα?

Thanks

Post by **PaP** » Sun Jan 18, 2009 5:18 pm

Την ανοίγεις με Opera Mini

Post by **Sreak** » Sun Jan 18, 2009 5:44 pm

κανει δηλαδή όλο το rendering σωστά ο browser???

Post by **Ισοβίτης** » Sun Jan 18, 2009 6:53 pm

Όχι ακριβώς. Ο Opera Mini δεν είναι παρά ένας (εξαιρετικός) browser για mobile.

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

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

stoupeace · Post by **stoupeace** » Sun Jan 18, 2009 7:23 pm

Spoiler: εμφάνιση/απόκρυψη: Το δεύτερο link δεν ανοίγει.

Δηλαδή για να μπορώ να δώ webpages που φτιάχνω θέλει διαδικασία ή μπορώ αν φτιάξω μια σελίδα σε html να την δω κανονικά απο το κινητό?

Post by **Ισοβίτης** » Sun Jan 18, 2009 7:59 pm

Stoupeace wrote:
Spoiler: εμφάνιση/απόκρυψη
Το δεύτερο link δεν ανοίγει.

Ανοίγει μια χαρά. Refresh.

Stoupeace wrote:Δηλαδή για να μπορώ να δώ webpages που φτιάχνω θέλει διαδικασία ή μπορώ αν φτιάξω μια σελίδα σε html να την δω κανονικά απο το κινητό?

Ναι, και είναι απόλυτα λογικό κάτι τέτοιο. Τα κινητά έχουν περιορισμένες απαιτήσεις και πολύ μικρότερη οθόνη από τους υπολογιστές. Συνεπώς, το περιεχόμενο των ιστοσελίδων πρέπει να είναι ελαφρύτερο και ο σχεδιασμός τους πιο κατάλληλος προκειμένου η περιήγηση να γίνεται γρήγορα και το design να ταιριάζει σε μικρές οθόνες.

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

. Φυσικά, κάθε ιστοσελίδα είναι ορατή με την υπάρχουσα μορφή της σε mobile, αλλά μπορεί να φορτώνει αργά, να χαλάει ο σχεδιασμός της, κλπ.

Post by **PaP** » Sun Jan 18, 2009 10:43 pm

Οι mobile σελίδες φτιάχνονται διαφορετικά, στην ουσία υποσύνολα των κανονικών, πιο απλή html αρκετό inline css
Το πιο σημαντικό πάντως είναι να δεις και ποιες συσκευές θες να εστιάσεις γιατί παίζει ρόλο και ο browser και η ανάλυση και στα κινητά πρέπει να απλά να υποστηρίξεις αυτά που απευθύνεσαι δε μπορείς να τα υποστηρίξεις όλα

mobile friendly web page

mobile friendly web page

Re: mobile friendly web page

Re: mobile friendly web page

Re: mobile friendly web page

Re: mobile friendly web page

Re: mobile friendly web page

Re: mobile friendly web page