Nuove risorse per Web designer e sviluppatori (luglio 2016)

Questa puntata include ancora una vasta gamma di risorse. Abbiamo fonti per ispirare la tua prossima progettazione di landing page, due modi per i programmatori di offuscare gli effetti di uno schermo sfolgorante, un plug-in per la creazione di layout web con trascinamento della selezione, un plug-in jQuery per perfezionare i tuoi data-picker e un sacco di JavaScript librerie per aiutare gli sviluppatori.

Sono incluse anche risorse su HTTP2, terminologie tipografiche, creazione di siti pronte per l'accessibilità e un motore di ricerca per la programmazione della sintassi del linguaggio. Vediamoli.

Clicca per altre risorse

Trova la nostra intera collezione di risorse consigliate e i migliori strumenti di sviluppo e progettazione web disponibili.

Landing Folio

Landing folio è un punto centrale in cui puoi trovare esempi di design delle pagine di destinazione. Ci sono centinaia di esempi sul sito e puoi definire l'elenco in base alla loro categoria. Questo è sicuramente un valore aggiunto ai bookmarker per i web designer.

Query elemento

Un JavaScript che ti permette di esibirti Richiesta di elementi. La query sull'elemento è denotata da @elemento e diversamente, @media, @elemento è consapevole di numerose condizioni oltre “altezza” e “larghezza”. Ad esempio, puoi applicare gli stili in base ai caratteri numerici contenuti nell'elemento.

HTTP2

HTTP2 è l'ultima specifica di HTTP con cambiamenti significativi. Promette prestazioni migliori e trasferimento dati efficiente. In questa risorsa, puoi trovare queste modifiche (in grande dettaglio), il suo impatto su sicurezza, velocità e esperienza utente.

Elementor

Elementor è un plugin per WordPress che ti permette di costruire layout web con drag-n-drop. Con Elementor, puoi creare un layout più accattivante. È reattivo, completamente personalizzabile e facile da usare.

TimeDropper

Questo plugin è dotato di alcune animazioni che rendono più coinvolgente la selezione delle date sul web. Inoltre, sono disponibili opzioni per modificare l'aspetto dell'interfaccia utente. È un plug-in di jQuery per appassionati di appuntamenti.

SyntaxDB

Un motore di ricerca per cercare la sintassi del linguaggio di programmazione. Attualmente supporta un numero di lingue, tra cui Java, C, Ruby, JavaScript e Python. Questo potrebbe essere il miglior motore di ricerca per gli sviluppatori man mano che il database e il supporto linguistico crescono.

Github Dark UI

Github Dark UI è un tema cromatico più scuro per Github.com. Questa potrebbe essere una buona combinazione di colori alternativi, se lavori in ambienti in penombra o devi guardare lo schermo per lunghi periodi di tempo.

ultraleggero

Invece di evidenziare il codice con colori diversi, come puoi vedere qui sotto, Microlight rende il codice “splendore”. Una libreria JavaScript che evidenzia il codice - letteralmente.

BarbaJS

BarbaJS è una libreria JavaScript che consente una transizione uniforme delle pagine tramite JavaScript History API / pushState. Questo plug-in è dotato di metodi, eventi personalizzati e una manciata di API per offrire un'esperienza più fluida per le pagine del tuo sito web. Ecco alcuni esempi.

TypeTerms

Vi siete mai chiesti quale sia la differenza tra “spaziatura del carattere” e “crenatura” è? TypeTerms è una presentazione interattiva in cui puoi imparare queste terminologie tipografiche confuse.

Butterbean

Butterbean è un nuovo e sofisticato plugin per costruire Meta Box in WordPress. È sviluppato seguendo la moderna architettura API di WordPress Customizer. Rende più elegante questa particolare interfaccia utente di amministrazione di WordPress.

Controllo del tema del bambino

Un plug-in di WordPress per controllare il tema figlio rispetto al tema principale; controllerà se i file su cui si basa il tema secondario sono aggiornati.

CloudFlare UI

CloudFlare UI è una raccolta di componenti dell'interfaccia utente costruita su React. Considerando che la popolarità di React è in aumento, potrebbe esserci un numero di framework UI simili.

Lerna

La gestione di più pacchetti e repository in un progetto di grandi dimensioni è inevitabile. Questo strumento ti consente di gestire questa particolare situazione e infine ottimizzare il tuo flusso di lavoro.

Rilassarsi

Rilassarsi è una libreria JavaScript per ridurre l'utilizzo della CPU. Fornisce un set di funzioni che possono essere utilizzate al posto delle funzioni native JavaScript. Può essere distribuito su un normale sito Web o no un'applicazione basata su Node.js.

Tipografia GEL

Tipografia GEL è la guida allo stile tipografico della BBC. Una grande risorsa e ispirazione su come puoi standardizzare i tuoi stili tipografici.

Modelli MIND

MIND Patterns è una guida pratica per creare un sito Web e-Commerce accessibile. Fornisce guide in termini di costruzione di HTML, utilizzando l'etichetta ARIA e composizione di stili CSS di facile utilizzo per gli utenti con disabilità.

Specificità CSS

Una raccolta di illustrazioni che descrivono il funzionamento della specificità CSS.

CSS Dig

Un'estensione di Chrome che ti aiuta a ottimizzare i CSS. Scorrerà la pagina e fornirà il rapporto, l'elenco delle proprietà utilizzate come i colori.

Template Stash

Una raccolta di modelli scelti a mano in cui è possibile trovare un tipo di modelli di vasta gamma tra cui modelli HTML5, WordPress, Ghost, Bootstrap e e-Commerce.