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

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

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

CanIUse Shortcode

Το CanIUse είναι μια ολοκληρωμένη πηγή για την παρακολούθηση της υποστήριξης του προγράμματος περιήγησης για σύγχρονες λειτουργίες ιστού. Πρόκειται για ένα WordPress plugin που εμφανίζει έναν πίνακα CanIUse για το συγκεκριμένο χαρακτηριστικό χρησιμοποιώντας ένα εύχρηστο shortcode. Μόλις ενεργοποιηθεί, μπορείτε να προσθέσετε, για παράδειγμα, [χαρακτηρισμός ciu-display = "ήχος"] για να εμφανιστούν τα αποτελέσματα για υποστήριξη στοιχείου ήχου HTML5 σε έναν πίνακα.

jQuery FileAPI

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

TabellaJS

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

StickyFill

Το StickyFill είναι α polyfill του νέου CSS3 κολλώδης θέση. Εξομοιώνει τέλεια τη συμπεριφορά της κολλώδους θέσης και επίσης λειτουργεί με πολλές κολλώδεις περιπτώσεις.

Basket.js

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

HTMLHint

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

ABC Notation

Είστε μουσικός και τρέχετε έναν ιστότοπο που βασίζεται στο WordPress; Αυτό το plugin μπορεί να είναι αυτό που ψάχνατε. Αφού ενεργοποιηθεί η λειτουργία ABC Notation, μπορείτε να συνθέσετε μουσικές σημειώσεις στην ανάρτησή σας και στη σελίδα χρησιμοποιώντας ένα shortcode.

KSS StyleGuide

Το KSS Styleguide κάνει πιο εύκολη τη δημιουργία ενός ζωντανού οδηγού στυλ. Το εργαλείο θα αυτοματοποιήσει τη διαδικασία και καθώς ο ιστότοπός σας θα αναπτυχθεί με νέες προσθήκες και επαναλήψεις UI, το KSS θα ενημερώσει τον οδηγό στυλ.

Κατάσταση Internet Explorer

Ο Internet Explorer εξελίσσεται προς το καλύτερο. Στην τελευταία έκδοση (πριν από το Spartan), ο Internet Explorer έχει υιοθετήσει πολλά νέα πρότυπα ιστού. Τώρα ακολουθείτε την κατάσταση των επερχόμενων λειτουργιών που πρόκειται να κυκλοφορήσουν με την επόμενη έκδοση. Είναι μια εύχρηστη αναφορά για τους προγραμματιστές ιστού εκτός από το CanIUse και το Chrome Status.

CSS Flexbox

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

Κοιλάδα

Κοιλάδα είναι μια συλλογή εικονιδίων φακέλων OS X και κοινών φακέλων που παράγονται από τρίτους, όπως Dropbox, Drive και OneDrive. Το χρώμα του φακέλου είναι πιο έντονο, κάτι που πιστεύω ότι είναι μια καλύτερη απόφαση από ό, τι παίρνετε με τους φακέλους OS X Yosemite (πολύ ζωντανός!).

CSS Wizardry Grid

Ένα ελαφρύ αλλά γερό σύστημα CSS ανταποκριτικό πλέγμα που αναπτύχθηκε από τον Χάρι Ρόμπερτ, είναι γεμάτο με μια χούφτα καλοσύνης του CSS. είναι πλήρως ανταποκρίνεται, τροφοδοτείται με Sass, δομημένη με τη μεθοδολογία BEM, και είναι αναστρέψιμα πλέγματα.