Nuove risorse per Web designer e sviluppatori (maggio 2015)

Sembra che il capodanno sia stato solo ieri. Nondimeno, siamo qui ora dentro potrebbe e è giunto il momento per noi di condividere nuove risorse con i nostri colleghi sviluppatori web.

In questo round abbiamo alcuni buoni riferimenti che meritano il bookmarking, uno strumento che ti aiuta a verificare gli errori HTML, uno shortcode per comporre le notazioni musicali, una libreria JS per la gestione delle tabelle in modo reattivo e un sistema di griglia reattivo.

CanIUse Shortcode

CanIUse è una fonte completa per tracciare il supporto del browser per le funzionalità web moderne. Questo è un plugin per WordPress che visualizza una tabella CanIUse per la funzione specificata utilizzando un pratico shortcode. Una volta attivato, puoi aggiungere, per esempio, [ciu-display feature = "audio"] per visualizzare i risultati per il supporto di elementi audio HTML5 in una tabella.

jQuery FileAPI

Un plugin jQuery che interagisce con il file API del browser per gestire il caricamento dei file, questo plugin include anche la possibilità per il ritaglio e il ridimensionamento delle immagini e il caricamento di più file.

TabellaJS

Costruire un tavolo reattivo è davvero difficile. Esistono molte librerie e tecniche JavaScript che è possibile utilizzare, ma ognuna presenta le proprie insidie. Tabella è una biblioteca che sembra promettente nel tentativo di affrontare questo famigerato ostacolo nel responsive web design.

StickyFill

StickyFill è un polyfill del nuovo CSS3 appiccicoso posizione. Simula perfettamente il comportamento di posizione appiccicosa e funziona anche con molte istanze appiccicose.

Basket.js

Basket.js è una libreria JavaScript utilizzata per ottimizzare il tempo di caricamento di JavaScript. Basket.js memorizzerà in cache JavaScripts nel localStorage, evitando così il caricamento non necessario in futuro. Ciò migliorerà anche la velocità del sito Web in quanto gli script non vengono richiamati dall'utente ma recuperati dal server.

HTMLHint

HTMLHint è un piccolo strumento web per controllare gli errori in HTML. Lo strumento controllerà gli standard di denominazione, i tag di chiusura mancanti, i problemi di accessibilità, l'uso corretto di Doctype e gli ID duplicati e altri problemi che potresti spesso trascurare.

Notazione ABC

Sei un musicista e gestisci un sito basato su WordPress? Questo plugin potrebbe essere quello che stavi cercando. Una volta attivato, ABC Notation consente di comporre note musicali nel tuo post e nella pagina utilizzando uno shortcode.

KSS StyleGuide

KSS Styleguide rende più comoda la creazione di una guida allo stile di vita. Lo strumento automatizzerà il processo e man mano che il tuo sito web crescerà con nuove aggiunte e iterazioni dell'interfaccia utente, KSS aggiornerà la guida allo stile.

Stato di Internet Explorer

Internet Explorer si sta evolvendo in meglio. Nell'ultima versione (precedente a Spartan) Internet Explorer ha abbracciato molti nuovi standard web. Ora segui lo stato delle prossime funzionalità che verranno rilasciate con la prossima versione. È un utile riferimento per gli sviluppatori web oltre a CanIUse e Chrome Status.

CSS Flexbox

Una raccolta di qualsiasi cosa abbia a che fare con CSS Flexbox come tutorial, articoli e cheatsheet. Un riferimento molto utile per gli sviluppatori ai segnalibri.

Valle

Valle è una raccolta di icone di cartelle OS X e di cartelle generiche di terze parti come Dropbox, Drive e OneDrive. Il colore della cartella è più attenuato, che credo sia una decisione migliore di quella che ottieni con le cartelle OS X Yosemite (troppo vivace!).

CSS Wizardry Grid

Un sistema di griglia reattiva CSS leggero ma robusto sviluppato da Harry Robert, è ricco di una manciata di bontà CSS; è completamente reattivo, alimentato con Sass, strutturato con metodologia BEM, e sono griglie reversibili.