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

Είμαστε κοντά στο τέλος του 2016, και ήταν ένα συναρπαστικό έτος για πολλούς συμπεριλαμβανομένων των web developers. Αυτή την χρονιά, Η δημοτικότητα του ReactJS αυξήθηκε εκθετικά, μια νέα επέκταση του ReactJS απελευθερώνεται και βρίσκεται στη λίστα του Τρέχουσες αποθήκες του Github (σχεδόν) κάθε εβδομάδα.

Το PHP7 κυκλοφορεί επίσης φέτος που προσφέρει σημαντική βελτίωση στην ταχύτητα, καθώς και την απελευθέρωση του WordPress 4.7 με το πολυαναμενόμενο WP-API χαρακτηριστικό, και Το Facebook εισήγαγε επίσης πακέτο νήματος που μπορεί να προκαλέσει NPM.

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

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

Για περισσότερες λεπτομέρειες σχετικά με κάθε μία από αυτές τις χρήσιμες εκδόσεις, ας ρίξουμε μια ματιά στην ακόλουθη λίστα:

Φάρος

Το LightHouse είναι α εύχρηστο εργαλείο από την Google για να εξετάσετε τους ιστότοπούς σας ενάντια στις σύγχρονες μετρήσεις ανάπτυξης ιστού, στις οποίες περιλαμβάνονται απόδοση φόρτωσης σελίδας, αποθήκευση σε προσωρινή αποθήκευση με τους εργαζόμενους στις υπηρεσίες, απόκριση χρόνου διακομιστή και ούτω καθεξής. Αυτά τα εργαλεία έχουν δύο μορφές: την επέκταση του CLI (Command Line Interface) και την επέκταση του Google Chrome.

FuseJS

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

Πακέτο νήματος

Το νήμα είναι α Διαχείριση κόμβων κόμβων που δημιουργήθηκε από το Facebook. Βασικά εκτελεί παρόμοια με NPM, αν και με προόδους σε αρκετές περιοχές, όπως οι ταχύτητες, "λειτουργία εκτός σύνδεσης", η οποία σας επιτρέπει να εγκαταστήσετε τα πακέτα χωρίς σύνδεση στο Internet, και την ασφάλεια καθώς και την αξιοπιστία.

Cache μενού

Ένα εύχρηστο plugin WordPress να αποθηκεύσετε στο cache το μενού WordPress χρησιμοποιώντας το Transient API για τη βελτίωση της ταχύτητας ερωτήματος της βάσης δεδομένων. Το plugin έρχεται με αριθμό φίλτρων στο προσαρμόστε την περίοδο προσωρινής αποθήκευσης και να εκτελέσετε άλλα πράγματα. Μπορεί να εγκατασταθεί χρησιμοποιώντας το Composer ή ως a κανονικό plugin WordPress.

Githunt

Το Githunt είναι μια επέκταση του Google Chrome αντικαθιστά την αρχική σελίδα του Chrome με το αποθετήριο Trending Github. Μπορείτε να ταξινομήσετε το αποτέλεσμα με βάση την περίοδο και τη γλώσσα προγραμματισμού. Είναι, νομίζω, ένα βοηθητικό πρόγραμμα πρέπει να εγκατασταθεί για κάθε προγραμματιστή να παραμείνει ενημερωμένος με τα πιο shiniest εργαλεία γύρω.

FFocus

Δεν μπορείτε να εστιάσετε στην εργασία σας και θέλετε να ολοκληρώσετε γρήγορα τη δουλειά σας; Δοκιμάστε το FFocus. είναι ένα CLI που σας επιτρέπει να αποκλείσετε τον ιστότοπο για ορισμένη διάρκεια μέσω του τερματικού. Το FFocus μπορεί να είναι εγκατεστημένο μέσω του NPM με την εκτέλεση του npm i ffocus -g εντολή.

Accesslint

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

Απατηλός

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

Micon

