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

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

Για την παρτίδα του Ιουλίου του 2015, αναδεικνύουμε νέα εργαλεία και πόρους που θα διευκολύνουν τα καθήκοντά σας, από τα plugins WordPress που σας επιτρέπουν να αναπτύξετε ιδιωτικά τις ενημερώσεις προσθηκών σε μια βιβλιοθήκη JavaScript για να προσθέσετε εμπνευσμένα κινούμενα σχέδια.

Aladdin

Αυτό το πρόσθετο προσθέτει πρόσθετη λειτουργικότητα στη διαχείριση WordPress που είναι παρόμοια με το OS X Spotlight. Με αυτό, μπορείτε να αποκτήσετε γρήγορη πρόσβαση σε αρχεία και φακέλους στο Mac σας. Μόλις εγκατασταθεί, πατήστε το Shift δύο φορές και έπειτα πληκτρολογήστε σε τι θέλετε να έχετε πρόσβαση. Κάνει τη διαχείριση του WordPress πιο προσιτή με τη χρήση του πληκτρολογίου.

SiteOrigin CSS

SiteOrigin CSS είναι ένα ισχυρό plugin WordPress για να προσαρμόσετε οποιαδήποτε εμφάνιση θέμα σε πραγματικό χρόνο. Το plugin προσθέτει ένα νέο πλαίσιο κάτω από το Εμφάνιση> Προσαρμοσμένο CSS μενού. Σε αυτό μπορείτε να γράψετε προσαρμοσμένους κανόνες CSS για να αντικαταστήσετε το CSS του θέματος που χρησιμοποιείτε ή μπορείτε επίσης να χρησιμοποιήσετε τον πίνακα GUI για να προσθέσετε διαισθητικά τους κανόνες CSS.

DynamicsJS

Το DynmaicJS είναι μια βιβλιοθήκη για την εφαρμογή κινούμενων εικόνων βασισμένων στη φυσική. Δεν είμαι φυσικός ειδικός, αλλά τα παραδείγματα εδώ σε αυτό το μενού φαίνονται πολύ δροσερά. Μπορεί να εμπεριέχει στοιχεία HTML και SVG και σας δίνει γρήγορη απόδοση χωρίς καμία εξάρτηση. Το DynamicJS έχει δοκιμαστεί σε Safari 7+, Firefox 35+, Chrome 34+ και IE10+.

Λειτουργία πτήσης

Αυτό το πρόσθετο θα εμποδίσει αρκετές αιτήσεις HTTP εξωτερικού WordPress, όπως το Google Γραμματοσειρές, το Gravatar και το WordPress updater, να προσπαθήσουν να συνδεθούν με τις υποδοχές και τις αποθήκες θεμάτων για ενημερώσεις. Είναι ένα χρήσιμο plugin για την τοπική ανάπτυξη για την καταστολή των λαθών που προκύπτουν όταν αυτές οι κλήσεις αποτυγχάνουν (κάτι που συνήθως συμβαίνει όταν αναπτύσσεται τοπικά υπό εξαιρετικά αργό Internet).

Coverr

Μια συλλογή βίντεο που είναι ιδανική για τις κεφαλίδες του ιστότοπού σας. Όλα τα βίντεο είναι δωρεάν, με άδεια στο Public Domain. Μην ξεχάσετε να δείτε το “Πώς να χρησιμοποιήσετε” για να μάθετε πώς μπορείτε να προσθέσετε το βίντεο στην ιστοσελίδα σας.

VibrantJS

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

GradifyCSS

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

PurifyCSS

Το PurifyCSS καθαρίζει τους αχρησιμοποίητους κανόνες CSS από το φύλλο στυλ σας. Μπορείτε να χρησιμοποιήσετε αυτό για να περιορίσετε τα μεγέθη στυλ φύλλων μεγάλων πλαισίων, όπως Bootstrap και Foundation έως και 40%. Το PurifyCSS είναι διαθέσιμο ως plugin Grunt και Gulp.

Κεφάλαιο τίτλου για το WordPress

Το όνομα το έχει πει όλα. Αυτό το plugin WordPress θα μετατρέψει τους τίτλους καθώς και τις επικεφαλίδες στο περιεχόμενο σε σωστή χρήση κεφαλαίων κατά την αποθήκευση ή δημοσίευση της δημοσίευσης και της σελίδας. Θεωρώ ότι αυτό το plugin είναι χρήσιμο για ιστότοπους με πολλαπλούς συγγραφείς για να διατηρηθεί η συνεκτικότητα του περιεχομένου του ιστοτόπου τους.

GitHub Updater

Αυτό το plugin επιτρέπει στο χρήστη να εγκαταστήσετε και ενημερώσετε αυτόματα Τα plugins WordPress που φιλοξενούνται στο GitHub. Παρά το όνομα, το plugin υποστηρίζει επίσης το Bitbucket και το GitLab, συμπεριλαμβανομένου ενός σε ιδιωτικό αποθετήριο. Είναι ένα χρήσιμο plugin για προγραμματιστές που αναπτύσσουν και διανέμουν τα plugins ή τα θέματα αποκλειστικά μόνο για τους πελάτες τους.

Παραδείγματα κώδικα

Μια συλλογή από παραδείγματα κώδικα από WordPress Ομάδα Επισκόπησης Θεμάτων. Προς το παρόν, το παράδειγμα αποτελείται από κώδικες για τη δημιουργία συνιστωσών Customizer Theme χρησιμοποιώντας το API Customizer, συμπεριλαμβανομένης της δημιουργίας του τμήματος, των ρυθμίσεων και του πίνακα. Περισσότερες κωδικές παραδείγματα βέλτιστων πρακτικών που προστίθενται στο μέλλον.