Πώς λέγεται αυτό το στυλ σχεδιασμού;

[hammered]

Τα τελευταία χρόνια με το html5, το responsive design κλπ κλπ έχω παρατηρήσει ένα συγκεκριμένο στυλ σχεδιασμού, το οποίο θα ήθελα να μάθω αν λέγεται κάπως για να μπορώ να το googlάρω και να μάθω περισσότερα για να το φτιάξω σε ένα δικό μου ερασιτεχνικό site.

Αρχίζω περιγραφή:
1. Συνήθως χωρίζεται σε οριζόντιες λωρίδες
2. Οι λωρίδες αυτές εναλλάσσονται σε χρωματισμό μεταξύ τους χωρίς να είναι απαραίτητο να επαναλαμβάνεται το ίδιο χρώμα για κάθε μεθεπόμενη λωρίδα
3. Οι λωρίδες αυτές είναι συνήθως αρκετά φαρδιές για να καλύπτουν το μεγαλύτερο μέρος της οθόνης, και για να δεις την επόμενη θα πρέπει να κάνεις κάθετο scroll
4. Η κάθε λωρίδα έχει πληροφορίες για μια θεματική ενότητα και μπορεί να συνδυάζεται με εικόνα. Δλδ η λωρίδα χρησιμοποιείται για να χωρίζει οπτικά κάθε πληροφοριακή ενότητα
5. Η πρώτη λωρίδα είναι αρκετά φαρδιά για να πιάνει ολόκληρη την οθόνη. Έχει ως background μια εικόνα σχετική με το site (px τραπέζι με φαγητά για ταβέρνα). Πάνω από την εικόνα υπάρχει ένα ημιδιάφανο overlay(?) έτσι ώστε το κείμενο που θα περιέχει ως text να είναι ευκολοδιάβαστα. Αυτό το κείμενο είναι πάνω από το background+overlay είναι συνήθως σε μεγάλη γραμματοσειρά και έχει σχέση με την ονομασία της επιχείρησης πχ "Ταβέρνα - τα ψόφια ποντίκια"
6. Συνήθως δεν υπάρχει navigation bar/menu ούτε δυνατότητα ανοίγματος άλλης σελίδας, δλδ όλο το site περιέχεται στην ίδια σελίδα.

Ελπίζω να καταλάβατε για ποιο design μιλάω. Πως μπορώ να βρω πληροφορίες και guides (ή και templates) για αυτό;

- - - Updated - - -

Και κάτι τελευταίο. Έχω την εντύπωση ότι αυτά μπορείς να τα φτιάξεις με καθαρό html5 + css3 χωρίς να χρειάζεσαι javascript ή τέλος πάντων 3rd party javascript frameworks (πχ jquery)

[Archon]

Κατι σαν αυτο? Αν το εχεις δει καπου, γιατι δεν παιρνεις τηλεφωνο την εταιρεια που εχει το site να ρωτησεις? Πιο πολλα θα μαθεις ετσι.

[hammered]

Εμ, όχι. Δεν θέλω να εξαφανίζεται το ένα background και να εμφανίζεται το επόμενο με scrolling.
Αυτό είναι πιο κοντά σε αυτό που θέλω αλλά φαντάσου οι γραμμές να είναι οριζόντιες και όχι διαγώνιες.

[nmavro73]

Μαλλον πέτυχες σε ορισμένα σάιτ που χρησιμοποιούν αυτό το μοντέλο.
Συνήθως ενα σάιτ βασισμένο σε cms στηρίζεται σε κάποια έτοιμα demo. Το τροποποιείς οπως σου αρέσει.
Το πρότυπο που ακολουθούν ολα τα σάιτ πάντως ειναι το bootstrap 3 με τις 12 στήλες.
Πχ αν θες να φαίνονται 3 κολόνες η καθε μια πιανει 4 στήλες
Έτσι col-md-4 col-sm-6 col-xs-12 σημαινει οτι σε desktop εχεις 3 στήλες στο ταμπετ 2 και στο κινητο μια.
Αυτο που δείχνεις θα σου πω απο τον υπολογιστη αργότερα τι ειναι

[hammered]

Αν εννοείς να είναι visible τα 3 columns τότε δεν θέλω αυτό.
Το κοντινότερο που βρήκα σε όρο για google είναι "horizontal stripe design" (ή layout)

[nmavro73]

Να πω την αληθεια ξεχάστηκα και δεν έψαξα

[nikitas21]

Εννοείς αυτό πχ?

https://www.qo-amsterdam.com/