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

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

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

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

    Kutt

    Ενα εφαρμογή που μειώνει τις διευθύνσεις URL με το δικό σας όνομα τομέα. Είναι χτισμένο σε κορυφαίες σύγχρονες στοίβες όπως Node.js, React και Redux με μια χούφτα ενσωματωμένες δυνατότητες, συμπεριλαμβανομένης της διεύθυνσης URL προστασίας από κωδικό πρόσβασης, RESTful API, και φανταχτερά λεπτομερή στατιστικά στοιχεία για την παρακολούθηση των διευθύνσεων URL σας. Το καλύτερο είναι ότι είναι δωρεάν και μπορείτε να το φιλοξενήσετε στο δικό σας διακομιστή.

    WordHat

    Το WordHat είναι α εργαλείο για την ενσωμάτωση του Behat στο WordPress. Το Behat είναι ένα πλαίσιο ανοικτού κώδικα που βασίζεται στη συμπεριφορά ανάπτυξης (BDD) για την PHP, όπου μπορείτε να δοκιμάσετε την εφαρμογή PHP με πιο εκφραστικό τρόπο.

    Θα βρείτε αυτό το εργαλείο εξαιρετικά χρήσιμο καθώς το WordPress θέμα και plugin σας γίνεται πιο περίπλοκο με τα χαρακτηριστικά? Τα WordHat και Behat θα εξασφαλίσουν ότι το θέμα ή το plugin σας συμπεριφέρονται όπως αναμένεται όταν ο χρήστης αλληλεπιδρά με αυτό.

    WP Browser

    Παρόμοια με το WordHat, το WP-Browser είναι μια επέκταση του Codeception ειδικά σχεδιασμένο για εφαρμογές WordPress, θέματα και plugins. Η κωδικοποίηση είναι ένα εργαλείο για την εκτέλεση δοκιμές στην αίτησή σας, παρόμοια με την PHPUnit και την Behat, αλλά είναι συνδυασμένη με περισσότερα. Σε αυτό, μπορείτε να κάνετε Δοκιμή Browser, BDD, Δοκιμές Ενσωμάτωσης Μονάδων και δοκιμές API.

    Node Διεθνοποίηση WP

    Το όνομα μιλάει για τον εαυτό του. Είναι μια μονάδα NodeJS για να αυτοματοποιήσει πολλά πράγματα για να διεθνοποιήσει τα θέματα ή τα plugins σας. Τοποθετήστε τη μονάδα και πληκτρολογήστε wpi18n makepot για να δημιουργήσετε το αρχείο POT από το μεταφράσιμο κείμενο στα plugins ή τα θέματα WordPress.

    Ευχαριστώ

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

    Δημιουργία μπλοκ Guten

    Ο Gutenberg ακούει και θα αποσταλεί με το WordPress 5.0. Αυτό είναι ένα Μονάδα NPM για τη δημιουργία ενός Botenplate για την ανάπτυξη μπλοκ Gutenberg με σύγχρονη στοίβα όπως React, Webpack, Babel και Sass. Απλά εκτελέστε τη γραμμή εντολών ,δημιουργία-block-guten, και είστε έτοιμοι.

    WP Vue

    Το WP Vue είναι α πρότυπο που έχει κατασκευαστεί με Vue για την εμφάνιση των μηνυμάτων WordPress. Αυτό το πρότυπο είναι μια εξαιρετική αφετηρία αν θέλετε να κάνετε τον ιστότοπό σας στο WordPress ακέφαλος. Δείτε πώς λειτουργεί στη δοκιμαστική σελίδα. Αλλάξτε τη διεύθυνση URL του τελικού σημείου της διεύθυνσης WP-API από οποιαδήποτε τοποθεσία του WordPress. αυτόματα επαναπληθώνει τις θέσεις με αυτές από τη νέα διεύθυνση URL του τελικού σημείου.

    Κίνητρο

    ΕΝΑ νέο πλαίσιο JavaScript από το Basecamp. Σε αντίθεση με το React ή το Vue, δεν σας αναγκάζει να γράψετε ολόκληρη την εφαρμογή σας με JavaScript ή να προσθέσετε συνθετικά χαρακτηριστικά.

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

    Μάντα

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

    Αντιδράστε στατικά

    Όπως υποδηλώνει το όνομα, αυτό είναι ένα εργαλείο που σας επιτρέπει να κάνετε δημιουργήστε μια στατική τοποθεσία χρησιμοποιώντας το React. Έρχεται μαζί με όλα τα προ-ρυθμισμένα εργαλεία, ώστε να μπορείτε να ξεκινήσετε την παραγωγή περιεχομένου για τον ιστό. Και είναι μια στατική τοποθεσία, μπορείτε φιλοξενεί το site ακόμη και σε μια κοινή φιλοξενία με χαμηλά μέσα.

    Piklist

    Piklist είναι μια ανάπτυξη WordPress ότι σας επιτρέπει να δημιουργήσετε μια πολύπλοκη ρύθμιση ιστότοπου με το WordPress με λιγότερο κώδικα. Έρχεται με ένα σύνολο βοηθητικών λειτουργιών και Hooks για να επεκτείνει σχεδόν όλα τα μέρη του WordPress όπως η σελίδα Ρύθμιση, προσαρμοσμένα πεδία, ειδοποιήσεις διαχειριστή, shortcode, widgets, ταξινομίες, χρήστες, και πολλά άλλα.

    Strapi

    ΕΝΑ περιεχομένου agnositic CMS πλαίσιο για τη δημιουργία ενός API περιεχομένου. Σας επιτρέπει να σχεδιάσετε τη δική σας δομή περιεχομένου και το API καθώς και ένα όμορφο πάνελ διαχειριστή για να τα διαχειριστείτε. Ωστόσο, δεν παρέχει ενσωματωμένο σύστημα εκμαγείων. Το σας προσφέρει να επιλέξετε οποιαδήποτε βιβλιοθήκη front-end της προτίμησής σας όπως το React ή το Vue.

    ParcelJS

    Το ParcelJS είναι a bundler όπως το Webpack και το Browserify, εκτός από το ότι είναι πιο γρήγορο και χρειάζεται μηδενική διαμόρφωση. Το υποστηρίζει κοινό πακέτο ανάπτυξης για HTML, JS, CSS και μετασχηματιστές όπως το PostCSS και το Babel out-of-the-xbox. Έτσι, μπορείτε απλά να εστιάσετε στον κώδικα σας αντί να χάσετε χρόνο στη διαμόρφωση.

    GoodShare

    Μια βιβλιοθήκη JavaScript στο εμφάνιση του κουμπιού Social Media με τον αριθμό μετοχών για μερικά κοινωνικά μέσα. Υποστηρίζει πολλά μέσα κοινωνικής δικτύωσης, συμπεριλαμβανομένων αυτών που δεν έχετε ακούσει ποτέ, όπως Vkontakte, Odnoklassniki, SurfingBird, επίσης μερικά messenging πλατφόρμα όπως Skype, WhatsApp και LINE. Το GoodShare είναι επίσης διαθέσιμο ως στοιχείο Vue.

    CopyChar

    Μια ιστοσελίδα που σας επιτρέπει να βρείτε και αντιγράψτε ειδικούς χαρακτήρες στο πρόχειρο σας. Τα γράμματα, οι στίξεις, τα μαθηματικά, τα βέλη και τα Emoji είναι μερικοί από τους χαρακτήρες που περιλαμβάνονται στον ιστότοπο. Απλά κάντε κλικ ή πατήστε σε έναν χαρακτήρα για να αντιγράψετε τον χαρακτήρα στο πρόχειρο σας.

    Nerv

    Ο Νερβ είναι άλλος αντιδραστική βιβλιοθήκη VirtualDOM. μια εναλλακτική λύση στο ReactJS. Φέρνει την γνωστή σύνταξη JSX της React αλλά με λίγες αξιοσημείωτες διαφορές. Ο Nerv υποστηρίζει τον Internet Explorer 8! και είναι μόνο το ένα τρίτο του μεγέθους React. Ακόμη, Το Nerv είναι συμβατό με τα πρόσθετα React και τα πιο σύνθετα.

    HyperappS

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

    VulcanJS

    Το Vulcan είναι α δέσμη εργαλείων για την κατασκευή μιας σύγχρονης εφαρμογής ιστού. Είναι συνδεδεμένο με React, GraphQL και Meteor προ-confifured. Δεδομένου ότι πρόκειται για ένα full-stack πλαίσιο που παρέχει μια ολόκληρη σειρά βοηθητικών στοιχείων που είναι που έχουν τελειοποιηθεί στο πίσω μέρος και στο μπροστινό μέρος, όλα είναι απλά εξαντλημένα. Έτσι μπορείτε να πάρετε γρήγορα την εφαρμογή σας.

    Koa11y

    Μια εφαρμογή επιφάνειας εργασίας για Windows, MacOS και Linux για να εξετάσει τα θέματα προσβασιμότητας στον ιστότοπο. Η Koa11y θα παρέχει ειδοποιήσεις και προειδοποιήσεις σχετικά με το αν ο ιστότοπός σας παραβιάζει τα πρότυπα προσβασιμότητας.

    Αυτό πρέπει να είναι ένα εργαλείο σε κάθε εργαλειοθήκη προγραμματιστών ιστού. Δοκιμάστε να περιηγηθείτε στους ιστότοπους χρησιμοποιώντας το πληκτρολόγιό σας για μια ημέρα για να κατανοήσετε τον τρόπο με τον οποίο είναι σημαντική η Προσβασιμότητα.

    TablePlus

    Πραγματικά όμορφη εφαρμογή GUI για διαχείριση βάσεων δεδομένων. Το TablePlus υποστηρίζει μια μεγάλη ποικιλία μηχανών βάσεων δεδομένων συμπεριλαμβανομένων (φυσικά) των MySQL, SQLite, Redis, Postgres, MS SQL και πολλά άλλα. Το TablePlus είναι διαθέσιμο για MacOS και Windows.