Συνεργασίες παγκοσμίως
CSS gap decorations και το νέο editorial grid
Πώς οι γραμμές και τα διακοσμητικά στοιχεία ανάμεσα σε grid items μπορούν να δημιουργήσουν πιο καθαρά editorial layouts.
Δείτε περισσότερα ↓Τα editorial grids συχνά χρειάζονται γραμμές, separators και ρυθμό ανάμεσα στα στοιχεία. Νεότερες CSS ιδέες για gap decorations μπορούν να μειώσουν τα πρόσθετα wrappers και τα fragile borders.
Όταν η διακόσμηση ανήκει στο grid, προσαρμόζεται καλύτερα σε αλλαγές στηλών και responsive layouts. Το component παραμένει πιο καθαρό και επαναχρησιμοποιήσιμο.
Η οπτική γραμμή πρέπει να ενισχύει την ιεραρχία και όχι να γεμίζει κάθε κενό. Weight, contrast και spacing χρειάζονται σύνδεση με το συνολικό design system.
Μέχρι η υποστήριξη να γίνει ευρεία, το progressive enhancement είναι η ασφαλής επιλογή. Το layout πρέπει να λειτουργεί πλήρως ακόμη χωρίς το decorative layer.
Η αξία της σύγχρονης CSS δεν είναι μόνο λιγότερος κώδικας. Είναι η δυνατότητα να εκφράζουμε το design intent πιο άμεσα και να το διατηρούμε καθώς αλλάζει το περιεχόμενο.