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

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

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

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

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

Γραμματοσειρά OverPass

Υπερυψωμένη διάβαση η γραμματοσειρά είναι μια δωρεάν γραμματοσειρά εμπνευσμένη από την Gothic Highway. Ο αυτοκινητόδρομος Gothic είναι μια ευρέως υιοθετημένη γραμματοσειρά σε πολλές χώρες για οδικά σήματα λόγω της ευκρίνειας σε απόσταση και υψηλών ταχυτήτων. Η γραμματοσειρά OverPass συνοδεύεται από τέσσερα βάρη γραμματοσειρών (λεπτή, κανονική, ημι-έντονη και έντονη), κεφαλαία και πεζά γράμματα και μπορεί επίσης να μετατραπεί σε γραμματοσειρά ιστού.

Αδεια: OFL (ανοικτή άδεια γραμματοσειράς)

Pa11y

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

Περισσότεροι πόροι για την προσβασιμότητα:

Ο σύγχρονος ιστός και η προσβασιμότητα [Βίντεο]
Playlist: Προσβασιμότητα από τον Thomas Bradly [Video]
Μια ματιά στα πρότυπα της ARIA Web & HTML Apps Accessibility

PressureJS

Η δύναμη της Apple Touch βασικά μετρά την πίεση των δακτύλων στην οθόνη ή στο trackpad, τα οποία μπορούν να χρησιμοποιηθούν για να προσθέσετε επιπλέον λειτουργίες. Οι προγραμματιστές μπορούν να επωφεληθούν από αυτήν την τεχνολογία για να προσθέσουν χρηστικότητα στις εφαρμογές τους στο εγγενές OS X ή iOS. PressureJS είναι μια βιβλιοθήκη JavaScript που γάντζους στα API Force Touch και σας επιτρέπει να το εφαρμόσετε στους ιστοτόπους σας.

SplitJS

SplitJS είναι μια ελαφριά βιβλιοθήκη JavaScript που σας επιτρέπει να διαιρέστε το παράθυρο προβολής του παραθύρου περιήγησης σε διάφορες ενότητες. Μπορεί να έχετε δει να χρησιμοποιείται συνήθως σε ιστότοπους κοινής χρήσης κώδικα όπως CodePen.io, JSFiddle ή JSBin, όπου οι χώροι εργασίας HTML, CSS και JS χωρίζονται σε δικά τους τμήματα.

ΕυελιξίαJS

Το Flexbox διευκολύνει τη διευθέτηση των layouts του ιστού. Ωστόσο, δεδομένου ότι δεν λειτουργεί στον Internet Explorer 9 και 8, οι προγραμματιστές ιστού συχνά πρέπει να επανέλθουν στη χρήση των notoriously troublesome φλοτέρ ιδιοκτησία. ΕυελιξίαJS είναι εδώ για να μπορείτε χρησιμοποιήστε το Flexbox χωρίς να αφήσετε πίσω αυτά τα παλιά προγράμματα περιήγησης.

LabellaJS

LabellaJS κάνει δημιουργώντας μια ετικέτα χρόνου τόσο πιο εύκολο. Έχετε στη διάθεσή σας αρκετές επιλογές για να ελέγξετε τη θέση της ετικέτας, την κατεύθυνση, το πλάτος, το ύψος και τον αλγόριθμο διάταξης. Λειτουργεί με φορτωτή AMD όπως το RequireJS και μπορεί να χρησιμοποιηθεί ωραία μαζί με το Browserify και το Node.js. Δεν απαιτείται εξάρτηση.

Μικρούλης

Μικρούλης είναι κάτι περισσότερο από ένα άλλο πλαίσιο CSS. Είναι γεμάτο με πολλά εξαρτήματα για να βοηθήσει με τη διαδικασία κατασκευής, συμπεριλαμβανομένου ενός ενσωματωμένο διακομιστή, ζωντανή επαναφόρτωση, sourcemap, minification, validator κώδικα, και γεννήτρια στατικών τοποθεσιών. Έρχεται επίσης με τις δικές του βιβλιοθήκες JavaScript με δυνατότητες για να βελτιώσετε το μέτωπο του ιστοτόπου σας.

Grav

Grav είναι ένα επίπεδο αρχείο με βάση CMS παρόμοια με τον Jekyll, μια γεννήτρια στατικών τοποθεσιών. Ωστόσο, μπορεί να επεκταθεί μέσω Θέματα και Plugins, όπως το WordPress. Για παράδειγμα, μπορείτε να εγκαταστήσετε για να προσθέσετε πίνακα διαχειριστών, σύντομες κωδικες, σχόλια, φόρμες και χάρτη ιστοτόπου. Είναι γενικά ένα μεγάλο CMS που μπορεί επίσης να είναι ένας μεγάλος υποψήφιος για ένα πιο καθιερωμένο CMS.

PatternPack

PatternPack είναι ένα εργαλείο που σας επιτρέπει να να χτίσετε ένα σύστημα για να δημιουργήσετε τον ιστότοπο ή την εφαρμογή σας και μοιραστείτε το με διαφορετικά έργα ταυτόχρονα. Έχοντας ένα τυποποιημένο σύστημα είναι μια γενική μορφή βέλτιστης πρακτικής: όχι μόνο επιταχύνει τη ροή εργασίας σας, αλλά και καθιστά το έργο περισσότερο διατηρήσιμο. Διαβάστε τον Οδηγό έναρξης για να δείτε πώς να χρησιμοποιήσετε το εργαλείο.

OhCrash!

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