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

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

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

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

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

Φάση προσγείωσης

Το folio προσγείωσης είναι ένα κεντρικό σημείο όπου μπορείτε να βρείτε παραδείγματα σχεδίων σελίδας προορισμού. Υπάρχουν εκατοντάδες παραδείγματα στον ιστότοπο και μπορείτε να εξομαλύνετε τη λίστα με βάση την κατηγορία τους. Αυτό είναι ένα σίγουρα αξίζει bookmarking για τους σχεδιαστές ιστοσελίδων.

Στοιχεία ερωτήματος

Μια JavaScript που σας επιτρέπει να εκτελέσετε Ερώτημα στοιχείου. Το ερώτημα στοιχείου υποδηλώνεται από το @στοιχείο και αντίθετα, @μεσο ΜΑΖΙΚΗΣ ΕΝΗΜΕΡΩΣΗΣ, @στοιχείο γνωρίζει πολυάριθμες συνθήκες πέραν αυτού “ύψος” και “πλάτος”. Μπορείτε, για παράδειγμα, να εφαρμόσετε στυλ με βάση τους αριθμούς χαρακτήρων που περιέχονται στο στοιχείο.

HTTP2

HTTP2 είναι η τελευταία προδιαγραφή του HTTP με σημαντικές αλλαγές. Υποσχόμενη για καλύτερη απόδοση και αποτελεσματική μεταφορά δεδομένων. Σε αυτόν τον πόρο, μπορείτε να βρείτε αυτές τις αλλαγές (με μεγάλη λεπτομέρεια), τον αντίκτυπό του στην ασφάλεια, την ταχύτητα και την εμπειρία των χρηστών.

Elementor

Elementor είναι ένα plugin του WordPress που σας επιτρέπει να δημιουργείτε διατάξεις ιστού με drag-n-drop. Με το Elementor, μπορείτε να δημιουργήσετε μια πιο συναρπαστική διάταξη. Είναι ευαίσθητη, πλήρως προσαρμόσιμη και φιλική προς το χρήστη.

TimeDropper

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

SyntaxDB

Μια μηχανή αναζήτησης για αναζήτηση σύνταξης γλώσσας προγραμματισμού. Υποστηρίζει επί του παρόντος πολλές γλώσσες, όπως Java, C, Ruby, JavaScript και Python. Αυτό θα μπορούσε να είναι η τελική μηχανή αναζήτησης για προγραμματιστές καθώς η βάση δεδομένων και η υποστήριξη γλώσσας μεγαλώνει.

Github Dark UI

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

Microlight

Αντί να επισημάνετε τον κώδικα με διαφορετικά χρώματα, όπως μπορείτε να δείτε παρακάτω, το Microlight κάνει τον κώδικα “λάμψη”. Μια βιβλιοθήκη JavaScript που τονίζει τον κώδικα - κυριολεκτικά.

BarbaJS

Το BarbaJS είναι μια βιβλιοθήκη JavaScript που επιτρέπει την ομαλή μετάβαση της σελίδας μέσω του ιστορικού JavaScript API / pushState. Αυτό το πρόσθετο περιλαμβάνει μεθόδους, προσαρμοσμένα συμβάντα και μια χούφτα API για να προσφέρει μια ομαλότερη εμπειρία για τις σελίδες στον ιστότοπό σας. Να μερικά παραδείγματα.

TypeTerms

Αναρωτηθήκατε ποτέ ποια είναι η διαφορετική μεταξύ “απόσταση γραμμάτων” και “kerning” είναι? TypeTerms είναι μια διαδραστική παρουσίαση όπου μπορείτε να μάθετε αυτές τις συγκεχυμένες τυπογραφικές ορολογίες.

ButterBean

ButterBean είναι ένα νέο και εκλεπτυσμένο plugin για την κατασκευή του Meta Box στο WordPress. Αναπτύσσεται σύμφωνα με τη σύγχρονη αρχιτεκτονική API του WordPress Customizer. Κάνει το συγκεκριμένο WordPress admin UI πιο κομψό.

Έλεγχος θέματος για παιδιά

Ένα plugin WordPress για να ελέγξετε το θέμα του παιδιού σας σε σχέση με το γονικό θέμα. θα ελέγξει αν τα αρχεία που βασίζονται στο θέμα του παιδιού ενημερώνονται.

CloudFlare UI

CloudFlare UI είναι ένα στοιχείο UI συλλογής που είναι χτισμένο πάνω από το React. Λαμβάνοντας υπόψη ότι η δημοτικότητα του React είναι σε ανοδική πορεία, ενδέχεται να υπάρξουν αρκετά παρόμοια πλαίσια UI εκεί έξω.

Λέρνα

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

Χαλάρωσε

Χαλάρωσε είναι μια βιβλιοθήκη JavaScript για να συμβάλει στη μείωση της χρήσης της CPU. Παρέχει ένα σύνολο λειτουργιών που μπορούν να χρησιμοποιηθούν στη θέση των λειτουργιών natives JavaScript. Μπορεί να αναπτυχθεί σε έναν κανονικό ιστότοπο ή να μην έχει εφαρμογή Node.js.

GEL Τυπογραφία

GEL Τυπογραφία είναι ο τυπογραφικός οδηγός στυλ του BBC. Ένας εξαιρετικός πόρος και έμπνευση για το πώς μπορείτε να τυποποιήσετε τα τυπογραφικά σας στυλ.

ΜΥΤΙΝΑ ΣΧΗΜΑΤΑ

Το MIND Patterns είναι ένας πρακτικός οδηγός για τη δημιουργία ενός προσβάσιμου ιστότοπου ηλεκτρονικού εμπορίου. Παρέχει οδηγούς όσον αφορά την κατασκευή HTML, χρησιμοποιώντας την ετικέτα ARIA, και τη σύνταξη στυλ CSS φιλικών προς το χρήστη για χρήστες με ειδικές ανάγκες.

CSS Ειδικότητα

Μια συλλογή από εικονογραφήσεις που περιγράφουν πώς λειτουργεί το CSS.

CSS Dig

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

Stash πρότυπο

Μια συλλογή προτύπων που επιλέχθηκαν με το χέρι όπου μπορείτε να βρείτε ένα ευρύ φάσμα τύπων προτύπων, συμπεριλαμβανομένων των προτύπων HTML5, WordPress, Ghost, Bootstrap και e-Commerce.