Εάν η πρόσφατη επίπεδη τάση σχεδιασμού έχει αποδείξει τίποτα, είναι το πώς οι απίστευτα περιορισμένοι σχεδιαστές ιστοσελίδων είναι όταν πρόκειται για σύνθεση. Τώρα που δεν είμαστε πλέον αποσπούν την προσοχή από τις κλίσεις, κλίσεις και γυαλάδα είναι σαφές ότι οι σχεδιαστές ιστοσελίδων έχουν μια δομή για να χτίσει τα σχέδιά τους γύρω από: ορθογώνια.
Υπάρχουν φυσικά πολλοί τρόποι σύνθεσης ομάδων ορθογωνίων όπως υπάρχουν pixels σε μια οθόνη, αλλά όταν λαμβάνετε υπόψη τις απαιτήσεις του τύπου και την ανάγκη σχεδιασμού για διαφορετικές αναλύσεις, οι επιλογές διάταξης αρχίζουν να φαίνονται σαφώς περιορισμένες.
Όλοι γνωρίζουμε ότι όλες οι γωνίες δεν είναι σωστές γωνίες. όλοι γνωρίζουμε ότι οι γραμμές δεν είναι πάντα ευθείες. Στην πραγματικότητα, μερικές από τις πιο έξυπνες σχεδιασμού του περασμένου αιώνα έχει ξεσπάσει από το δίκτυο και στριμμένα μακριά σε τόξα και γωνίες, δημιουργώντας ένταση, δράμα και ενθουσιασμό. Πρόκειται για μια εύκολη πρόταση στον εκτυπωτικό σχεδιασμό: ανοίξτε ένα έγγραφο στο InDesign, επιλέξτε το εργαλείο ελλειψοειδούς και σχεδιάστε έναν κύκλο στη σκηνή, επιλέξτε το εργαλείο τύπου και κάντε κλικ στον κύκλο, τώρα επικολλήστε το κείμενο σας. δοκιμάστε τώρα το ίδιο πράγμα στο CSS, προχωρήστε, θα φτιάξω έναν καφέ ενώ περιμένω ...
Φυσικά υπάρχουν πολλοί τρόποι για να σχεδιάσετε έναν κύκλο σε μια ιστοσελίδα, αλλά εάν μεταφέρετε κείμενο γύρω από ένα θα ανακαλύψετε ότι δεν είναι πραγματικά ένας κύκλος. το οριοθετημένο κιβώτιο του είναι ακόμα ορθογώνιο. Η μόνη επιλογή για τη δημιουργία κειμένου που επιπλέει σε μια καμπύλη είναι να εισαγάγετε κενά στην αρχή κάθε γραμμής και να σπάσει η γραμμή στο τέλος, τεχνητά εσοχή του κειμένου. κάτι που πληρώνει χάος με την προσβασιμότητα.
Για να αντιμετωπιστεί το πρόβλημα, το W3C αναπτύσσει σχήματα CSS. Απελευθερώθηκαν στις 20 Ιουνίου το πρώτο τους δημόσιο σχέδιο εργασίας, Σχήματα Σχήματος CSS Επίπεδο 1, περιγράφει τη χρήση μη ορθογώνιων σχημάτων σε σχέση με το μοντέλο του κιβωτίου και τη συμπεριφορά του πλωτήρα. Επί του παρόντος, μια εργασία που βρίσκεται σε εξέλιξη με τις προτεινόμενες προσθήκες στο CSS περιλαμβάνει τα ορθογώνια σχήματα, το πλαίσιο-ορθογώνιο, τον κύκλο, την έλλειψη και το πολύγωνο.
Στην αρχική εφαρμογή θα είμαστε μόνο σε θέση να επιπλέουμε γύρω από τα σχήματα. Για να το κάνουμε αυτό, θα χρησιμοποιήσουμε την ιδιότητα εξωτερικού σχήματος, όπως έτσι:
Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.