Topcoat - Οι προγραμματιστές του CSS Framework που ασχολούνται με το Lightning-Fast θα αγαπήσουν

Κατά την επιλογή ενός πλαισίου με τα πρόβατα θα εξετάσετε πρώτα την αισθητική πρώτα. Και μην με πάρτε λάθος, η αισθητική είναι σημαντική!

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

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

Το cool πράγμα για το Topcoat είναι ότι δεν αισθάνεται ούτε πολύ ελαφρύ ούτε μινιμαλιστικό.

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

Η βιβλιοθήκη έρχεται με ένα αρχείο CSS και JS που συμπεριλαμβάνετε στη σελίδα σας για να εργαστείτε. Τίποτα δεν είναι πολύ περίπλοκο και σίγουρα όχι πιο πολύπλοκο από το Bootstrap του Twitter.

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

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

Επίσης, με το Topcoat έχετε πλήρη πρόσβαση στα αρχεία PSD, αν θέλετε να επεξεργαστείτε ή να επανασχεδιάσετε κάποια από τα στοιχεία της σελίδας. Πολύ ωραίο!

Όλα από τα προσαρμοσμένα στυλ σε προσαρμοσμένα σετ εικονιδίων συσκευάζονται με το Topcoat. Είναι το καθαρότερο πλαίσιο των frontend που θα βρείτε με σαφή εστίαση στην απόδοση.

Για να μάθετε περισσότερα, επισκεφθείτε την ιστοσελίδα Topcoat και βεβαιωθείτε ότι έχετε ελέγξει το κύριο repos GitHub για οδηγίες εγκατάστασης + συνδέσεις λήψης στα αρχεία προέλευσης.

Μπορείτε επίσης να μοιραστείτε τις σκέψεις σας με την ομάδα στο λογαριασμό τους Twitter @ topcoat.