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

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

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

Pushbar.js

Είναι μια βιβλιοθήκη JavaScript για τη δημιουργία συρόμενου συρταριού. Συνήθως το συρόμενο συρτάρι χρησιμοποιείται για την εμφάνιση της πλοήγησης μενού τοποθεσιών, αλλά μπορείτε να χρησιμοποιήσετε αυτήν τη βιβλιοθήκη για να εμφανίσετε οτιδήποτε είναι κατάλληλο για τον ιστότοπό σας. Το Pushbar.js είναι πλήρως προσαρμόσιμη και εξάρτηση ελεύθερη, δεν απαιτείται jQuery.

Carbon Now CLI

Το Carbon CLI είναι ένα πακέτο Node.js στο δημιουργήστε ένα στιγμιότυπο κώδικα όμορφα μέσα από μια διεπαφή γραμμής εντολών. Αυτό το εργαλείο είναι εμπνευσμένο από το carbon.now.sh όπου μπορείτε να κάνετε το ίδιο μέσω ενός ωραίου γραφικού περιβάλλοντος στο πρόγραμμα περιήγησης.

Faker.js

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

TermToSVG

Το TermToSVG ​​είναι α Καταγραφικό τερματικού Linux που κάνει τις συνεδρίες γραμμής εντολών σας σε μια κίνηση SVG. Είναι ένα χρήσιμο εργαλείο για τους προγραμματιστές για τη σύνταξη ενός σεμιναρίου.

Διαχείριση διαχείρισης αντιγράφων ασφαλείας βάσεων δεδομένων

Είναι μια βιβλιοθήκη PHP, και όπως υποδηλώνει το όνομα, παρέχει ένα σύνολο λειτουργιών διαχείριση βάσεων δεδομένων και αποκατάσταση. Η βιβλιοθήκη υποστηρίζει διάφορες υπηρεσίες για να στείλει ή να τραβήξει το αντίγραφο ασφαλείας, συμπεριλαμβανομένων των Dropbox, Amazon S3, FTP και SFTP και του Rackloud Cloud.

Ανταποκρίνεται σε Bits

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

Γλώσσα DSS

Το DSS αντιπροσωπεύει το Deterministic StyleSheets, ένα νέο εργαλείο συγγραφής CSS. Πώς λειτουργεί και πώς μπορεί αυτό να εφαρμοστεί στην καθημερινή μου εργασία; Έχω ειλικρινά καμία ιδέα μέχρι στιγμής. Αλλά φαίνεται δροσερό και είναι καινούργιο έτσι είναι στη λίστα. Ευχαριστώ!

PurgeCSS

Το PurgeCSS είναι ένα πακέτο NPM που επιτρέπει βελτιστοποιήστε την έξοδο CSS στην εφαρμογή Ιστού σας αφαιρώντας εκείνες που δεν χρησιμοποιούνται. Το εργαλείο διαθέτει μια ποικιλία από ενσωματωμένη υποστήριξη εργαλείων που καλύπτεται συμπεριλαμβανομένων Gulp, Grunt, Grunt, Webpack, και PostCSS, έτσι μπορείτε ενσωματώστε το στο έργο σας αμέσως.

RFS

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

SimpleBar

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

Larastan

Ο Larastan είναι ένα περιτύλιγμα PHPStan για Laravel. Το PHPStan είναι ένα εργαλείο που θα σας επιτρέψει να ελέγξετε τους κωδικούς σας για πιθανό σφάλμα χωρίς να χρειάζεται να γράψετε ένα τεστ μονάδας. Ελέγχει πολλά πράγματα, συμπεριλαμβανομένης της ύπαρξης αποκαλούμενων μεθόδων και λειτουργιών, τύπων που έχουν εκχωρηθεί σε ιδιότητες, αριθμού και τύπων που έχουν εκχωρηθεί στον κατασκευαστή κλάσεων και επικύρωσης του phpDocs.

PWMetrics

