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

Η σκηνή ανάπτυξης ιστού προχωρά με την ταχύτητα του φωτός φέτος. Το CSS3 έχει υιοθετηθεί καλά και είμαστε λιγότερο εξαρτημένοι από αυτό polyfill δεδομένου ότι τα τελευταία προγράμματα περιήγησης είναι πολύ καλά στην υποστήριξη του πιο πρόσφατου προτύπου ιστού. Παρουσιάστηκε το Microsoft Edge, η Google κυκλοφόρησε δύο ανοιχτές πηγές για το Web: Material Design Lite και Polymer 2.0.

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

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

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

Notie.js

Το Notie.js είναι μια ωρύτερη ειδοποίηση, ειδοποίηση και παράθυρο διαλόγου JavaScript. Αντί να χρησιμοποιήσετε το συναγερμός() λειτουργία που δείχνει μια θαμπή και ελαφριά συγκλονιστικός κουτί ειδοποίησης, μπορείτε να το αντικαταστήσετε με το notie () λειτουργία από τη βιβλιοθήκη για να δείξει μια προειδοποίηση στυλ. Ταιριάξτε το στυλ ειδοποίησης με το γενικό σχεδιασμό του ιστότοπού σας εύκολα με το Notie.js.

Github Corner

Μόλις πρόσφατα συνειδητοποίησα ότι η γωνία Github, που συνήθως βλέπουμε στην αρχική σελίδα ενός έργου ανοιχτού κώδικα, είναι ήδη 7 ετών. Ώρα για ένα facelift. Github Corner είναι μια πρωτοβουλία για μια πιο μοντέρνα και φρέσκια εμφάνιση της κορδέλας Github. Χρησιμοποιεί την γραφική παράσταση bitmap της SVG, η οποία της επιτρέπει να παραμένει αιχμηρή σε οθόνες υψηλής ανάλυσης.

Γλυκά (Slack) Θέματα

Το Slack έχει γίνει η πιο δημοφιλής εφαρμογή συνομιλίας στις μικρές επιχειρήσεις, τις νεοσύστατες εταιρείες και με τους προγραμματιστές. Συγκρινόμενη με άλλες εφαρμογές όπως το Skype και το Google Hangouts, το Slack μπορεί να προσαρμοστεί με πολλούς τρόπους, συμπεριλαμβανομένου του θέματος του - την εμφάνιση και την απόχρωση της διασύνδεσης της εφαρμογής. Ακολουθεί μια συλλογή έτοιμων προς εγκατάσταση θεμάτων Slack .

jQuery Config

Το jQuery είναι αρθρωτό, που σημαίνει ότι μπορούμε να αφαιρέσουμε ανεπιθύμητα στοιχεία από αυτό, ώστε το μέγεθος να είναι πιο ελαφρύ. Το προηγούμενο σεμινάριο μας, Πώς να αφαιρέσετε τις περιττές ενότητες στο jQuery, δείχνει πώς να το κάνετε με το Homebrew, NPM, αλλά γίνεται μέσω του τερματικού. Εάν δεν θέλετε να χρησιμοποιήσετε αυτόν τον τρόπο, μπορείτε να καταφύγετε στη χρήση jQuery Config. Κάνει το ίδιο με απλά κλικ.

SummerNote

SummerNote είναι μια βιβλιοθήκη JavaScript για τη δημιουργία ενός επεξεργαστή WYSIWYG. Το SummerNote αναπτύσσεται πάνω σε εξέχοντα έργα ανοιχτού κώδικα: jQuery, Bootstrap και Font Awesome. Η ανάπτυξη του SummerNote είναι τόσο εύκολη όσο και η ανάπτυξη οποιασδήποτε άλλης βιβλιοθήκης JQuery και είναι η ιδανική εναλλακτική βιβλιοθήκη για το TinyMCE, ειδικά αν το web σας χρησιμοποιεί επίσης το Bootstrap.

BackstopJS

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

SuitCSS

SuitCSS είναι ένα boilerplate, που αποτελείται από το δικό του CSS Pre-επεξεργαστή που υποστηρίζει CSS μελλοντική σύνταξη όπως Custom Property και Custom Media Query, μια χούφτα τάξεις χρησιμότητας με βάση τη μεθοδολογία BEM για ευθυγράμμιση, μέγεθος και στοιχεία θέσης και πολλά CSS modules για να ξεκινήσετε την ανάπτυξη ενός καλά κατασκευασμένου ιστότοπου.

Δένω

Δένω είναι μια εγγενής εφαρμογή OS X που σας επιτρέπει να δημιουργείτε διαδικτυακές διασυνδέσεις και διατάξεις χρησιμοποιώντας το GridStyleSheet, έναν αλγόριθμο διάταξης που αναπτύχθηκε από το TheGrid. Το GSS σάς επιτρέπει να σχεδιάζετε αποτελεσματικά τους ιστότοπους. Για παράδειγμα, αντίθετα με το CSS, το GSS επιτρέπει την κάθετη ευθυγράμμιση των εμπορευματοκιβωτίων στοιχείων του με μία μόνο γραμμή κώδικα.

AntiModerate

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

jQuery Συμβουλές που πρέπει να ξέρετε

Το cool title και ακόμη πιο δροσερό περιεχόμενο, είναι μια συλλογή συμβουλών jQuery που πρέπει να γνωρίζουμε (τα μισά από αυτά θα ήθελα να είχα γνωρίσει πολύ, πολύ νωρίτερα). Αξίζει τον έλεγχο.