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

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

Λαμβάνοντας υπόψη ότι υπάρχουν πολλές βιβλιοθήκες JavaScript που δεν καλύψαμε ακόμη σε αυτή τη σειρά, αυτή η δόση θα περιλαμβάνει περισσότερα plug-ins του jQuery και μερικές αναφορές για τη βελτίωση των δεξιοτήτων μας ως προγραμματιστές ιστού. Ας τα ελέγξουμε.

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

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

jQueryMy

jQueryMy είναι ένα jQuery plugin για τη διαχείριση δεσμών δεδομένων σε πραγματικό χρόνο. Είναι συμβατό με τα εγγενή στοιχεία ελέγχου ή τις εισόδους του προγράμματος περιήγησης καθώς και με μια βιβλιοθήκη UI όπως το jQuery UI. Είναι εξοπλισμένο με την επικύρωση, τη μορφοποίηση υπό όρους και την πολύπλοκη διαχείριση εξαρτήσεων, που φαίνεται να το καθιστά εξαιρετικό - ακόμα πιο ελαφρύ - εναλλακτική λύση σε ένα πλαίσιο MV * όπως τα Backbone.js, Ember.js και Vue.js

Κεφάλι

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

SmoothState

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

SketchRunner

Εν ολίγοις, το SketchRunner είναι παρόμοιο με το OS X Spotlight, το Alfred ή την παλέτα εντολών SublimeText. Πρόκειται για επέκταση Sketch δίνει μια απλή διεπαφή αναζήτησης για να εκτελέσετε διάφορες εργασίες που συνήθως πραγματοποιούνται στο μενού εφαρμογών. Ομαλοποιεί για να σας βοηθήσει να είστε πιο παραγωγικοί.

Συντήρηση CSS

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

Μοντέλα FlexBox

Αυτή είναι μια συλλογή από αποσπάσματα και drop-in HTML και CSS για τη δημιουργία διεπαφής, όπως η κεφαλίδα, το υποσέλιδο, η πλοήγηση μενού, χρησιμοποιώντας το CSS Flexbox. Εάν διαπιστώσετε ότι το Flexbox είναι δύσκολο να κατανοήσετε, αυτή είναι μια μεγάλη πηγή έμπνευσης για να μάθετε τελικά το Flexbox.

Λάμπα λάβας

Το Infinite Scroll είναι μια δημοφιλής διασύνδεση στο διαδίκτυο όπου είναι τραβά το νέο περιεχόμενο καθώς φτάνουμε στο κάτω μέρος της σελίδας. Το Lavalamp είναι μια βιβλιοθήκη JavaScript, που μεταγλωττίζεται για να αντικαταστήσει το Infinite Scroll. Δείτε το demo.

Γκλί

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

Coleure

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

CSSX

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