Ορισμός του Responsive Web Design

Πριν από χρόνια, όταν η τεχνολογία ήταν αυτό που ήταν, πρέπει μόνο να ανησυχείτε ότι τα οπτικά πράγματα που έκανε (εικόνες, παιχνίδια, διεπαφές εφαρμογών, ...) φαίνονται καλά σε μια οθόνη που θα μπορούσε να απέχει περίπου 14 ίντσες από ένα οθόνη από υπολογιστή. Αλλά το εξέλιξη Ήταν ασταμάτητο και αυτήν τη στιγμή έχουμε πολλές συσκευές και μορφές.

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

Ο ιστός, μια πρόοδος που εμφανίστηκε στη δεκαετία του '90 και από τότε έχει καταστεί απαραίτητη, έχει επίσης υποστεί αυτές τις αλλαγές στο σενάριο πλατφόρμας από το οποίο μπορούν να χρησιμοποιηθούν και οι οντότητες που διαχειρίζονται τα πρότυπα ιστού έπρεπε να επιλέξουν έξυπνες λύσεις για να κάνουν τη ζωή ευκολότερη για τους προγραμματιστές διεπαφών Ιστός.

Μια αποκριτική ιστοσελίδα (ονομάζεται επίσης

instagram story viewer

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

Ας σκεφτούμε το ποικιλία μορφές οθόνης που κυμαίνονται από ένα smartphone με οθόνη 5 ”και αναλογία 18: 9 που μπορούν να διαβαστούν κατακόρυφα σε τηλεόραση 16: 9 40”, αφήνοντας έναν υπολογιστή ή tablet στο μεταξύ.

Μέχρι να ληφθούν μέτρα για τη δημιουργία της διεπαφής γραφική παράσταση των ιστοσελίδων θα προσαρμοστεί αυτόματα στην οθόνη στην οποία προβάλλεται, το Η "Λύση" συνίστατο στην πρόβλεψη όλων των πιθανών μορφών και στην προβολή διαφορετικών σελίδων, ανάλογα με την περίπτωση. Το πρόβλημα ήταν αυτές οι απρόβλεπτες μορφές και αυτές που η τεχνολογική εξέλιξη παρείχε φυσικά.

Τα εργαλεία για την επίτευξη μιας ανταποκριτικής σχεδίασης, η οποία θα προσαρμόζεται στη μορφή της οθόνης στην οποία προβάλλεται η εικόνα. ανεξάρτητα από το ποια μορφή και μέγεθος οθόνης ήταν, ορίστηκαν από το W3C (World Wide Web Κοινοπραξία).

Και η εισαγωγή αυτής της τεχνολογίας ήταν δυνατή χάρη στο διαχωρισμό του περιεχομένου των σελίδων από αυτό που ήταν παρουσίαση των εν λόγω περιεχομένων και του εμφάνιση και αίσθηση σελίδα χρησιμοποιώντας αρχεία ορισμού στυλ CSS.

Αυτά σας επιτρέπουν να τροποποιήσετε την εμφάνιση ενός ολόκληρου ιστότοπου (κατανοητό ως σύνολο σελίδων) χωρίς να χρειάζεται να αγγίξετε το κώδικας πηγή όλων των αρχείων HTML, καθώς διαφέρει ποιοι είναι οι ορισμοί του στυλ και της παρουσίασης (που περιέχονται στο αρχείο CSS) των περιεχομένων (βρίσκονται σε αρχεία HTML).

Τα στοιχεία του ανταποκριτικού σχεδιασμού συζητήθηκαν και εισήχθησαν στα πρότυπα ιστού από το W3C από το τέλος της πρώτης δεκαετίας του 21ου αιώνα.

Είναι από εκτόξευση του πρώτου iPhone, το 2006, στο οποίο ξεκίνησε ο αγώνας για να προσαρμόσει τους ιστότοπους έτσι μπορεί να φανεί τέλεια τόσο σε προγράμματα περιήγησης επιτραπέζιων υπολογιστών όσο και σε μεγάλες οθόνες, καθώς και σε συσκευές κινητά.

Φωτογραφίες Fotolia: Alexey Shkitenkov / Bobb Klissourski