Το Micon είναι α εικονίδιο γραμματοσειράς επιλεγμένων εικονιδίων Microsoft Windows 10. Αυτό μπορεί να είναι α μεγάλη αντικατάσταση του FontAwesome κάτι που νομίζω ότι έχει ήδη χρησιμοποιηθεί υπερβολικά.

Αναφορά CSS

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

Τοπικό από το Flywheel

Αυτό είναι GUI App που κάνει τη δημιουργία ενός τοπικού ιστότοπου WordPress στο macOS σας τόσο εύκολη. Η εφαρμογή είναι γεμάτη μαρμελάδα με μεγάλα βοηθητικά προγράμματα για προγραμματιστές, όπως π.χ. “Ενα κλικ” Εγκατάσταση WordPress, Πρόσβαση SSH, εύκολη ρύθμιση SSL, σχέδιο ιστοτόπου και XIP.io. Η εφαρμογή διατέθηκε σε περίπου 149USD, αλλά είναι που δόθηκε τώρα δωρεάν από τότε που απέκτησε ο Flywheel.

FreeCodeCamp

Είναι ένα χωρίς πόρους για να μάθετε τον κώδικα για τον Ιστό. Τα θέματα περιλαμβάνουν HTML, CSS, JavaScript και α λίγες βιβλιοθήκες όπως το ReactJS και το D3. Παρέχει προκλήσεις ή παραδείγματα έργων ενώ παίρνετε τα μαθήματα, καθώς και τα μαθήματα σε να σας βοηθήσει να κατανοήσετε καλύτερα το θέμα.

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

Η γραμματοσειρά OverPass είναι μια οικογένεια γραμματοσειρών που αποτελείται από οκτώ βάρη (200-900), αληθή πλάγια γραφή και γραμματοσειρά μονοσκοπικού χαρακτήρα. Η γραμματοσειρά μπορεί να φορτωθεί ως γραμματοσειρά ιστού από το KeyCDN καθώς και εγκατεστημένο για χρήση από το Desktop. Είναι δωρεάν και ανοιχτή πηγή.

Βάση φόρμας

Η βάση φόρμας είναι α σύνολο κανόνων στυλ CSS που επαναφέρουν τα στοιχεία που περιλαμβάνουν εισαγωγή, πλαίσιο ελέγχου, επιλέγω, και textarea με βασικά αλλά υπέροχα στυλ. Αυτή η βιβλιοθήκη CSS είναι καλή χρήση σε συνδυασμό με άλλο “Επαναφορά CSS” όπως το Normalize.css.

FrontEnd

είναι ένα framwork που χρησιμοποιείται για την κατασκευή 24ways.org? μια μεγάλη πηγή που μπορείτε να εξετάσετε να μάθουν προηγμένες τεχνικές CSS.

Νίκη

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

Κόλαση

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

Προνομιούχο

Το Permonish είναι βιβλιοθήκη που είναι σε θέση να προβλέπουν την επόμενη αλληλεπίδραση των χρηστών. Αυτό θα σας επιτρέψει να προετοιμασία του περιβάλλοντος εργασίας χρήστη (UI) πιο τέλεια πριν ο πραγματικός χρήστης αλληλεπιδράσει με τον ιστότοπό σας.

SPA Starter Kit

Αυτό είναι ένα παράδειγμα SPA (Single Page Application) που κατασκευάστηκε με Laravel και VueJS. Είναι ακόμα μια άλλη μεγάλη πηγή για να μάθετε την ανάπτυξη ιστού χρησιμοποιώντας πλαίσια - κοιτάξτε την πηγή Luke!

Docute

Το Docout είναι Βιβλιοθήκη JavaScript για τη δημιουργία μιας τεκμηρίωσης μίας σελίδας. Τροφοδοτείται με VueJS και αποστέλλεται με έναν αριθμό βοηθητικών κόμβων κόμβων που σας επιτρέπουν ρυθμίστε και εκτελέστε γρήγορα την τεκμηρίωσή σας.