Responsive Web Design για Smartphones & Tablets

  • τεχνολογία
H συνεχόμενη αύξηση πρόσβαση στο διαδίκτυο από κινητές συσκευές, όπως τα smartphones, tablets, netbooks κτλ έχει αυξήσει σημαντίκα τον αριθμο των χρηστών που περιηγούνται στις ιστοσελίδες με αυτό τον τρόπο. Το κύριο πρόβλημα που προκύπτει είναι ότι κάθε συσκευή έχει διαφορετικό μέγεθος οθόνης, οποτε ο κάθε χρήστης δεν είναι εύκολο να περιηγηθεί και να αναγνώσει το περιεχόμενο, αυτό γιατί η πλειοψηφία των ιστοσελίδων σχεδιάζονται με σταθερό πλάτος (fixed layout) ή με ρευστό (fluid layout), με αποτέλεσμα απλές λειτουργίες navigation ή login να καθυστούν τη περιηγήση όχι και τη καλύτερη εμπειρία. Οπότε εδώ έρχεται η λύση του responsive web design όπου το web site σχεδιάζεται χρησιμοποιώντας media queries του CSS, η ιστοσελίδα προσαρμόζεται στη συσκευή από την οποία μπαίνει ο χρήστης στο website. Οπότε αυξάνεται σημαντικά το usability γιατί ο χρήστης δεν χρειάζεται να κάνει zoom ή μεγάλο scroll ή resize για την ανάγνωση του περιεχομένου. Κατάλληλα εργαλεία για τη responsive σχεδίαση είναι κάποια css frameworks όπου υιοθετούν την έννοια του fluidgrid ή τον fluid images,όπως είναι το skeleton ή όπως το frameless grid.
Net Salary Calculator Business Profit Calculator Ecommerce Software