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

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

Ας εξετάσουμε λεπτομερώς τη λίστα και ενημερώστε με αν είναι η αγαπημένη σας στην παρακάτω ενότητα σχολίων.

Μοναδικός

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

Duotones

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

MDX

MDX είναι μια προδιαγραφή που συνδυάζει Markdown και JSX. Αυτό σας επιτρέπει να κάνετε κάποια τρελά πράγματα που δεν έχουν γίνει ποτέ πριν, όπως η εισαγωγή αρχείων Markdown, χρησιμοποιήστε το αρχείο Markdown ως αυτόνομο στοιχείο να συμπεριληφθούν στα άλλα αρχεία και να χρησιμοποιήσετε ένα στοιχείο React σε αυτό.

FontDrop

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

Δοκιμαστική Βιβλιοθήκη DOM

Μια βιβλιοθήκη JavaScript για τη δοκιμή του DOM (Model Object Document). Μπορείτε να το χρησιμοποιήσετε για γράψτε μια μονάδα δοκιμής για τα συστατικά UI του ιστού σας, διασφαλίζοντας ότι το UI λειτουργεί ως πραγματικός χρήστης. Αυτό σας βοηθά επίσης να διατηρήσετε τη λειτουργικότητα UI του UI κατά τη διάρκεια του refactoring κώδικα.

Εγκαταλείπω

Ένα απλό στοιχείο React στο κατακερματισμού ή καταγραφής εξόδου στο πρόγραμμα περιήγησης και όχι στην κονσόλα του προγράμματος περιήγησης με console.log. Το εργαλείο δημιουργήθηκε από τον Wes Bos, έναν από τους πιο δημοφιλείς λέκτορες στο React.

Χαράκτης

Μια πρακτική εφαρμογή για αναβοσβήνει εικόνες OS σε ένα bootable flash-disk. Αυτή η διαδικασία ήταν αρκετά δύσκολο να ακολουθηθεί. Με το Etcher, είναι τόσο εύκολο όσο το 1-2-3. Αυτό το εργαλείο υποστηρίζει σχεδόν όλα τα μεγάλα λειτουργικά συστήματα, συμπεριλαμβανομένων των Windows, Linux και macOS.

Ni

Ένας εναλλακτικός καλύτερος τρόπος για να εγκαταστήσετε πακέτα NPM, το Ni μπορεί να εγκαταστήσει ελλείπουσες εξαρτήσεις από το package.json αρχείο, εμφάνιση των εξαρτώμενων εξαρτήσεων, και μια συνολική καλύτερη διασύνδεση.

Cuttlebelle

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

ImgBlur

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

Dinero.js

Μια βιβλιοθήκη JavaScript για τη δημιουργία, τον υπολογισμό και τη μορφοποίηση χρημάτων, Dinero.s. υποστηρίζει όλα τα διεθνή νομίσματα εκτός χαρτοφυλακίου. Μπορείτε να χρησιμοποιήσετε τη βιβλιοθήκη σε περιβάλλον Node.js, φορτώνοντάς την στα προγράμματα περιήγησης, με CommonJS ή EcmaScript 6.

WiredJS

Το WiredJS είναι χτισμένο με εγγενή “Στοιχεία ιστού”. Πρόκειται για μια μοναδική βιβλιοθήκη UI με σκεπτόμενη εμφάνιση. Αυτό που είναι δροσερό από αυτή τη βιβλιοθήκη είναι ότι το Τα εφέ των στοιχείων σχεδιάζονται τυχαία, πράγμα που σημαίνει ότι δύο στοιχεία δεν θα είναι ακριβώς τα ίδια. Μια τέλεια βιβλιοθήκη για τη δημιουργία wireframes ή mockups.

Vuido

Το Vuido είναι ένα ελαφρύ πλαίσιο εφαρμογής επιφάνειας εργασίας με το Vue.js. Μπορείτε να χρησιμοποιήσετε το API Vue.js και πολλά από τα πρόσθετα του, όπως το Vuex, για παράδειγμα να δημιουργήσετε μια εφαρμογή επιφάνειας εργασίας για Windows, Linux και macOS. Είναι μια εξαιρετική εναλλακτική λύση για το Electron.

Υβρίδια

Μια βιβλιοθήκη JavaScript για να δημιουργήσετε ένα προσαρμοσμένο στοιχείο HTML χρησιμοποιώντας τα εγγενή συστατικά ιστού με φιλικότερο API. Η βιβλιοθήκη παρέχει ένα απλούστερο API παρόμοιο με αυτό στο Vue.js ή React.js.

Saber.js

ΕΝΑ static site generator built για Vue.js. Το Saber.js δεν έρχεται με φανταχτερά πράγματα όπως στο Nuxt.js. Οι επιλογές και οι ρυθμίσεις είναι ελάχιστες, γεγονός που το καθιστά μια εξαιρετική εναλλακτική λύση αν θέλεις απλά να διαθέσεις έναν στατικό ιστότοπο που θα είναι εύκολο να διατηρηθεί.

Άνεμοι

Ένας σύγχρονος αναγνώστης RSS και Podcast, ο Winds είναι διαθέσιμος για Windows, macOSv και Linux. Η εφαρμογή φαίνεται όμορφη και μοντέρνα με ελκυστική σκιά κουτιού, στρογγυλή γωνία, κλίσεις, και τι όχι. Αυτό είναι καλό app για να διαχειριστείτε τις συνδρομές του ιστότοπού σας για να συμβαδίσετε με αυτόν τον ταχύτατα μεταβαλλόμενο κλάδο.

Χαλαρή

Ένας μετατροπέας που θα μετατρέψει το HTML ή το Pug σε PDF. Μπορείτε να δημιουργήσετε ένα σύνθετη διάταξη χρησιμοποιώντας HTML, CSS, JavaScript και χρήση Markdown για να γράψετε το κύριο περιεχόμενο. Επιπλέον, μπορείτε να χρησιμοποιήσετε μια βιβλιοθήκη JavaScript, όπως το Chart.js για να προσθέσετε διάγραμμα και το MathJax για να προσθέσετε μορφοποίηση Math.

Συγχρονιστής στυλ γραμματοσειράς

Ένα εργαλείο για να επιλέξετε δύο γραμματοσειρές Google και εγγενή γραμματοσειρά που είναι εγκατεστημένες στον υπολογιστή με αυτή την εμφάνιση. Αυτό είναι ένα εύχρηστο εργαλείο για τον προγραμματιστή ιστού για να μετριάσει αυτό το άσχημο FOUC (flash του ασταθούς περιεχομένου) όταν οι Γραμματοσειρές Google δεν έχουν φορτωθεί ακόμη πλήρως.

PWA WP

Μια πρωτοβουλία προς φέρτε PWA (Progressive Web Application) στο WordPress Core. Τη στιγμή της γραφής, το έργο αυτό βρίσκεται σε πρώιμο στάδιο. Αυτό είναι ένα ενδιαφέρον έργο που πρέπει να ακολουθήσετε ειδικά αν εργάζεστε κυρίως στο οικοσύστημα WordPress.

Blueprint.js

Μια βιβλιοθήκη UI βασισμένη στο React, το Blueprint.js περιλαμβάνει μια δέσμη των κανονικών όπως το κουμπί και τις καρτέλες και άλλα στοιχεία του UI που συνήθως απαιτούνται για την οικοδόμηση σύγχρονων web εφαρμογών Omnibar. ένα κυμαινόμενο κουτί αναζήτησης σαν την εφαρμογή Spotlight ή Alfred στο macOS.