Νέοι πόροι για σχεδιαστές ιστοσελίδων και προγραμματιστές (Μάρτιος 2016)

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

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

Κάντε κλικ για περισσότερες πηγές

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

Συμβουλές JS

Οι Συμβουλές JS είναι μια συλλογή συμβουλών JavaScript, μερικές από τις οποίες περιστρέφονται γύρω σύνταξη, μερικοί την αποδοτικότητα και την απόδοση του κώδικα, και μερικά άλλα είναι ειδικά για ένα πλαίσιο όπως το AngularJS. Νέες συμβουλές προστίθενται καθημερινά και υπάρχουν σήμερα 50 συμβουλές που έχουν εκδοθεί. Είναι ουσιαστικά ένα must-book site για κάθε προγραμματιστή ιστού.

Προσωπικός διευθυντής

Προσωπικός διευθυντής είναι η εφαρμογή GUI για τον έλεγχο του Vagrant. Παρόμοια MAMP, όπου μπορείτε να σταματήσετε ή να εκτελέσετε το Vagrant και να δείτε ποιο Vagrant εκτελείται αυτή τη στιγμή. Η εφαρμογή είναι διαθέσιμη για OS X και για παράθυρα. Αν δεν είστε σίγουροι τι είναι το Vagrant, δείτε την προηγούμενη ανάρτησή μας σχετικά με τον τρόπο εγκατάστασης του WordPress σε τοπικό επίπεδο με το Vagrant.

Bulma

Bulma είναι ένα πλαίσιο συνόλων. Το πακέτο περιλαμβάνει μερικά κοινά στοιχεία UI του ιστού όπως η πλοήγηση, το dropdown και (φυσικά) το πλέγμα που είναι χτισμένο εξ ολοκλήρου με Flexbox. Το μόνο χαρακτηριστικό που λείπει (τουλάχιστον, προς το παρόν) είναι τα στοιχεία JavaScript. Τα συστατικά Bulma είναι πολύ πιο αδύνατα σε σύγκριση με το Bootstrap, αλλά θα πρέπει να επαρκούν για την οικοδόμηση ενός μικρού αλλά εμφανούς δικτυακού τόπου.

Gutenberg

Ονομάστηκε από τον Johannes Gutenberg, τον εφευρέτη μαζικής τύπου. Gutenberg είναι μια συλλογή από κανόνες στυλ για τη σωστή τυπογραφική ρύθμιση στο δίκτυο. Οι κανόνες στυλ ορίζουν τη γραμμή βάσης, το μέγεθος γραμματοσειράς και την κλίμακα και το ύψος γραμμής. Μια μεγάλη βιβλιοθήκη στυλ για να κάνει το περιεχόμενο της ιστοσελίδας σας να μοιάζει πολύ καλύτερα.

OkayNav

OkayNav είναι ένα jQuery για να χτίσει μια ευαίσθητη πλοήγηση, αλλά όχι μόνο μια άλλη. Το plugin έχει μια ελαφρώς διαφορετική προσέγγιση στον αποκρινόμενο σχεδιασμό: καθώς το παράθυρο προβολής μετατρέπεται σε μικρότερο, κάθε μενού θα είναι σταδιακά συγχώνευσε σε ένα εικονίδιο για να ανεχθεί το περιορισμένο μέγεθος του παραθύρου προβολής. Ακούγεται δροσερό, δεν το κάνει?

Νέα τυπογραφία Ιστού

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

Χρώμα Ασφαλής

Χρώμα Ασφαλής είναι μια παλέτα γεννήτρια χρωμάτων για τον ιστό. Σε αντίθεση με τα εργαλεία που αναφέρθηκαν προηγουμένως σε αυτή τη σειρά, το ColorSafe παράγει μόνο χρώμα που συμμορφώνεται με το πρότυπο WCAG για την προσβασιμότητα χρώματος.

Διασκέδαση προσπελάσιμου τρόπου

Αυτή είναι μια μικροσκοπική (μόνο ~ 0,5kb) βιβλιοθήκη JavaScript στο να δημιουργήσετε ένα παράθυρο διαλόγου. Είναι προσιτοί, οι χρήστες μπορούν εύκολα να ανοίγουν, να κλείνουν και να περιηγούνται στο διάλογο με ένα πληκτρολόγιο και ένα ποντίκι. Το πακέτο είναι απλά γυμνό JavaScript, χωρίς στυλ, έτσι ώστε να μπορείτε να διαμορφώσετε ελεύθερα το modal διαλόγου με οποιονδήποτε τρόπο θέλετε.

Mo.js

Mo.js είναι ένα πλήρες πακέτο βιβλιοθήκης animation JavaScript. Έρχεται με μερικές προεπιλογές ώστε να μπορείτε να ορίσετε και να εκτελέσετε το κινούμενο σχέδιο γρήγορα. Είναι αρθρωτό, επιτρέποντάς σας να αφαιρέσετε περιττές λειτουργίες, καθώς και υγρό και ομαλό. Όντας μια νέα νέα βιβλιοθήκη, δυστυχώς, η τεκμηρίωση δεν είναι ακόμα έτοιμη (προς το παρόν).

Σωματίδια

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