Responsive Website Design, δίνοντας πρόσβαση σε όλους
Δευτέρα, 23-05-22, Nick Zoumpoulis
Με τον όρο Responsive Website Design αναφερόμαστε στην κατασκευή ιστοσελίδων που έχουν τη δυνατότητα να προσαρμόζονται αυτόματα σε όλες τις σύγχρονες συσκευές πλοήγησης. Αυτές περιλαμβάνουν Desktop PCs, Laptops, Mini Laptops, Net Books, Tablets καθώς και Smartphones, και η χρήση του Responsive Website Design προσφέρει ένα ιδανικό περιβάλλον πλοήγησης για όλους τους επισκέπτες.
Παλαιότερα, όταν κυκλοφόρησαν για πρώτη φορά στην αγορά τα μοντέρνα κινητά τηλέφωνα και τα πρώτα tablets, οι εταιρείες κατασκευής ιστοσελίδων επέλεγαν να υλοποιήσουν τα έργα τους σε 2 εκδόσεις, μια για υπολογιστές και μια για φορητές συσκευές. Παράλληλα έκαναν χρήση της τότε τεχνολογίας, κυρίως μέσω JavaScript, ώστε να αναγνωρίσουν το μέγεθος της οθόνης πλοήγησης και να επιλέξουν σε πια έκδοση της σελίδας θα μεταφέρουν τον επισκέπτη. Η συγκεκριμένη λογική και τεχνική χρησιμοποιήθηκε αρκετά και χρησιμοποιείται ακόμα και σήμερα, κυρίως σε σελίδες και συστήματα που δεν είχαν ποτέ την τύχη να αναβαθμιστούν.
Πλέον, με τη χρήση των HTML5 και CSS3, έχουμε τη δυνατότητα να προσφέρουμε πολλαπλά επίπεδα πλοήγησης χωρίς να κάνουμε χρήση client side scripting μέσω JavaScript. Η βασική τεχνική πίσω από το Responsive Website Design είναι τα CSS3 media queries όπου οι προγραμματιστές έχουν τη δυνατότητα να θέσουν όσα επίπεδα προβολής θέλουν βάσει συγκεκριμένων διαστάσεων οθονών ή τύπων συσκευών πλοήγησης.
Από το 2013 και ύστερα, το Responsive Website Design έγινε ευρέως γνωστό και χρησιμοποιείται από πολλές εταιρείες σε όλο τον κόσμο. Παράλληλα, αναπτύχθηκαν και συγκεκριμένα Responsive Website Design frameworks ώστε να μπορούν οι προγραμματιστές να τα χρησιμοποιούν σαν βάση ανάπτυξης των νέων ιστοσελίδων. Frameworks όπως το Bootstrap, 1140 & 960 Grid, Foundation, Skeleton, Gumby και πολλά ακόμα.
Η INTERNETi κάνει χρήση του Responsive Website Design από το 2014 έχοντας αναπτύξει το δικό της framework για τα περισσότερα projects της ενώ έχει κάνει χρήση και των γνωστών frameworks που αναφέρονται παραπάνω σε πολύ συγκεκριμένες ιστοσελίδες.
Ο κύριος λόγος ανάπτυξης και συνεχόμενης βελτίωσης του δικού μας framework για Responsive Website Design ήταν η εκμάθηση και προσαρμογή στη νέα αυτή τεχνολογία από το μηδέν μιας και πάντα επιλέγουμε να διαβάζουμε, να εξετάζουμε, να αναλύουμε και να πειραματιζόμαστε σε νέες τεχνολογίες και τεχνικές.
Αξίζει να αναφέρουμε ότι όσο η τεχνολογία της HTML κυρίως, και μετά του CSS αλλά και των client side τεχνολογιών (JQuery) αναπτύσσονται συνεχώς, οι δυνατότητες του Responsive Website Design (όσον αφορά την πλοήγηση από κινητά τηλέφωνα) τείνουν να φτάνουν ή ακόμα και να ξεπερνούν τα native mobile applications.
Πλέον με το advanced HTML5 Geolocation που μπορεί να κάνει χρήση του GPS αλλά και άλλων τεχνολογιών που μπορούν να διαχειρίζονται πλήρως τις δυνατότητες των smartphones, οι προγραμματιστές ιστοσελίδων μπορούν να επιτύχουν σχεδόν τα πάντα.
Τέλος, μετά την τελευταία αναβάθμιση της Google όσον αφορά το Search Engine Optimization και τα οργανικά αποτελέσματα αναζήτησης, οι ιστοσελίδες που κάνουν χρήση τεχνολογίας Responsive Website Design κερδίζουν σε αποτελέσματα και θέσεις όσον αφορά τις κινητές συσκευές σε σχέση με ιστοσελίδες που είναι ανεπτυγμένες για μια μόνο έκδοση προβολής.
