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

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

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

    Ο κατάλογος έχει αρκετά ενδιαφέροντα μείγμα εργαλείων που κυμαίνονται από τη βιβλιοθήκη Sketch από την κοινότητα WordPress που θα σας επιτρέψει να δημιουργήσετε πρωτότυπο διεπαφής WordPress, μια χούφτα εργαλεία επέκτασης React.js και Vue.js, και μερικές αναφορές για να ανεβάσετε τις ικανότητές σας ανάπτυξης. Ας τα ελέγξουμε.

    WPRIG

    Ένα all-in-one μπροστινό θέμα WordPress που δημιουργήθηκε από την Morten Rand-Hendriksenand είναι εξοπλισμένο με ένα οικοδομήσουμε μια προκαθορισμένη διαδικασία χρησιμοποιώντας σύγχρονα εργαλεία όπως η ενσωμάτωση Gulp, Babel, ESLint και Visual Studio Code. Αυτό θα σας βοηθήσει να δημιουργήσετε ένα μεγάλο θέμα WP χωρίς την ταλαιπωρία της διαμόρφωσης των γύρω εργαλείων ανάπτυξης.

    VueNative

    Ένα πλαίσιο που βασίζεται στο Vue.js για να δημιουργήσετε μια κινητή εφαρμογή πολλαπλών πλατφορμών που σας επιτρέπει να γράψετε τον κώδικα σας με τις προδιαγραφές Vue.js. Το εργαλείο θα να το συντάξετε στο React Native και κάνετε το μαγικό έργο για σας πίσω από τη σκηνή με το vue-native CLI. Εάν γνωρίζετε ήδη το Vue.js, αυτό θα μπορούσε να είναι α κατάλληλο πλαίσιο για την κατασκευή μιας εφαρμογής κινητής τηλεφωνίας.

    SketchPress

    Οι άνθρωποι στο 10up μόλις κυκλοφόρησαν το SketchPress που είναι α Sketch πρότυπο για τη γρήγορη δημιουργία WordPress admin interface mockups και σχέδια. Το SketchPress είναι ένα εξαιρετικό εργαλείο για τους προγραμματιστές του WordPress για την ευθυγράμμιση του plugin και του θέματος Ρυθμίσεις ή Επιλογές με το WordPress admin UI.

    Docz

    Ο Docz είναι α γεννήτρια τεκμηρίωσης βασισμένη στο MDX που παρουσιάστηκε στον τελευταίο γύρο αυτής της σειράς. Αυτό το εργαλείο θα σας επιτρέψει να εισαγάγετε και να συμπεριλάβετε ένα JSX προσαρμοσμένο compenent στο μίγμα με τη σύνταξη Markdown, ακριβώς όπως γράφοντας ένα έγγραφο JSX.

    Animista

    Το CSS Animation φέρνει τον ιστό στη ζωή. Ωστόσο, δεν είναι πάντα εύκολο να συνθέσετε το CSS Animation λαμβάνοντας υπόψη τα προθέματα του προγράμματος περιήγησης για συμβατότητα, παραμέτρους και χρονικό πλαίσιο κίνησης. Το Animasta κάνει τα πράγματα αυτά πιο εύκολα δημιουργώντας τον κώδικα για εσάς. Μπορείς ρυθμίστε την κινούμενη εικόνα σε φιλική προς το χρήστη διεπαφή από όπου μπορείτε απλά να αντιγράψετε τον κώδικα.

    GridToFlex

    Δύο παραδείγματα κοινής διάταξης ιστού που δημιουργήθηκαν χρησιμοποιώντας το εγγενές πλέγμα CSS και χρησιμοποιούν το Flexbox ως εναλλακτική λύση για το πρόγραμμα περιήγησης που δεν το υποστηρίζει ακόμα. Ελέγξτε την ανάρτησή μας: Εισαγωγή στη λειτουργική μονάδα CSS Layout Layout.

    RatioBuddy

    Ένα ωραίο εργαλείο Δημιουργήστε ένα πλαίσιο με CSS με καθορισμένη αναλογία, για παράδειγμα, 1: 1, 3: 4, κλπ. Το εργαλείο θα δημιουργήσει τον κώδικα σε μορφή SCSS για την αντιγραφή.

    Πώς να GraphQL

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

    Ιστορικό δειγματοληψίας

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

    Transfer.sh

    είναι ένα εύχρηστο βοηθητικό πρόγραμμα για την κοινή χρήση αρχείων μέσω της εντολής Shell. Μπορείτε να μεταφορτώσετε οποιοδήποτε τύπο αρχείου μέχρι και 10 Gb. Υποστηρίζει επίσης κρυπτογράφηση αρχείων. Και ανέφερα ότι είναι εντελώς δωρεάν?

    FB Sonar

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

    JSUI

    Αυτή η εφαρμογή είναι γεμάτη με μια δέσμη εργαλείων που παρέχουν έναν καλύτερο τρόπο οργάνωσης των έργων σας. Μπορείς δημιουργήστε μια ομάδα, δημιουργήστε ένα νέο έργο χρησιμοποιώντας κάποια δημοφιλή έργα όπως το React, το Vue και το Angular, εγκαταστήστε μια εξάρτηση έργου, εκτελέστε ένα διακομιστή Node.js και πολλά άλλα. Μια μεγάλη εφαρμογή για όσους διαχειρίζονται δωδεκάδες έργων.

    BrainMonkey

    Ένα βοηθητικό πρόγραμμα δοκιμής μονάδων PHP σχεδιασμένο με μερικά ειδικά εργαλεία για το WordPress. Παρέχει εργαλεία που επιτρέπουν να κοροϊδεύω PHP λειτουργίες. Παρέχει επίσης ένα σύνολο εργαλείων από το κουτί για να ασχοληθεί με ορισμένες λειτουργίες του WordPress, όπως add_action remove_action για να αναφέρουμε μερικά, τα οποία είναι γενικά πονηρός να δοκιμάσω.

    Fractal

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

    Ant Design Pro

    “AntDesign” είναι ένα από τα δημοφιλή πλαίσια UI που βασίζονται στο React.js και αυτό είναι το δικό του “Pro” έκδοση που έχει σχεδιαστεί για επιχειρηματική εφαρμογή. Περιλαμβάνει διάφορα πρόσθετα στοιχεία που δεν περιλαμβάνονται στο κοινό πακέτο AntDesign όπως AvatarList, HeaderSearch και TagSelect.

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

    LuminJS

    Ένα πολύ μικρό Βιβλιοθήκη JavaScript για να επισημάνετε κείμενο στον ιστότοπό σας. Λειτουργεί άψογα με μια σύνθετη δομή DOM και είναι προγραμματιζόμενη στο ότι μπορείτε να ρυθμίσετε την ταχύτητα, το στυλ και την κίνηση.

    Προτρέπει

    Ένα πρακτικό NPM για τη δημιουργία διαδραστικής CLI χρησιμοποιώντας το Node.js. Υποστηρίζει βασικές προτροπές, πολλαπλές επιλογές, δυναμική προτροπή και πολλούς τύπους εισροών, όπως κωδικό πρόσβασης, κείμενο, αριθμό και ηλεκτρονικό ταχυδρομείο κ.λπ..

    Αντίληψη

    Ένα δροσερό WordPress plugin που θα το έκανε βελτιώστε την αναζήτηση βιβλιοθηκών στο WordPress Media Library με ταξινόμηση εικόνων χρησιμοποιώντας το API του Google Cloud Vision. Για παράδειγμα, αν έχετε ανεβάσει ένα “πουλί” εικόνα, μπορείτε να κάνετε αναζήτηση στην εικόνα χρησιμοποιώντας τη λέξη-κλειδί “πουλί” ανεξάρτητα από το αν η λέξη-κλειδί περιλαμβάνεται στο όνομα της εικόνας, στο όνομα του αρχείου ή στα μεταδεδομένα.

    DevTube

    Μια συλλογή από βίντεο, που τραβήχτηκαν από το Youtube, από πολλά συνέδρια προγραμματιστών όπως το JSConf, το Google TechTalk και το O'Reilly. Τώρα πάρτε το ποπ κορν σας και ανεβάσετε τις ικανότητές σας στο Dev.

    Reactive.how

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