Δημιουργήστε πιο γρήγορα ανταποκρινόμενους ιστότοπους με σημασιολογική UI

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

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

Με δεκάδες Μεταβλητές CSS, απλές κλάσεις ανταποκρίσεων, και εύχρηστες διατάξεις, δεν θα έχετε κανένα πρόβλημα να δουλεύετε μόνοι σας με το Semantic UI.

ο απλά ονόματα τάξεων και δομές δικτύου πράγματι δίνουν νόημα σε αυτό το πλαίσιο που καλείται “Σημασιολογικός”. Οι κλάσεις είναι πολύ λογικές και αυτό κάνει την HTML σας εύκολη στην ανάγνωση.

Έρχεται ακόμη και με Υποστήριξη jQuery για στοιχεία δυναμικής σελίδας όπως τα carousels και τα αναπτυσσόμενα μενού επιλογών.

Κάθε στοιχείο HTML κάτω από τον ήλιο είναι προσαρμοσμένο και πλήρως λειτουργικό με Σημασιολογικό UI. Αυτό περιλαμβάνει τα στοιχεία HTML5 καθώς και πρόσθετες λειτουργίες όπως αξιολογήσεις και προσαρμοσμένες καρτέλες.

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

Ολόκληρη η βιβλιοθήκη συνολικά 3.000+ μεταβλητές θεματικές μπορείτε να αλλάξετε το Sass ή να επεκτείνετε το δικό σας φύλλο στυλ. Επιπλέον, το Semantic UI είναι συσκευασμένο με εννέα προεπιλεγμένα θέματα:

1. Σημασιολογική προεπιλογή
2. Παχουλός
3. Αυξήθηκε
4. Κλασσικός
5. Υλικό Google
6. Αμαζόνα
7. Bootstrap
8. GitHub
9. Κελάδημα

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

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

Μπορείτε να περιηγηθείτε στυλ διαμόρφωσης, μαζί με οδηγούς για όλα τα κύρια στοιχεία και custom theming.

Και, μπορείτε να κατεβάσετε ένα αντίγραφο του πηγαίου κώδικα απευθείας από το GitHub, το οποίο περιλαμβάνει επίσης ένα οδηγός για αρχάριους.