Το PWMetrics είναι ένα εργαλείο που συγκεντρώνει τις μετρήσεις του Progressive Web Apps μέσω μιας διεπαφής γραμμής εντολών που αναπτύχθηκε από τον Paul Irish. Το εργαλείο τροφοδοτείται από το φάρο και διατίθεται ως πακέτο NPM. Παρέχει πολλές επιλογές ρυθμίστε τις μετρήσεις, την απόδοση της δοκιμής, και την προσδοκία που θα θέλατε να επιτύχετε από τη δοκιμή.

Μικρός σταυρός

Pax είναι ένας δεσμός JavaScript για να να μεταγλωττίσετε τις ενότητες JavaScript σε ένα χρησιμοποιήσιμο αρχείο για τα προγράμματα περιήγησης. Ο Pax υπόσχεται ταχύτητα. Συγκεντρώνει ταχύτερα από μερικούς εναλλακτικούς συνδυασμούς. Υποστηρίζει πλήρως το ES6 εισαγωγή και εξαγωγή τη σύνταξη και τη σύνταξη του CommonJS εισαγωγή. Διαφορετικός μικρός σταυρός είναι γραμμένο με Rust και είναι διαθέσιμο μέσω του Rust πακέτου μητρώου που ονομάζεται Cargo.

SustyWP

Το SustyWP είναι a WordPress θέμα που στοχεύει σε μια καλύτερη αιτία. για τη μείωση του αποτυπώματος άνθρακα μειώνοντας το μέγεθός του στο μικρότερο δυνατό. Είναι βάρος μόνο 7-6kb όταν φορτώνεται στο πρόγραμμα περιήγησης. Του γρήγορη και ελαφριά, και σε αντάλλαγμα, καταναλώνει λιγότερους πόρους (π.χ. ηλεκτρική ενέργεια) για τη φόρτωση του ιστότοπου. Ελέγξτε την ιστορία του θέματος σε αυτή τη θέση από τον Jack Lenox.

Η βιβλιοθήκη Doodle

ΕΝΑ συλλογή σχεδίων για ντολντέλ, η βιβλιοθήκη Doodle έχει πολλά σχέδια στη συλλογή και ομαδοποιούνται σε διάφορες κατηγορίες Faces, Places, Animals, κλπ.. Τα σχέδια είναι διαθέσιμα σε μορφή SVG και διανέμονται υπό την Creative Common Attributions 4.0

Tilt.js

Ένα plugin jQuery για να δημιουργήστε ένα φανταχτερό κλίση αποτέλεσμα παρόμοια με αυτά των μικρογραφιών προεπισκόπησης που βλέπουμε στην Apple TV. Δεν χρειάζεται επιπλέον CSS. Παρέχουν επίσης ένα δείγμα υλοποιήσεων σε αυτή τη σελίδα, έτσι ώστε να είναι αρκετά απλή. Βεβαιωθείτε ότι είστε ελέγξτε το φαινόμενο Glare. είναι πραγματικά δροσερό.

Αποθήκη

Το Fileroom είναι μια διαδικτυακή εφαρμογή για peer-to-peer κοινή χρήση αρχείων στο ίδιο δίκτυο. Μπορείτε να μοιραστείτε αρχεία με τον συνάδελφό σας απλά με drag-n-drop ανεξάρτητα από το λειτουργικό σύστημα. Λειτουργεί σε Windows, macOS, Linux.

Coolhue

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

Υφαλος

Μια απλή βιβλιοθήκη JavaScript για τη δημιουργία UI, Reef δεν έχει όλα τα κουδούνια και σφυρίγματα από τη μεγαλύτερη βιβλιοθήκη όπως το React.js ή το Vue.js. Αλλά αν το μόνο που χρειάζεται είναι να κάνει UI, απλώς εισαγωγή δεδομένων και το πρότυπο Reef θα μπορούσε να είναι μια μεγάλη εναλλακτική λύση. Το βάρος είναι μόνο 2Kb

Αειθαλής

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