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

“Ασφαλής CMS” κερδίζει μεγάλη προσοχή αυτές τις μέρες. Με λίγα λόγια, “κεφαλής CMS” δεν ασχολείται με το front-end? μόνο το CMS εκθέτει το περιεχόμενο συνήθως σε μορφή RESTful API ενώ οι προγραμματιστές μπορούν να χρησιμοποιήσουν ό, τι προτιμούν να κάνουν το περιεχόμενο. Με την αυξανόμενη δημοτικότητα αυτής της πρακτικής, δημιουργούνται νέα πλαίσια για την ταχεία εγκατάστασή της.

Έτσι, σε αυτό το γύρο επάνω, έχω βάλει μαζί μερικά από αυτά τα πλαίσια μαζί με μερικά άλλα χρήσιμα εργαλεία που αξίζει τον έλεγχο.

Ασφαλής εκκίνηση WP

Αυτό είναι ένα WordPress starter θέμα αλλά σε αντίθεση με τους άλλους, αυτό το αρχικό θέμα αξιοποιεί το WP-API για να αποκτήσετε το περιεχόμενο και στη συνέχεια να το καταστήσετε σε ένα στατικό HTML χρησιμοποιώντας το κόμβο και το React κάνοντας την ιστοσελίδα σας “ακέφαλος”.

VueStoreFront

Το VueStoreFront είναι άλλο “Ασφαλής CMS” δομή. Χτισμένο πάνω από το Vue.js και τον κόμβο, VueStoreFront και έχει σχεδιαστεί για πλατφόρμες ηλεκτρονικού εμπορίου όπως Magento, Prestashop και Shopware μέσω των API. Περιλαμβάνει επίσης προσέγγιση PWA η οποία επιτρέπει την χρήση του ιστότοπου offline.

GatsbyJS

Ο Gatsby είναι α site static generator χτίστηκε με το React.js. Μπορείτε να χρησιμοποιήσετε CMS με API όπως WordPress, Markdown, JSON για να τροφοδοτήσετε το περιεχόμενο. Ομοίως χρησιμοποιεί μερικές πρόσφατες τεχνολογίες όπως Κόμβος, PWA και React που επιτρέπουν να φορτωθεί απίστευτα γρήγορα.

DustPress

Το DustPress είναι α WordPress θέμα εκκίνησης με σύγχρονη προσέγγιση ανάπτυξης. Χρησιμοποιώντας τη γλώσσα προτύπου Dust.js, το DustPress χωρίζει τη διάταξη προτύπου HTML από τη λογική της PHP, επιτρέποντας στους προγραμματιστές να παράγουν πολύ πιο καθαρό κώδικα. Κάνει επίσης ανάπτυξη πιο γρήγορη, πιο διατηρήσιμη και δίνει στο θέμα μια οργανωμένη δομή.

Εικόνες VSCode

Ο κώδικας του Visual Studio έγινε γρήγορα ένας από τους πιο δημοφιλείς συντάκτες κώδικα. είναι ελαφρύ, έχει πολλά plugins, και τώρα έχει επιλογές από διαφορετικά εικονίδια. Αν αισθάνεστε ότι το προεπιλεγμένο εικονίδιο κώδικα Visual Studio είναι βαρετό, μεταβείτε σε οποιοδήποτε από αυτά τα εικονίδια.

TailWindCSS

Το TailWindCSS είναι ένα άλλο πλαίσιο CSS. Αλλά διαφέρει από το δημοφιλές πλαίσιο CSS όπως το Bootstrap και το Foundation με τρόπο που δεν παρέχει στοιχεία UI. αντι αυτου, Το TailWindCSS συνοδεύεται από μικρά κομμάτια CSS που σας επιτρέπουν να συνθέσετε το δικό σας UI.

Traefik

Έκανα πειραματισμό με τον Docker και αναρωτιόμουν πώς να κατευθύνει το όνομα τομέα σε πολλά διαφορετικά εμπορευματοκιβώτια σε ένα μόνο μηχάνημα. Τότε βρήκα τον Traefik, α σύγχρονο διακομιστή μεσολάβησης HTTP και αντισταθμιστές φορτίου. Εκτός από το Docker, υποστηρίζει επίσης άλλες υπηρεσίες όπως Kubernetes, Rancher και Amazon Elastic Container.

CubeUI

Χτισμένο στην κορυφή του Vue.js, το CubeUI είναι α φανταστικό στοιχείο UI για την ανάπτυξη εφαρμογών για κινητά. Αποτελείται από πολλά συστατικά όπως κουμπιά, αναδυόμενο παράθυρο, TimePicker, διαφάνεια και πλαίσιο ελέγχου. Κάθε στοιχείο είναι γεμάτο με TestUnit που εξασφαλίζει συνεχή ολοκλήρωση και επίσης ελαχιστοποιώντας τα σφάλματα σε κάθε στοιχείο.

Αέρας

Ο αέρας είναι το ελάχιστο θέμα του WordPress starter. Με την επέκταση του στοιχείου _s, ο αέρας προσθέτει μερικά πρόσθετα εξαρτήματα όπως Slides, Sticky Navigation Bar και WooCommerce.

EmptyStates

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

