Πλαίσια CSS

Μπότα

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

Σημασιολογική διεπαφή χρήστη

Το Semantic UI είναι ένα από τα πιο δημοφιλή πλαίσια CSS για την ανάπτυξη πρώτων έργων που ανταποκρίνονται σε κινητές συσκευές για τον Ιστό.

Ξεκινώντας

Εδώ είναι ένα απλό πρότυπο HTML που περιλαμβάνει τα πιο πρόσφατα μεταγλωττισμένα και ελαχιστοποιημένα CSS και Javascript για τη βιβλιοθήκη Semantic UI. Έχουμε χρησιμοποιήσει ένα CDN σε αυτό το παράδειγμα, αλλά μπορείτε να ελέγξετε άλλους τρόπους εγκατάστασης του Semantic UI εδώ.

      Semantic UI Template    

Hello World

Μαθησιακοί πόροι

  • Η επίσημη τεκμηρίωση για το Semantic UI είναι διαθέσιμη εδώ.
  • Δείτε το αποθετήριο GitHub ανοιχτού κώδικα του Semantic UI εδώ.

Σκελετός

Το Skeleton είναι ένα νεκρό απλό boilerplate για να ξεκινήσει οποιοδήποτε έργο ανταποκρίνεται.

Ξεκινώντας

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

      Skeleton Template      

Hello World

Επίδειξη JSBin

Έχουμε χρησιμοποιήσει ένα CDN σε αυτό το παράδειγμα, αλλά μπορείτε να ελέγξετε άλλους τρόπους εγκατάστασης του Skeleton εδώ.

Μαθησιακοί πόροι

Official Documentation του Σκελετού.

  • Δείτε το αποθετήριο GitHub ανοιχτού κώδικα του Skeleton εδώ.
  • Ακολουθούν ορισμένα παραδείγματα για το πώς χρησιμοποιήθηκε το Skeleton σε διαφορετικούς ιστότοπους.

Υλοποιώ

Το Materialize είναι ένα πλαίσιο Responsive CSS που βασίζεται στη Γλώσσα σχεδιασμού υλικών της Google.

Ξεκινώντας

Εδώ είναι ένα απλό πρότυπο HTML που περιλαμβάνει τα πιο πρόσφατα μεταγλωττισμένα και ελαχιστοποιημένα CSS και Javascript για τη βιβλιοθήκη Υλικό.

Hello World!

Έχουμε χρησιμοποιήσει ένα CDN σε αυτό το παράδειγμα, αλλά μπορείτε να ελέγξετε άλλους τρόπους εγκατάστασης του Materialize εδώ.

Μαθησιακοί πόροι

  • Η επίσημη τεκμηρίωση για το Materialize είναι διαθέσιμη εδώ.
  • Το αποθετήριο GitHub ανοιχτού κώδικα του Checkout Materialize εδώ.
  • Εδώ είναι ένα εύχρηστο σεμινάριο για τη χρήση Υλικό.

UIKit

Το UIKit είναι ένα ελαφρύ και αρθρωτό πλαίσιο front-end για την ανάπτυξη γρήγορων και ισχυρών διεπαφών Ιστού.

Ξεκινώντας

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

Έχουμε χρησιμοποιήσει ένα CDN σε αυτό το παράδειγμα, αλλά μπορείτε να δείτε άλλους τρόπους εγκατάστασης του UIKit εδώ.

Μαθησιακοί πόροι

  • Η επίσημη τεκμηρίωση για το UIKit είναι διαθέσιμη εδώ.
  • Δείτε το αποθετήριο GitHub ανοιχτού κώδικα του UIKit εδώ.

θεμέλιο

Το Ίδρυμα είναι ένα open-source, κινητό πρώτο πλαίσιο CSS που δημιουργήθηκε από τη Zurb.

Ξεκινώντας

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

      Foundation Template    

Hello World

Αυτό το παράδειγμα χρησιμοποιεί ένα CDN που φορτώνει τις προεπιλεγμένες ρυθμίσεις. Εάν θέλετε να προσαρμόσετε τη διάταξη πλέγματος, αλλάξτε τα χρώματα ή προσθέστε και αφαιρέστε στοιχεία, μπορείτε να το κάνετε στη σελίδα λήψης του Ιδρύματος.

Μαθησιακοί πόροι

  1. Τεκμηρίωση ιδρύματος
  2. Κατάλογος εκπαιδευτικών ιδρυμάτων
  3. Αρχεία πηγής ιδρύματος στο GitHub
  4. DevTips YouTube Series στο Foundation Grid

Άλλες πληροφορίες σχετικά με τα πλαίσια CSS:

  • Μπουλμά
  • Μπότα
  • Τα καλύτερα παραδείγματα bootstrap