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

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

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

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

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

Kap

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

Sizzy

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

Muse UI

ΕΝΑ Βιβλιοθήκη UI βασισμένη στην αρχή του υλικού σχεδιασμού και είναι χτισμένο στην κορυφή του Vue.js 2.0, το Muse UI είναι γεμάτο με υλικά σχεδίασης Compenents όπως Appbar, Card και Dialog. Είναι υπέροχο πλαίσιο για την κατασκευή και την εκτέλεση UI γρήγορα.

Σύνθετη WP-CLI

Είμαι μεγάλος οπαδός της WP-CLI και το χρησιμοποιείτε σχεδόν καθημερινά στο έργο μου ως προγραμματιστής του WordPress. Ωστόσο, μόλις πρόσφατα ανακάλυψα ότι το WP-CLI σας επιτρέπει να κάνετε δημιουργήστε ένα PHP ΜοντέλοTest scaffold για ένα θέμα! Αυτή είναι μια λίστα με την προηγμένη χρήση του WP-CLI από το WP-CLI συντηρητής, Daniel Bachhuber, τον εαυτό του.

Παραφροσύνη

Η ασέβεια είναι α αυτόνομο πρόγραμμα προβολής αρχείων Sketch για Windows. Δουλεύει τέλεια με το αρχείο Sketch που περιέχει κείμενο, εικόνες ράστερ, ακόμα και κλίσεις και σκιές. Το δεν απαιτεί σύνδεση με το διαδίκτυο, έτσι οι προγραμματιστές μπορούν να εργαστούν στα αρχεία Sketch από οπουδήποτε. Και είναι εντελώς δωρεάν.

K6

Η ταχύτητα έχει σημασία σχεδόν σε κάθε πτυχή της εφαρμογής στο διαδίκτυο. Αλλά πώς μετράτε την ταχύτητα του ιστοτόπου σας; Καλά, η απάντηση είναι K6. Μιμείται την κυκλοφορία στον ιστότοπό σας και φορτώνει τον ιστότοπο σε δεδομένη διάρκεια σαν να είναι πραγματική κίνηση. Εν ολίγοις, το K6 είναι το Μονάδα δοκιμής για απόδοση.

Υπηρεσία Ελέγχου

Μια μεγάλη λίστα των εφαρμογών ιστού στο ελέγξτε πολλά πράγματα όπως DNS, Φόρτωση, Ταχύτητα, SEO, Ασφάλεια και SSL. Πολλά από αυτά τα εργαλεία είναι δωρεάν, ωστόσο, υπάρχουν μερικές ασφαλιστικές υπηρεσίες που αναφέρονται εκεί προσφέρουν προηγμένες λειτουργίες για τους χρήστες.

SVGito

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

Launchaco

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

Απεχθής

ΕΝΑ συλλογή μοναδικής κίνησης που γίνεται με το CSS. Μην τρέχετε το κινούμενο σχέδιο, αν η καρδιά και το μυαλό σας δεν είναι αρκετά ισχυρές για να το δείτε.

CSS Grid Cheat Sheet

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

Εργασία

Το Workbox είναι a νέα πρωτοβουλία από την Google για την ανάπτυξη του Προοδευτικού Web App (PWA). Είναι παρόμοιο με το Yeoman ή το Create React App με τρόπο που μπορείτε να πάρετε τα πάντα και έτοιμοι σε μία γραμμή εντολής.

Mavo

Το Mavo είναι ένα νέο έργο ανοιχτού κώδικα από τη Lea Verou. Είναι μια βιβλιοθήκη που μετατρέπει το γυμνό σημάδι HTML και λίγα προσαρμοσμένα χαρακτηριστικά σε μια λειτουργική εφαρμογή ιστού. Mavo πιο εύκολο να ακολουθηθεί σε σύγκριση με τις άλλες βιβλιοθήκες όπως Backbone, Vue.js ή React όπως επιτρέπει λιγότερο τεχνολογικά καταλαβαίνω χρήστες για την κατασκευή εφαρμογών ιστού γρήγορα και εύκολα.

Υλικό υλικού

Simlar στο Muse UI, είναι α Πλαίσιο UI βασισμένο στη γλώσσα Meterial Design. Αυτός όμως κατασκευάζεται χρησιμοποιώντας το React. Τώρα εξαρτάται από την προτίμησή σας. αν είστε με ομάδα Vue.js ή ομάδα React.

Lazy Εικόνα

Lazy Image είναι α προσαρμοσμένο στοιχείο HTML για φόρτωση εικόνας κατόπιν αιτήματος. Αυτό το στοιχείο custome παρέχει ένα επιπλέον .ενεργός αντικειμένου μέσα στο Element Object που μπορείτε χρησιμοποιήστε για να ενεργοποιήσετε την εικόνα για φόρτωση σε οποιαδήποτε εκδήλωση ή αλληλεπίδραση χρήστη όπως χρειάζεστε.

Mac CLI

Αυτό είναι ένα έξυπνο εργαλείο διαχειριστείτε το MacOS σας μέσω του τερματικού. Απλά πληκτρολογήστε ενημέρωση mac για να ενημερώσετε το MacOS. Ή, πληκτρολογήστε παρουσίαση mac που θα προετοιμάσει το Mac σας (να ελαχιστοποιήσετε όλες τις εφαρμογές, να κλείσετε προγράμματα περιήγησης, να στείλετε αρχεία από την επιφάνεια εργασίας και οι λήψεις στον κάδο απορριμμάτων και ο τρόπος λειτουργίας δεν διαταράσσονται) προτού δώσετε την παρουσίαση. Πόσο δροσερό είναι αυτό!

Κρατώντας σας ξύπνημα

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

JSON Feed

Τελικά! Αυτό είναι ένα βασικές προδιαγραφές για την παράδοση ροής περιεχομένου στο JSON μορφή. Υπάρχει ήδη ένα WordPress pluginhre> που έχει κατασκευαστεί για την υλοποίηση. Αυτό θα διευκολύνει τη ζωή των προγραμματιστών ιστού. Ας πούμε να πω αντίο στην XML.

Ανθρακας

Εν ολίγοις, το Carbon είναι το Moment.js της PHP. Είναι βιβλιοθήκη της PHP να δημιουργήσει και χειριστείτε τις χορδές ημερομηνίας και ώρας.

Οδηγός ταχύτητας

Αλλο εργαλείο για τη δοκιμή μονάδας απόδοσης. Ενώ το K6 θα εκτελεί δοκιμαστές φορτίου στέλνοντας Virutal Users για προσομοίωση επισκέψεων και κυκλοφορίας, το SpeedRacer θα το κάνει αξιολογεί την απόδοση απόδοσης σελίδας στο πρόγραμμα περιήγησης. Το SpeedRacer μπορεί να είναι καλός σύντροφος στο K6.