Picnic CSS Lightweight Βιβλιοθήκη CSS για να ξεκινήσετε τα έργα σας στο Web
Μερικοί προγραμματιστές προτιμούν τις λεπτομερείς βιβλιοθήκες UI, όπως το Bootstrap, για τα πλούσια σε χαρακτηριστικά στυλ. Αλλά, υπάρχουν πολλές μικρότερες βιβλιοθήκες CSS που γίνονται λεπτή αισθητική σχεδίασης και προσαρμογή.
Αν ψάχνετε για ένα μικρή αλλά κομψή βιβλιοθήκη CSS προτείνω Picnic CSS. Είναι εντελώς δωρεάν, ανοιχτή πηγή και λειτουργεί χωρίς μεγάλη επεξεργασία για να τζαζ τις σελίδες σας με απλά αλλά κομψά στυλ.
Όλα τα εγγενή στοιχεία HTML είναι από προεπιλογή, έτσι δεν χρειάζεται καν να βασιστείτε στις τάξεις. Απλά προσθέστε το φύλλο στυλ Picnic στην ιστοσελίδα σας και ανανεώστε το. Θα παρατηρήσετε ότι όλες οι φόρμες, τα κουμπιά και τα τυπογραφικά στοιχεία έχουν όλα μια νέα εμφάνιση.
Αλλά, φυσικά, αυτή η βιβλιοθήκη υποστηρίζει αρθρωτό σχεδιασμό με επιλογές για την προσαρμογή όλων. Του όλα γραμμένα στο Sass, έτσι πρέπει πραγματικά να είστε ένας προγραμματιστής Sass για να εργαστείτε μέσω του κώδικα.
Έχετε πρόσβαση σε όλες τις προεπιλεγμένες τυπογραφίες, κλάσεις, συστήματα πλέγματος και μεταβλητές που χρησιμοποιούνται για το styling & χρωματισμό στοιχείων σελίδας.
Το Picnic CSS χτίστηκε επίσης για να είναι απίστευτα μικρό και αυτό μέτρα μεγέθους μόνο 10 KB όταν εξομαλύνεται. Αυτό είναι περίπου 1/10th του Bootstrap και έχει ακόμα όλη τη γοητεία που θα περιμένατε σε ένα προσαρμοσμένο περιβάλλον UI.
Δεδομένου ότι πρόκειται για μια μικρή βιβλιοθήκη, αυτό δεν έχει δυναμικά χαρακτηριστικά. Όμως, μπορείτε να δείτε παραδείγματα στη δοκιμαστική σελίδα που περιλαμβάνει κουμπιά, κεφαλίδες, κάρτες, εισόδους, καρτέλες και άλλα παρόμοια στοιχεία.
Μερικά από τα δυναμικά στοιχεία, όπως modals και καρτέλες, εργασία με καθαρό CSS. Έτσι, μπορείτε επίσης να δημιουργήσετε συμμορφούμενους ιστότοπους αγνοώντας πλήρως το JavaScript. Πολύ ωραίο!
Νομίζω ότι τα προεπιλεγμένα στυλ πικνίκ είναι τρελαία, ώστε να μπορούν να χρησιμοποιήσουν κάποια ρετουσάρισμα. Όμως, γενικά, λατρεύω αυτήν τη βιβλιοθήκη και είναι ένας από τους απλούστερους τρόπους να ξεκινήσει ένα νέο έργο στο δεξί πόδι.
Για να ξεκινήσετε, επισκεφτείτε τη σελίδα GitHub του Picnic CSS κατεβάστε ένα αντίγραφο και δείτε κάποια δείγματα. Μπορείτε επίσης να περιηγηθείτε στην ηλεκτρονική τεκμηρίωση για να δείτε πώς λειτουργεί κάθε στοιχείο και τι χρειάζεστε για να εκτελέσετε όλα αυτά.
Η πικ-νικ είναι ζωντανή διατίθεται σε CDN, έτσι δεν χρειάζεται καν να κατεβάσετε αρχεία τοπικά για να ξεκινήσετε.
