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

Η σειρά Fresh Resouces for Web Developers έχει τρέχει για περίπου 4 χρόνια τώρα, και η διατήρηση αυτής της σειράς μου έχει δώσει μεγάλη εικόνα για το πώς η ιστορία προχωρεί με την πάροδο των ετών. Υπάρχουν νέα εργαλεία που βγαίνουν κάθε μήνα για να διευκολύνεται η ανάπτυξη ιστού.

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

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

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

Λεζάντα

Το JavaScript είναι λήψη της εφαρμογής επιφάνειας εργασίας για τη φορητότητα μέσω διαφορετικής πλατφόρμας καθώς και για την ίδια εργασία με τη μητρική εφαρμογή. Αυτή η εφαρμογή, Λεζάντα, για παράδειγμα είναι χτισμένο στην κορυφή του Electron. Πρόκειται για μια απλή εφαρμογή που σας επιτρέπει να αναζητάτε αρχεία υποτίτλων (.srt) για να επισυνάψετε στο βίντεο που παρακολουθείτε.

Awesome γραμμής εντολών OSX

Ενα τεράστια λίστα χρήσιμων και εύχρηστων γραμμών εντολών για το macOS. Εδώ μπορείτε να βρείτε πολλά πράγματα που μπορούν να γίνουν μέσω του CLI όπως “εκκαθάριση της ουράς εκτύπωσης”, “κρύβοντας το φάκελο στο Finder”, και “εμποδίζοντας τον ύπνο του συστήματος”.

Trevor

Trevor είναι απλά Travis CI κάνει offline. Το Travis είναι μια υπηρεσία συνεχούς ολοκλήρωσης όπου οι προγραμματιστές δοκιμάζουν το λογισμικό τους για να δείτε αν το λογισμικό λειτουργεί σωστά πολλαπλά περιβάλλοντα. Ο Trevor βρίσκεται ακόμη σε πρώιμο στάδιο. αυτή τη στιγμή υποστηρίζει μόνο “NodeJS”.

Προοδευτικά

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

QartJS

Αυτό είναι ένα JavaScript κάνει τον κώδικα QR λιγότερο βαρετό. Με αυτό, μπορείτε να επικαλύψετε τον κώδικα QR πάνω σε μια εικόνα - όπως η φωτογραφία σας.

WP Docker

Το WP Docker είναι α Το περιβάλλον Docker έχει σχεδιαστεί ειδικά για την ανάπτυξη του WordPress. Το περιβάλλον είναι αυτόνομο και δεν θα επηρεάσει το σύστημα του υπολογιστή σας σε περίπτωση που έχετε κάνει ρυθμίσεις. Είναι ένα εξαιρετική εναλλακτική λύση για το Vagrant, Valet, Local και MAMP.

Rellax

Το Rellax είναι μια βιβλιοθήκη JavaScript στο δημιουργήστε το εφέ Parallax στη σελίδα κύλισης. Έρχεται με λίγες επιλογές και σχετικά εύκολο στη διαμόρφωση. Είναι ελαφρύ, τρέχει πολύ γρήγορα, και δεν απαιτεί εξάρτηση όπως το jQuery Ως εκ τούτου, είναι μια μεγάλη εναλλακτική λύση σε άλλες βιβλιοθήκες αυτής της κατηγορίας, όπως το Parallax.js ή το Scrollax.js.

Διατυπώσει

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

MonetizeJS

MonetizeJS είναι μια βιβλιοθήκη JavaScript για να υλοποιήστε το Stripe εύκολα. τόσο εύκολη όσο και η χρήση του jQuery.

Vonic

Vonic είναι μια συλλογή UI για κινητό που κατασκευάστηκε με Vue.js και Ionic CSS. Περιλαμβάνει πολλά στοιχεία UI που βρίσκονται συνήθως σε ένα κινητό τηλέφωνο, συμπεριλαμβανομένου του Πλαίσιο ελέγχου, φόρμα αναζήτησης, Swiper, και λεγόμενη συμφωνία. Μπορείτε να χρησιμοποιήσετε για να δημιουργήσετε μια εφαρμογή εφαρμογών για κινητά πρωτότυπο ακριβώς στο πρόγραμμα περιήγησης.

Βιβλιοθήκη εξαρτημάτων WordPress

Το 10ωρο, ένα από τα εξέχοντα ονόματα στο WordPress, κυκλοφόρησε μια βιβλιοθήκη UI που σχεδιάστηκε ειδικά για το WordPress. Σε αντίθεση με άλλη βιβλιοθήκη UI που παρέχει μόνο CSS και κώδικες HTML, το 10Up παρέχει επίσης το απόσπασμα κώδικα PHP το οποίο μπορείτε απλά να επικολλήσετε στο θέμα σας. Το στοιχείο περιλαμβάνει Πλοήγηση, Καρτέλες, Εργαλειοθήκες, Commonts και Blogrol.

Απόδοση εκκίνησης JavaScript

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

KuteJS

Το Kute είναι α Βιβλιοθήκη JavaScript για εκτέλεση κινούμενων εικόνων. Είναι γρήγορη και εξαιρετικά αποδοτική στην κατανάλωση μνήμης. Έχει επεκτάσεις και πρόσθετα εργαλεία που επιτρέπουν την εφαρμογή animation μέσα CSS, SVG και ακόμη και ένα plugin jQuery για πιο βολική σύνταξη.

PWA Rocks

Η προοδευτική εφαρμογή στο Web (PWA) είναι μια μεθοδολογία επιτρέπει σε έναν ιστότοπο να εκτελείται γρήγορα και να είναι χρήσιμος εκτός σύνδεσης. Αυτά τα PWA Rocks απαριθμούν ένα που έχει εγκριθεί από την Google ως PWA. Προς το μάθετε περισσότερα σχετικά με το PWA από την Google ρίξτε μια ματιά στα: Προοδευτικά Web Apps.

Guthub Auto-updater

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

Κάρτα

Η κάρτα είναι βιβλιοθήκη JavaScript που καθιστά την είσοδο στην Πιστωτική Κάρτα πιο ελκυστική και βελτιώνει την εμπειρία των χρηστών σας κατά την εισαγωγή των αριθμών των πιστωτικών καρτών τους. Το λειτουργεί καλά με jQuery, React, γωνιακό και Ember.

Graaf

Graaf δώστε μια επικάλυψη πάνω από τη σελίδα σας για να δείτε πώς έχει αναπτυχθεί το πλέγμα - στήλη, γραμμή, υδρορροή. Μπορείτε επίσης να δημιουργήστε τις δικές σας προδιαγραφές δικτύου χρησιμοποιώντας το παρεχόμενο API.

Luxbar

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

Πλέγμα αντίθεσης

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

ToneJS

ToneJS είναι μια βιβλιοθήκη JavaScript για να δημιουργήστε έναν ήχο ή ήχο που μπορεί να σας αρέσει να προέρχεται από ένα μουσικό όργανο. Υποθέτω ότι αυτή η βιβλιοθήκη θα έρθει χρήσιμη για την οικοδόμηση ενός web-based μουσικού οργάνου εξομοιωτή ή ηχητικά εφέ παιχνιδιού.