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

Με το CLI (Command Line Interface) μπορούμε να εξορθολογισμό και αυτοματοποίηση ροών εργασίας ανάπτυξης ιστοσελίδων. Και γι 'αυτό σε αυτή την δόση έχουμε συμπεριλάβει αρκετούς τρομακτικούς CLI που μπορείτε να εγκαταστήσετε στον τοπικό υπολογιστή σας ή για να εκτελέσετε κάποια πράγματα στο διακομιστή. Επιπλέον, έχουμε συμπεριλάβει και μερικούς Εργαλεία PHP, πρόσθετα προγραμμάτων περιήγησης και βιβλιοθήκες JavaScript. Ας τα ελέγξουμε.

Κάντε κλικ για περισσότερες πηγές

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

Guetzli

Ένας νέος κωδικοποιητής από την Google ότι επιτρέπει τη συμπίεση της εικόνας έως και 35% από το αρχικό μέγεθος διατηρώντας ταυτόχρονα την ποιότητα. Είναι μια σημαντική ανακάλυψη δεδομένου ότι παρόμοιο κωδικοποιητές ανοικτής πηγής, όπως Το JPEGOptim και το jpegtran, περιορίζονται σε μόλις 20% σε σχέση με το avarage. Μπορώ να δω ότι θα υπάρξει μια σειρά από εφαρμογές και plugins για την πλατφόρμα CMS που θα ενσωματώνει τον Guetzli για τη βελτιστοποίηση των αρχείων JPEG.

Χάρτης πορείας για προγραμματιστές

Όπως υποδηλώνει το όνομα, ο Χάρτης πορείας για προγραμματιστές είναι ένα infographic του ταξιδιού του να είναι Web Developer. Υπάρχουν τρία μαθήματα Front-end, Back-end και DevOps. Αυτοί οι χάρτες πορείας είναι σαν ένας χάρτης. και είναι μια μεγάλη αναφορά για να δείτε όπου βρισκόμαστε σήμερα, τι θα χάσαμε και πού θα πάμε έπειτα.

Netlify CMS

Το SmashingMagazine έκανε πρόσφατα ένα τολμηρή μετακίνηση στην τάξη WordPress και δοκιμάστε κάτι νέο εξ ολοκλήρου με ένα νέο CMS που ονομάζεται Netlify CMS. Είναι ένα νέο CMS που είναι χτισμένο πάνω από το React.js και μπορεί να είναι ενσωματωμένο με οποιαδήποτε γεννήτρια στατικών τοποθεσιών όπως Jekyll, Hugo και MiddleMan.

BadSSL

Είναι ένα για να ελέγξετε τη διαμόρφωση SSL. Το BadSSL είναι ένα πρακτικό εργαλείο για την εκτέλεση εντοπισμού σφαλμάτων και σφαλμάτων σχετικά με το SSL που είναι εγκατεστημένο στον ιστότοπό σας.

Alix

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

AR.js

AR.js είναι Οι βιβλιοθήκες JavaScript σε αντίθεση με τις άλλες. Αυτή η βιβλιοθήκη μας επιτρέπει να δημιουργούμε Augmented Reality χρησιμοποιώντας την τεχνολογία Web, και εκπληκτικά τρέχει πραγματικά γρήγορα στα κινητά τηλέφωνα.

Αντιδράστε την τάση

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

Gitee

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

Goops

Οι Goops είναι α εύχρηστο CLI που θα αναλύσει τον κατάλογο του έργου σας και καθορίστε τους καταλόγους και τα αρχεία που θέλετε να προσθέσετε στο .gitignore. Ο CLI μπορεί να εγκατασταθεί μέσω του NPM. Μόλις εγκατασταθεί, πληκτρολογήστε goops και να γίνει.

CSS εντοπισμού σφαλμάτων

Το DebugCSS είναι α CSS drop-in βοηθητικό πρόγραμμα που σας επιτρέπει να αναλύσετε και να επικυρώσετε την έξοδο CSS στο πρόγραμμα περιήγησης. Λειτουργεί αρκετά παρόμοια με το Alix, όταν φορτώνετε το φύλλο στυλ debugCSS ή χρησιμοποιείτε το bookmarklet, αυτό υπογραμμίζει τα στοιχεία στη σελίδα που παρουσιάζουν σφάλματα ή προειδοποιήσεις.

