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

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

HeroPatterns

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

TestCafe

Το TestCafe είναι ένα end-to-end (e2e) που σας επιτρέπει να δοκιμάσετε τους ιστότοπους και τις εφαρμογές ιστού σαν να χρησιμοποιούνται από πραγματικούς χρήστες. Αυτό θα αυτοματοποιήσει πολλά πράγματα κατά την εκτέλεση της δοκιμής συμπεριλαμβανομένων ξεκινώντας τα προγράμματα περιήγησης, εκτελέσετε συγκεκριμένη μονάδα ελέγχου, δημιουργώντας αναφορές, screenshots καθώς και sourcemap για την αντιμετώπιση προβλημάτων εύκολα.

SugarJS

Το SugarJS είναι μια βιβλιοθήκη JavaScript στο χειριστείτε αντικείμενα, συστοιχίες και ημερομηνίες με μια ωραιότερη και πιο ευανάγνωστη σύνταξη. Η βιβλιοθήκη έρχεται επίσης με μια χούφτα λειτουργίες χρησιμότητας, για παράδειγμα, .escapeHTML () το οποίο θα μετατρέψτε τα στοιχεία HTML στη μορφή οντοτήτων τους.

Κυρία

Μια εύχρηστη βιβλιοθήκη JavaScript στο την ώρα στροφής, τον αριθμό και την κανονική συμβολοσειρά σε χιλιοστά του δευτερολέπτου. ms ('2 ημέρες'), για παράδειγμα, θα μετατραπούν σε 172800000.

pa11y

Μια μεγάλη συλλογή εργαλείων για βοήθεια βελτιώστε την προσβασιμότητα στον ιστότοπό σας και τις εφαρμογές ιστού. Το pa11y αποτελείται από ένα CLI για τη δοκιμή οποιωνδήποτε ιστοσελίδων για τυχόν προβλήματα προσβασιμότητας, α Πίνακα ελέγχου για την εμφάνιση αναφορών που δημιουργούνται από σφάλματα και προειδοποιήσεις, και ένα CLI που έχει σχεδιαστεί ειδικά για ένα εργαλείο CI όπως το Codeship ή το Travis.

Εικόνες από φτερά

ΕΝΑ συλλογή εικόνων με μοντέρνο vibe. Αυτά τα εικονίδια είναι ιδανικά κατάλληλα για ιστότοπους και εφαρμογές σχεδιασμένες για οποιεσδήποτε πλατφόρμες (iOS, Windows ή Ubuntu). Εικονίζονται τα εικονίδια SVG, καθώς και σε τμήματα React και γωνίας.

Ανταπόκριση πτήσης

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

BounceJS

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

Bojler

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

Devicon

Μια συλλογή από εικονίδια γλωσσών προγραμματισμού, σχεδιασμό και εργαλεία ανάπτυξης. Τα εικονίδια είναι διαθέσιμα σε μορφή SVG και γραμματοσειράς. Κάποιο ιδιαίτερο τα εικονίδια όπως το Firefox, το AWS και το HTML5 έρχονται επίσης με τις λεπτομερείς παραλλαγές τους. Αρκετά δροσερό δικαίωμα?

Τώρα UI Kit

Μια διεπαφή που ανταποκρίνεται στη συλλογή με βάση το Bootstrap 4. Αυτό διαθέτει 50 στοιχεία και 3 προσαρμοσμένα πρότυπα. Εκτός από την έκδοση HTML, το UI παρέχεται επίσης σε μορφές PSD και Σκίτσο.

T-κύλιση

Η T-Scroll είναι a Βιβλιοθήκη JavaScript για την εφαρμογή κινούμενων εικόνων όταν ένα στοιχείο είναι ορατό στο παράθυρο προβολής. Είναι εξοπλισμένο με μια χούφτα επιλογές και προκαθορισμένες κινούμενες εικόνες.

Ory Editor

Ο ORY είναι ένας σύγχρονος και πιο προσβάσιμος επεξεργαστής ιστού στο διαδίκτυο. Ο επεξεργαστής ORY είναι που είναι χτισμένο πάνω από το React και το Flux. Κάνει εύκολη την επεξεργασία επιτρέποντας στους χρήστες να επεξεργάζονται περιεχόμενο και να βλέπουν αμέσως το αποτέλεσμα χωρίς να χρειάζεται να γνωρίζετε ειδικές συνταγές όπως HTML ή Markdown.

TadViewer

Το TadViewer είναι ένα πρακτικό επιφάνεια εργασίας για προβολή του CSV και λειτουργεί σε μεγάλα δεδομένα και αρχεία. Η εφαρμογή είναι διαθέσιμη σε MacOS, Windows και Linux.

Ομαλή μετακίνηση Polyfill

Η ομαλή κύλιση έχει αποδειχθεί ότι εξυπηρετεί μια πιο ευχάριστη εμπειρία χρήστη. Τώρα προτείνεται και συντάσσεται επισήμως στο W3C. Προς το παρόν, λειτουργεί μόνο σε Chrome, Firefox και Opera. Χρησιμοποιήστε αυτήν τη βιβλιοθήκη για να εξομοιώστε τη συμπεριφορά ομαλής κύλισης στον Internet Explorer και στο Safari.

Οχι ευχαριστώ

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

Κούτσο

Hopscotch είναι ένα ανοιχτού κώδικα έργου δημιουργήθηκε από το LinkedIn. Είναι ένα πλαίσιο που διευκολύνει τους προγραμματιστές να προσθέσουν περιηγήσεις προϊόντων. Δείτε το demo για ένα ζωντανό παράδειγμα και το API.

SurveyJS

Το SurveyJS είναι μια άλλη εκπληκτική βιβλιοθήκη JavaScript. Όπως υπονοεί το όνομα, είναι σχεδιασμένο να δημιουργεί εισόδους έρευνας. Διαθέτει διάφορους τύπους εισόδου για να συμπληρώσει τις απαντήσεις της έρευνας και έχει επίσης μεταφερθεί σε πολλά δημοφιλή πλαίσια JavaScript συμπεριλαμβανομένων των AngularJS, VueJS και React.

WP GraphQL

Το GraphQL είναι σε άνοδο και μπορεί να είναι α ισχυρός υποψήφιος για να αντικαταστήσει την αρχιτεκτονική REST που εξουσιοδοτεί σχεδόν όλα τα API ιστού. Αυτό είναι ένα plugin που θα σας επιτρέψει να να ανακτήσετε το περιεχόμενο WordPress με το GraphQL. Εδώ είναι μια μεγάλη αναφορά για το πώς οι REST και GraphQL διαφέρουν μεταξύ τους.

Εκδότης του Μονακό

Ο Μονακό συντάκτης είναι ο συντάκτης που εξουσία Visual Editor κώδικα. Είναι χτισμένο από τη Microsoft και υποστηρίζει πολλές γλώσσες από το κουτί συμπεριλαμβανομένων HTML, CSS, LESS, CoffeeScript, και PHP μαζί με το Intellisense που σας βοηθά να γράφετε κώδικα πιο γρήγορα.