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

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

    Πολλά έχουν συμβεί τους τελευταίους μήνες στον κόσμο της ανάπτυξης ιστοσελίδων. Πρώτον, το νέο block-based editor, με την κωδική ονομασία Gutenberg, έχει τελικά συγχωνευθεί στο WordPress 5.0. Είναι μια πολύ μεγάλη αλλαγή από την έναρξή της καθώς θέτει ένα νέο θεμέλιο για το WordPress να εξελιχθεί στο μέλλον και θα αλλάξει τον τρόπο με τον οποίο οι προγραμματιστές επεκτείνονται για τις λειτουργίες του WordPress.

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

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

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

    Gutenberg Handbook

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

    Αποκλεισμός ικριώματος

    Με τον επεξεργαστή βάσει μπλοκ, το WP-CLI παρέχει τώρα ένα βολικό τρόπο για να ξεκινήσετε δημιουργώντας ένα μπλοκ Gutenberg με μια νέα εντολή CLI, wp σκαλωσιά. Μπορείτε να δημιουργήσετε και να το συμπεριλάβετε στις υπάρχουσες προσθήκες και τα θέματα σας.

    CGB

    Ένας άλλος τρόπος για να ξεκινήσετε εύκολα ένα μπλοκ Gutenberg είναι το Create Guten Block (CGB) είναι ένα εργαλείο δημιουργήστε μια πλατφόρμα να αναπτύξει ένα μπλοκ Gutenberg. Αποτελείται από σύγχρονα εργαλεία όπως React.js, Webpack, ESLint, Babel, κλπ. Το καλύτερο μέρος είναι ότι εσείς δεν χρειάζεται να διαμορφώσετε κανένα από αυτά τα εργαλεία έτσι μπορείτε απλά να εστιάσετε στο γράψιμο του κώδικα σας.

    Elementor μπλοκ για Gutenberg

    Ένα plugin WordPress που σας επιτρέπει να εισαγάγετε τυχόν πρότυπα Elementor και προεπισκόπηση του μέσα στον επεξεργαστή. Το plugin έρχεται με πολλές άλλες δυνατότητες συμβατότητας που παρέχουν απρόσκοπτη εμπειρία επεξεργασίας μεταξύ του Elementor και του Gutenberg. Ανατρέξτε σε αυτό το βίντεο για να δείτε πώς το κάνει στη δράση.

    Ατομικά μπλοκ

    Ένα σύνολο μπλοκ Gutenberg με αυξανόμενο αριθμό συλλογών. Κατά τη στιγμή αυτής της γραφής, παρέχει το “Μπλοκ Post Grid” που σας επιτρέπει να κάνετε προσθέστε μια λίστα με τις θέσεις του ιστότοπού σας σε μια διάταξη πλέγματος. Υπάρχει επίσης a “Μπλοκ μαρτυρίας” η οποία, όπως υποδηλώνει το όνομα, να εισαγάγει μια Μαρτυρία μέσα στη σελίδα. Ελέγξτε τις πλήρεις προεπισκοπήσεις των μπλοκ σε αυτή τη σελίδα.

    Block Gallery

    Ένα εντυπωσιακό μπλοκ για την εισαγωγή της συλλογής φωτογραφιών σας, το Block Gallery προσφέρει μια απρόσκοπτη εμπειρία για να προσθέσετε εικόνες στη θέση σας. Απλώς ρίξτε τις εικόνες σας, στυλ την οθόνη γκαλερί (Τοιχοποιία, Carousel, ή Fullscreen), και όλα είναι ρυθμισμένα. Είναι αυτή τη στιγμή, απλά το καλύτερο Block Block για το WordPress.

    CoBlocks

    Μια σουίτα μπλοκ από τον ίδιο συγγραφέα που ανέπτυξε την παραπάνω Block Block, το CoBlocks αποτελείται από έναν αριθμό μπλοκ που θα βελτιώσουν το περιεχόμενο του ιστότοπού σας όπως Ακορντεόν, Τιμοκατάλογος, Gif, Κλικ με το Tweet, και περισσότερα μπλοκ που θα προστεθούν.

    StagBlocks

    Μια άλλη σουίτα από μπλοκ Gutenberg. Το plugin φέρνει μια σειρά από ενδιαφέροντα Blocks που πολλοί από εσάς θα εκτιμούσατε. Περιλαμβάνει το Stat Block το οποίο σας επιτρέπει να προσαρμόσετε τα στατιστικά στοιχεία στις θέσεις και τις σελίδες σας. Ιστοσελίδα Κάρτα Block που θα ιστοσελίδα προεπισκόπησης σε ένα φανταχτερό στυλ κάρτας. Block Block, που θα αποδώσει κωδικό με επισημασμένο χρώμα.

    Otter Blocks

    Επίσης, μια συλλογή από μπλοκ Gutenberg όπως το “Αποκλεισμός του Google Maps” για να εισαγάγετε έναν χάρτη, “Το μπλοκ υπηρεσιών μας” προς το εισαγάγετε μια λίστα υπηρεσιών με ένα κουμπί σε μια προβολή πλέγματος, και “Μαρτυρίες Περιοχή Block” για να εισαγάγετε μια λίστα με μαρτυρίες. Το Otter Block είναι μια συλλογή από Blocks Gutenberg που οι επιχειρήσεις και ο θεατής θα εκτιμούσαν.

    Προηγμένα μπλοκ Gutenberg

    Αυτό το plugin έρχεται με μια χούφτα προχωρήσει σε μπλοκ για να εμπλουτίσετε το περιεχόμενό σας όπως ο αυτόματα δημιουργημένος πίνακας περιεχομένων, “Giphy Blocks” να συμπεριληφθεί η εικόνα GIF από το Giphy.com, “Μπλοκ Unsplash” για να εισαγάγετε εικόνες από το Unsplash.com, “Διαφήμιση διαφημίσεων διαφήμισης”, WooCommerce “Προσθήκη μπλοκ κουμπιού Προσθήκη”, και πολλά άλλα.

    Block Lab

    Το Block Lab καθιστά εύκολο για τους προγραμματιστές να δημιουργήσουν ένα μπλοκ Gutenberg. Το plugin σας επιτρέπει να καταχωρίστε ένα νέο μπλοκ με φιλικό προς το χρήστη GUI και πρότυπα στην PHP. Δεν χρειάζεται καν να μάθετε το React.js.

    EDD Blocks

    Ένα πρόσθετο που σας επιτρέπει να κάνετε προϊόντα Easy Digital Downloads στον συντάκτη Gutenberg. Σε αντίθεση με τη χρήση του Shortcode, το μπλοκ θα εμφανίσει προβολές προϊόντος.

    Δοκιμάστε Gutenberg

    Δεν είστε έτοιμοι να εγκαταστήσετε το plugin Gutenberg ή να ενημερώσετε τον ιστότοπό σας στο WordPress 5.0; Μπορείτε απλά φορτώστε αυτόν τον ιστότοπο για να δοκιμάσετε τον νέο επεξεργαστή.

    Gutenberg Cloud

    Είναι σαν ένα AppStore για μπλοκ Gutenberg. Ένα κεντρικό μέρος όπου μπορείτε να πάρετε Gutenberg Blocks που μπορούν να χρησιμοποιηθούν σε WordPress και Drupal. Ναι, το Drupal πρόκειται επίσης να υιοθετήσει τον συντάκτη Gutenberg για τον συντάκτη τους.

    Παραδείγματα Gutenberg

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

    GutenbergJS

    Η έκδοση Gutenberg μόνο για JavaScript. Είναι διαθέσιμο ως πακέτο NPM το οποίο σας επιτρέπει να ενσωματώσετε τον Gutenberg σε οποιαδήποτε από τις εφαρμογές σας JavaScript.

    Απενεργοποιήστε τον Gutenberg

    Παρόλο που ο Gutenberg φέρνει νέες δυνατότητες στο WordPress, αλλά δεν είναι όλοι έτοιμοι γι 'αυτό. Εάν οι υπάρχοντες ιστότοποί σας δεν λειτουργούν καλά με το Gutenberg, μπορείτε να εγκαταστήσετε αυτό το πρόσθετο. Σας επιτρέπει να απενεργοποιήστε τον επεξεργαστή Gutenberg για συγκεκριμένες αναρτήσεις, τύπους θέσεων, ρόλους χρηστών, θέματα, καθώς και να απενεργοποιήσετε τα φύλλα στυλ Gutenberg στο front-end.

    Classic Editor

    Εναλλακτικά, μπορείτε να εγκαταστήσετε αυτό το πρόσθετο, ώστε να μπορείτε να ενημερώνεστε συνεχώς με το WordPress 5.0 ενώ συνεχίζετε να χρησιμοποιείτε τον παλιό κλασικό επεξεργαστή. Αυτό το πρόσθετο θα υποστηρίζεται μέχρι το 2022.

    ClassicPress

    Μια άλλη εναλλακτική λύση είναι να μεταβείτε σε ένα WordPress πιρούνι, ClassicPress. Οι εστίες ClassicPress είναι ενεργοποιημένες τις επιχειρήσεις, τη σταθερότητα και την ασφάλεια. Είναι συμβατό με τα plug-ins του WordPress και σχεδιάζει να φέρει νέα ενδιαφέροντα χαρακτηριστικά στις μελλοντικές εκδόσεις τους. Αναχώρηση της ανάρτησής μας: ClassicPress: Εναλλακτική λύση στο WordPress χωρίς Gutenberg & React.js

    Επιταχύνετε το WordPress

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

    Προεπισκόπηση προεπισκόπησης κώδικα Visual Studio

    Ένα πρόγραμμα επεξεργασίας Visual Code που προσθέτει ένα πραγματικό πρόγραμμα περιήγησης που υποστηρίζεται από το Chrome Headless μέσα στον κώδικα του Visual Studio. Αυτό σας επιτρέπει να προεπισκόπηση της εργασίας σας σε πραγματικό χρόνο ακριβώς μέσα στον επεξεργαστή κωδικών και ενεργοποιεί λειτουργίες όπως εντοπισμός σφαλμάτων σε επεξεργαστή.

    Bundlesize

    Το Bundlesize είναι ένα εργαλείο για να κρατήστε το αρχείο JavaScript δέσμευση μέγεθος υπό έλεγχο. Μπορείτε να ορίσετε το μέγιστο μέγεθος κάθε πακέτου που σας συνοδεύει και θα σας ειδοποιήσει όταν πρόκειται για το μέγιστο μέγεθος που έχει οριστεί ή που έχει περάσει. Το Bundlesize μπορεί να ενσωματωθεί με μια υπηρεσία CI όπως το TravisCI και το CircleCI για την απρόσκοπτη ανάπτυξη της ροής εργασιών στο έργο σας.

    WP Emerge

    Ένα σύγχρονο Το πλαίσιο θεμάτων WordPress βασίζεται στο πρότυπο MVC. Εάν είστε συνηθισμένοι να εργάζεστε με ένα πλαίσιο PHP όπως το Laravel και το Slim, είμαι βέβαιος ότι θα εκτιμήσετε πραγματικά αυτό το πλαίσιο. Μπορείτε να χρησιμοποιήσετε τα πράγματα όπως Router και Controller, DI Container και Middlerware.

    Φάρος του φάρου

    Ένα εργαλείο χρησιμότητας που σας επιτρέπει να τρέχετε το φάρο σε μια υπηρεσία CI χρησιμοποιώντας το Docker. Είναι ένα εξαιρετικό εργαλείο αυτοματοποιήστε τον έλεγχο απόδοσης του ιστότοπού σας κάθε φορά που πιέζετε μια νέα αλλαγή στον κώδικα του ιστότοπού σας.

    Μάθετε την αντίδραση της εφαρμογής

    Το Learn React App είναι ένας πόρος για να μάθετε το React.js. Αλλά σε αντίθεση με τους άλλους πόρους εκεί έξω, αυτό πρέπει να είναι εγκατασταθεί τοπικά στον υπολογιστή σας. Δεν περιέχει μόνο μαθησιακά υλικά, αλλά και κώδικα και διαδραστικά δείγματα. Το καλύτερο μέρος είναι ότι μπορείτε να το κάνετε χωρίς σύνδεση όταν εγκατασταθεί.

    WP Αποδοχή

    Το WP Acceptance είναι ένα νέο εργαλείο που σας επιτρέπει να εκτελέσετε δοκιμές αποδοχής. Για να το θέσουμε απλά, οι Δοκιμές Αποδοχής είναι μια σειρά από δοκιμές για να μιμηθούν τη συμπεριφορά των χρηστών. Υπάρχουν διάφορα πλαίσια για να εκτελέσετε αυτόν τον τύπο δοκιμής.

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

    Λαμπερός

    Μια βιβλιοθήκη JavaScript στο να μιμούνται την αντανάκλαση φωτισμού στον ιστότοπό σας όταν προβάλλονται σε κινητή συσκευή. Μπορείτε να δείτε την επίδειξη στο https://pqina.nl/shiny/. Αξίζει να σημειωθεί ότι θα λειτουργήσει μόνο σε κινητή συσκευή, καθώς βασίζεται σε ένα συγκεκριμένο API που είναι διαθέσιμο μόνο σε κινητές συσκευές.

    Αντιδράστε Lucid

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

    Χαρακτηριστικά CSS Εναλλαγή

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

    Blendy

    Ένα εργαλείο που μπορεί να σας βοηθήσει προσαρμόστε τις λειτουργίες μείξης φόντου CSS με την εικόνα σας. Μπορείτε να προβάλετε προεπισκοπήσεις, να αλλάξετε χρώματα και να εφαρμόσετε κλίσεις. Μπορείτε να χρησιμοποιήσετε εικόνες από το Unsplash ή να το ανεβάσετε από τον υπολογιστή.

    Ανταποκριθείτε στο Στοιχειώδες

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

    FX

    Εάν ασχολείστε συχνά με το JSON-formatted, είμαι βέβαιος ότι θα εκτιμήσετε αυτό το εργαλείο. fx είναι ένα εργαλείο γραμμής εντολών που σας επιτρέπει να απεικονίσετε δεδομένα JSON στο Terminal με διαδραστική λειτουργία. με τρόπο που μπορείτε να επεκτείνετε ή να συμπτύξετε τα δεδομένα. fx μπορεί να εγκατασταθεί μέσω του NPM ή του Homebrew.

    Monica

    Η Monica είναι αρκετά στη δική της κατηγορία. Είναι ένα είδος CRM (Customer Relationship Manager) αλλά δεν προορίζεται για τον πελάτη σας αλλά για τους αγαπημένους σας, όπως την οικογένεια και τους φίλους σας.

    Όπως ένα CRM, σας επιτρέπει να παρακολουθείτε πράγματα όπως τις δραστηριότητές σας μαζί τους και όταν τα έχετε καλέσει για τελευταία φορά κλπ. Ακόμη περισσότερο, μπορεί να σας υπενθυμίσει να καλέσετε κάποιον με τον οποίο δεν έχετε μιλήσει κάποια στιγμή. Το ονομάζουν PRM (Personal Relationship Manager).

    Ιονικό πλαίσιο

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

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

    Αξιοσημείωτος

    Αξιοσημείωτο είναι μια εφαρμογή λήψης σημειώσεων. Σε αντίθεση με οποιαδήποτε άλλη παρόμοια εφαρμογή, δεν έρχεται με ιδιόκτητη μορφοποίηση, WYSIWYG ή άλλα τυπικά κουδούνια και σφυρίχτρες. ο ο επεξεργαστής εφαρμογών τροφοδοτείται κυρίως από το Gutub-flavored Markdown. Οι σημειώσεις αποθηκεύονται σε ένα επίπεδο αρχείο .md αρχεία καθώς και το συνημμένο. Λειτουργεί και απλά.

    TipTap

    Το TipTap είναι ένας επεξεργαστής WYSIWYG που είναι χτισμένος πάνω από το ProseMirror με Vue.js. Εκτός από την κληρονομιά ενός αριθμού χαρακτηριστικών από το ProseMirror εκτός από το κιβώτιο, όπως η εκπληκτική υποστήριξη σύνταξης Markdown, το TipTap φέρνει μερικές σύγχρονες λειτουργίες όπως το Bubble μενού όπου θα εμφανιστεί το μενού μορφοποίησης όταν επισημαίνεται κείμενο, η πρόταση Suggestion όπου μπορείτε να επισημάνετε ή να αναφέρετε ένα άτομο μέσα στο περιεχόμενο, και εξαγωγή του δυνατότητα εξαγωγής περιεχομένου σε μορφοποίηση JSON.

    Περπατήστε

    Restplain είναι ένα WordPress plugin που σας επιτρέπει να δημιουργήσετε εύκολα τεκμηρίωση των τελικών σημείων API του WordPress REST συμπεριλαμβανομένων των προσαρμοσμένων τελικών σημείων στον ιστότοπό σας, καθώς και κάνοντας μια κλήση API μέσα από τα έγγραφα. Ένα πράγμα που πρέπει να σημειωθεί είναι ότι στηρίζεται στο σχήμα του τελικού σημείου για τη δημιουργία της τεκμηρίωσης, οπότε βεβαιωθείτε ότι έχετε προσθέσει ένα σωστό σχήμα για τα προσαρμοσμένα τελικά σημεία.

    Αντιμετώπιση του φορτωτή περιεχομένου

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

    Μυθικός

    Το Mythic είναι ένα WordPress αρχικό θέμα με σύγχρονες βέλτιστες πρακτικές, όπως Ένταση Εξάρτησης, Προβολές και Ελεγκτές, καθώς και σύγχρονα εργαλεία όπως η χρήση Webpack, Sass, Linting, PHP7 ελάχιστη απαίτηση και BEM. Είναι ένα σπουδαίο θέμα για να ανεβάσετε τις ικανότητές σας ως προγραμματιστής θεμάτων.

    Εκλεπτυσμένο Github

    Μια επέκταση προγράμματος περιήγησης για να βελτιώσετε την εμπειρία σας όταν χρησιμοποιείτε το Github. Προσθέτει αρκετά εύχρηστα πλήκτρα, βελτιώνει ορισμένες διατάξεις και UI, προσθέτει αυτόματα σύνδεσμο σε θέματα και PR και πολλά άλλα.

    Ανοιχτό WC

    Το ανοιχτό WC είναι ένα σύνολο εργαλείων που σας επιτρέπουν να δημιουργήσετε Custom Web Component. Περιλαμβάνει την κεντρική βιβλιοθήκη για να δημιουργήσει ένα στοιχείο Web, Yeoman για να δημιουργήσει γρήγορα ένα “Ανοιχτό WC” έργο, το οποίο περιλαμβάνει το ικρίωμα για δοκιμές, λιπαντικό, και συνεχίζει την ολοκλήρωση.

    Το ανοιχτό WC μπορεί να είναι μια καλή εναλλακτική λύση εάν το επιθυμείτε προτιμούν την εφαρμογή με ένα εγγενές χαρακτηριστικό ιστού αντί να χρησιμοποιήσετε ένα πλαίσιο όπως το Vue.js ή το React.js.

    Πλέγμα

    Το Gridsome είναι α εργαλείο για την κατασκευή στατικών ιστότοπων και εφαρμογών ιστού με Vue.js και GraphQL. Είναι σε θέση να χειρίζεται πολλαπλές ροές δεδομένων, όπως από το CMS όπως το WordPress και το Drupal, ένα τοπικό αρχείο όπως το Markdown ή το Yaml ή ένα εξωτερικό API όπως το AirTable και το Contentful. Αυτή είναι μια πολύ καλή εναλλακτική λύση στο Gatsby.js, ειδικά εάν προτιμάτε το Vue.js πάνω από το React.js.

    Ο φυλλομετρητής

    Πρόκειται για το πρόγραμμα περιήγησης όπως ο ίδιος ο εφευρέτης του World Wide Web, Tim Berners-Lee. Είναι ένα απλό πρόγραμμα περιήγησης για την απόδοση HTML και δεν εμφανίζει μια γραμμή διευθύνσεων όπως ένα σύγχρονο πρόγραμμα περιήγησης, αλλά μπορείτε να δείτε από την πλοήγηση στο Έγγραφο> Άνοιγμα από πλήρη αναφορά εγγράφου και επικολλήστε σε μια διεύθυνση URL και κάντε κλικ Ανοιξε. Και εκεί θα δείτε πώς θα γίνει η προβολή του ιστότοπού σας με το αρχικό πρόγραμμα περιήγησης.

    Ράστερ

    Το Raster είναι ένα σύγχρονο πλαίσιο πλέγματος που είναι χτισμένο με σύγχρονες προδιαγραφές HTML και CSS όπως CSS Grid, CSS Custom Property (Μεταβλητή) και προσαρμοσμένο στοιχείο. Ένα τέλειο πλαίσιο για όσους θέλουν να ζουν στις άκρες.

    Hooper

    Ένα στοιχείο Vue.js για να προσθέσετε ένα Carousel ή Slider. Είναι προσβάσιμο και χρησιμοποιήσιμο μέσω Touch, πληκτρολογίου, τροχού ποντικιού και άλλης βοηθητικής πλοήγησης, υποστηρίζει RTL και κατακόρυφη κατεύθυνση, επεκτάσιμη και, φυσικά, απόκριση.