Αρχική σελίδα » Εργαλειοθήκη » Δημιουργία πολύχρωμων ιστότοπων με προσοχή στο CSS

    Δημιουργία πολύχρωμων ιστότοπων με προσοχή στο CSS

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

    Υπάρχουν πολλά κιτ που χρησιμοποιούν επίπεδη σχεδίαση αλλά λίγοι έρχονται κοντά CSS Νομισματοκοπείο. Αυτό το 100% δωρεάν κιτ UI ανοιχτού κώδικα λειτουργεί εξαιρετικά για όλα τα έργα και για κάθε τύπο ιστότοπου που μπορείτε να φανταστείτε.

    Στον πυρήνα του νομισματοκοπείου CSS, υπάρχει το Κανονικοποίηση βιβλιοθήκης μαζί με άλλες προσαρμοσμένες επαναλήψεις. Αυτό σημαίνει σκουπίστε όλα τα ζητήματα και τα σφάλματα μεταξύ των προγραμμάτων περιήγησης για να διατηρηθεί η βάση κώδικα συνεπής σε όλους τους τομείς.

    Όλος ο κώδικας CSS ακολουθεί Αρχές OOCSS, έτσι θα πρέπει να έχετε έναν εύκολο χρόνο προσθέτοντας (ή προσαρμόζοντας) το υπάρχον κωδικό.

    Για να ξεκινήσετε, απλά προσθέστε το φύλλο στυλ Mint Mint στο έργο σας. Αυτό μπορεί να εγκατασταθεί μέσω του Bower ή μέσω ενός συνδέσμου CDN ή ακόμα και φιλοξενείται τοπικά αν κατεβάσετε ένα αντίγραφο από το GitHub.

    Όταν δημιουργείτε μια νέα ιστοσελίδα, θα ακολουθείτε τον κώδικα HTML5 που συμμορφώνεται με τα πρότυπα. Τα συστήματα πλέγματος βασίζονται στο δοχείο

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

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

    Το πλαίσιο είναι ενημερώνεται συνεχώς με νέα στυλ και επιπλέον χαρακτηριστικά, οπότε η Νομισματοκοπείο είναι πιθανό να είναι γύρω για μεγάλη απόσταση.

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

    Για να μάθετε περισσότερα επισκεφθείτε το GitHub repo για λήψη συνδέσμων και οδηγίες εγκατάστασης. Και, μπορείτε να μοιραστείτε τις σκέψεις σας με τον δημιουργό Arun Michael Dsouza στο Twitter @ amdsouza92 του.