Σχεδίαση συντομεύσεων

Αυτός ο ιστότοπος παρέχει ένα συλλογή συντομεύσεων δημοφιλών εφαρμογών και τα εργαλεία που χρησιμοποιούνται από προγραμματιστές και σχεδιαστές. Εδώ θα βρείτε συντομεύσεις για το Sketch, το Photoshop, το InDesign, το Sublime Text, το WordPress και πολλά άλλα που έρχονται. ο η λίστα περιέχει μόνο συντομεύσεις για το macOS, αλλά θα ήταν υπέροχο να δούμε τις συντομεύσεις των Windows να προστεθούν επίσης.

Uppy

Το Uppy είναι α Πλαίσια πλαισίου JavaScript για τη δημιουργία μιας διεπαφής φόρτωσης αρχείων. Με το Uppy, μπορείτε να ανακτήσετε αρχεία, όχι μόνο από την τοπική μονάδα δίσκου, αλλά και από εξωτερική υπηρεσία αποθήκευσης όπως το Google Drive, το Dropbox, το Instagram και άλλες υπηρεσίες. Του ελαφρύ, αρθρωτό και επεκτάθηκε με προσαρμοσμένα πρόσθετα.

VuetifyJS

Το VuetifyJS είναι μια πρωτοβουλία από τον John Leider στο οικοδομήσουμε Σχεδιασμό Υλικού γύρω από το Vue.js. Η Google έχει παρόμοια πρωτοβουλία με το MDL ή το Material Design Lite, αλλά δεν φαίνεται να έχει αρκετή έλξη στην κοινότητα και το η ανάπτυξη φαίνεται να σημειώνει πολύ αργούς ρυθμούς κατά τους τελευταίους δύο μήνες. Έτσι, αν ψάχνετε για μια εναλλακτική λύση, το VuetifyJS μπορεί να είναι η σωστή επιλογή.

WP ULike

Το WP Ulike είναι α WordPress plugin για να προσθέσετε “Σαν” στο περιεχόμενό σας είτε στον ενσωματωμένο τύπο post τύπου WordPress, στους προσαρμοσμένους τύπους μηνυμάτων και στον bbPress καθώς και στον BuddyPress. Έρχεται επίσης με κάποια άλλα δροσερά χαρακτηριστικά όπως Σύστημα ειδοποιήσεων, Analytics και Widgets που το καθιστούν ένα από τα πιο συναρπαστικά “Σαν” για το δικτυακό σας τόπο WordPress.

Vee Validate

Vee Validate είναι μια βιβλιοθήκη JavaScript για να προσθέστε πεδίο εισαγωγής με την ενσωματωμένη επικύρωση. Υποστηρίζει πολλούς τύπους εισροών όπως το Email, τον αριθμό, τις ημερομηνίες, τη διεύθυνση URL, τη διεύθυνση IP κ.λπ..

Πίνακες δεδομένων Vue

Ένα άλλο εύχρηστο plugin Vue.js. VueDataTables είναι ένα απλό plugin για την κατασκευή προσαρμόσιμο και με δυνατότητα προβολής πίνακα με Vue.js. Το plugin είναι κατασκευασμένο με την κλίμακα στο μυαλό ότι μπορεί να καταστήσει μαζικά δεδομένα στο τραπέζι άψογα. Επίσης, αποστέλλεται με μερικά πρόσθετα στοιχεία για την ενεργοποίηση του τραπεζιού σας, όπως το στοιχείο προορισμού, το πλαίσιο αναζήτησης και το φίλτρο.

Googler

Ο Googler είναι a CLI που σας επιτρέπει να εκτελέσετε αναζήτηση στο Google μέσω των γραμμών εντολών. Παρόμοια με τη διασύνδεση, θα ανακτήσει επίσης τον τίτλο, την περιγραφή, τη διεύθυνση URL και την κατονομασία. Είναι εύχρηστο εργαλείο για χρήστες power macOS και Linux.

Bolt CMS

Το Bolt είναι CMS κατασκευασμένο με PHP. είναι γρήγορη εγκατάσταση, χρησιμοποιεί το Twig ως μηχανισμό δημιουργίας αντιγράφων ασφαλείας, υποστηρίζει πλήρως την PHP7, εύκολη προσαρμογή μέσω ενός απλού αρχείου YAML. Συνολικά, μου φαίνεται ενδιαφέρον. Σίγουρα θα περάσω λίγο χρόνο για να το διερευνήσω περισσότερο όταν έχω την ευκαιρία.

Τηλετυπία

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

Plyr

Το Plyr (προφέρεται ως Player) είναι a σύγχρονη βιβλιοθήκη αναπαραγωγής πολυμέσων με μέγεθος μόλις 10kb. Με αυτό θα μπορείτε να προσαρμόσετε το πρόγραμμα αναπαραγωγής βίντεο και ήχου HTML, το Youtube και το Vimeo, καθώς και ένα μέσο ζωντανής ροής. Είναι σε ενεργό ανάπτυξη με πιο προγραμματισμένο χαρακτηριστικά που πρέπει να προστεθούν συμπεριλαμβανομένης της υποστήριξης για το Wistia και το ενσωματωμένο βίντεο στο Facebook.