EagleJS

Το EagleJS είναι α Βιβλιοθήκη JavaScript για να δημιουργήσετε την παρουσίαση παρόμοιο με το RevealJS. Το EagleJS διαφέρει με διάφορους τρόπους. είναι χτισμένο χρησιμοποιώντας Vue.js, πλαίσιο MVC JavaScript και χρησιμοποιείτε το Pug ως το δομημένο σύστημα για την κατασκευή της διαφάνειας.

BootstrapTour

ΕΝΑ Βιβλιοθήκη JavaScript για την κατασκευή pop-up οδηγών χρησιμοποιώντας ένα στοιχείο Bootstrap. Οι αναδυόμενοι οδηγοί εμφανίζονται συνήθως για νέο χρήστη για να τους περπατήσει μέσα από τη διασύνδεση εφαρμογής, νέες δυνατότητες και για την εμφάνιση συμβουλών. Είναι μια τέλεια βιβλιοθήκη αν ο ιστότοπός σας είναι κατασκευασμένος με Bootstrap επίσης.

Τούβλο

Τούβλο είναι μια βιβλιοθήκη JavaScript που έχει σχεδιαστεί για τη δημιουργία του UI εφαρμογών ιστού. Θα βρείτε μερικές από τις συνηθισμένες, όπως το ημερολόγιο, το μενού και το έντυπο μεταξύ των παρεχόμενων συνιστωσών. Έρχεται επίσης με ένα "storage-indexeddb" για να μπορέσετε να το κάνετε αποθηκεύστε δεδομένα στην πλευρά του πελάτη χρησιμοποιώντας το IndexedDB.

OctoTree

Το OctoTree είναι ένα ωραίο βοηθητικό πρόγραμμα που επιτρέπει την περιήγηση πηγαίων κωδικών και αρχείων στο Github με δομή Tree όπως σε έναν IDE ή σε συντάκτες κώδικα. Έρχεται ως πρόσθετο για το Chrome, Safari, Firefox και Opera, και διατίθεται στο επίσημο αποθετήριο πρόσθετων στοιχείων. Το Octotree υποστηρίζει ιδιωτικό και επιχειρηματικό αποθετήριο Github.

Ειδοποίηση Github

Μια άλλη χρήσιμη επέκταση Github για το Chrome. Μόλις εγκατασταθεί, θα μπορείτε να λαμβάνετε ειδοποίηση ακόμη και αν δεν βρίσκεστε αυτήν τη στιγμή σε σελίδες Github. Ένα εξαιρετικό plugin εάν θέλετε να παραμείνετε στον βρόχο με τα αποθετήρια σας.

Εκδότης

Το Deployer είναι ένα εργαλείο για την ανάπτυξη των τοποθεσιών PHP. Λειτουργεί με πολλά δημοφιλή πλαίσια και πλατφόρμες, συμπεριλαμβανομένων των WordPress, Drupal, Magento, Laravel και CodeIgniter. Με αυτό το εργαλείο, μπορείτε να συνθέσετε τις δικές σας συνταγές, ένα κομμάτι εντολών που θα τρέξει κατά τη διάρκεια της ανάπτυξης. Έρχεται με Επαναφορά χαρακτηριστικό που σας επιτρέπει να επιστρέψετε στην προηγούμενη έκδοση σε περίπτωση βλαβών.

PHPStan

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

NGNX Boilerplate

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

Πομφολυγώδης

Το Bubbly είναι μια εξαιρετική γραμμή εντολών που μπορείτε να εγκαταστήσετε στον server σας για να δημιουργήσετε, να διαχειριστείτε και να ανανεώσετε το πιστοποιητικό με το Let's Encrypt. Το Doplying SSL γίνεται πλέον πολύ πιο εύκολο.

Βάφλες

Ωστόσο, ένα άλλο πλαίσιο πλέγματος CSS που χτίστηκε με το Flexbox που νομίζω ότι πρέπει να εξετάσετε.