Nuove risorse per sviluppatori Web - Agosto 2016
In questo articolo, presentiamo un quadro di riferimento e strumenti orientati allo sviluppo web . È interessante notare che ho trovato alcuni di questi strumenti e strutture provenienti da società di colossi come Microsoft e Alibaba.
Questo è un buon segno, dato che sempre più aziende stanno contribuendo all'open-source e contribuiscono a dare forma a un Web migliore. Diamo un'occhiata a cosa c'è in serbo per la compilation di questo mese.
Clicca per più risorseClicca per più risorse
Trova la nostra intera collezione di risorse raccomandate e i migliori strumenti di sviluppo e progettazione web disponibili.
CuteStrap
Un framework UI costruito su Sass. Viene fornito con tutte le interfacce Web più comuni come moduli, navigazioni e pulsanti, che dovrebbero essere sufficienti in molti casi. Se trovi schizzinosi framework come Bootstrap e Foundation travolgenti, Cutestrap potrebbe essere un'ottima alternativa per te.
Test HTML5HTML5 Test è uno strumento online che testerà fino a che punto un browser supporta le ultime specifiche HTML5. È uno strumento utile per coloro che sono coinvolti nel debugging e nel test delle moderne applicazioni web.
Calorie del browserBrowser Calories è un'estensione di Chrome che misura il peso di una pagina web. Analizza i file caricati e il loro contributo al peso totale della pagina. Un ottimo strumento per aiutarti a ottimizzare le prestazioni del tuo sito web.
weexWeex è un framework di Alibaba per creare app mobili con solo HTML, CSS e JavaScript. Viene fornito con moduli, componenti dell'interfaccia utente, i propri DevTools e CLI progettati per l'ambiente mobile e per accelerare lo sviluppo.
Microsoft Web Framework (MWF)Un framework di Microsoft, i componenti dell'interfaccia utente di MWF sono basati sul linguaggio di progettazione moderno di Microsoft: piatto, pulito e minimalista. Questo framework, oltre ai componenti dell'interfaccia utente, dà anche indicazioni sull'uso di Colori, Tipografia e Animazione. Penso che Material Design Lite abbia finalmente raggiunto un pari contendente.
VitaleVital è un framework con un'interfaccia minima molto piacevole. È leggero, non ha JavaScript e nativamente Rogue - un syntaxhigighter basato su Ruby.
FONTEAFontea è un'estensione Photoshop gratuita per gestire e applicare facilmente centinaia di caratteri Google. Puoi cercare il carattere all'interno di Photoshop, visualizzare l'anteprima e applicare il carattere direttamente al tuo design, semplificando il tuo flusso di lavoro.
pioggerellaQuesto è uno strumento che ti consente di creare schemi di interfaccia utente o guida di stile per il tuo sito web. Genera cose come i colori, gli stili di base o il layout per i componenti, nonché il frammento di codice. Un generatore di guide di stile come Drizzle ti consentirà di rimanere coerente con gli stili del tuo sito web.
iNTERCOOLERInterCoolerJS è una libreria JavaScript che rende l'applicazione di AJAX sul tuo sito web semplice come aggiungere attributi HTML. Viene fornito con una guida completa e numerosi esempi per aiutarti a iniziare a utilizzare lo strumento.
PiclaPicla è un plugin jQuery per mostrare le etichette dell'immagine recuperate dall'attributo alt
dell'immagine. Fornisce alcune opzioni per consentire di aggiungere stile e movimento personalizzati all'etichetta. Picla può essere installato come dipendenza dal tuo sito web con Bower.
Ecco un plugin jQuery per mostrare popup modali . IziModal ha molte opzioni per la personalizzazione. Ad esempio, puoi personalizzare l'animazione, il contenuto del testo, i colori. È leggero, reattivo e pronto per la retina.
MegaBoilerplateMegaBoilerplate è un generatore per configurare rapidamente uno stack di sviluppo. Vai al sito web e seleziona quali strumenti e librerie (Node.js, HTML5, Vanilla JavaScript ed Electron) utilizzerai come base del tuo sito web. Compilerà e configurerà tutte le cose che ti servono in un pacchetto zippato, pronto per il download.
urlatoreUna libreria JavaScript per visualizzare un lettore audio moderno utilizzando l'API Web Audio, Howler funziona in browser vecchi come IE9 e supporta molti codec audio come MP3, WEBM, WAV. Un sacco di funzionalità, modulare e funziona senza libreria esterna.
SuperEmbedSuperEmbed è una piccola libreria JavaScript che rende gli oggetti incorporati reattivi, pur mantenendo il rapporto originale. Supporta una vasta gamma di fonti tra cui Youtube, Flickr, Vine, VideoPress e DailyMotion. Guarda la demo.
CleaveJSCleave è una libreria JavaScript che formatta automaticamente i valori nell'input. Ad esempio, è possibile aggiungere il separatore delle migliaia nell'input della valuta, aggiungere spazio nell'input del numero della carta di credito o aggiungere /
inserire la data. Utilizza questa libreria per offrire un'esperienza utente migliore.
FlippingTypical ti permette di visualizzare tutti i font installati sul tuo sistema. Trovo che questa app sia più comoda rispetto all'utilizzo dell'app FontBook in macOS. Digito testo casuale e vedo quale dei caratteri del mio sistema ha un aspetto migliore.
LightTableUn nuovo IDE che penso valga la pena esplorare. È iniziato come un progetto KickStarter, supportato da Matt Mullenweg (fondatore di WordPress), e alla fine è diventato open source. Puoi guardare questo video per avere un'idea di quanto sia bello questo IDE.
CompressoreCompressor è un'app Web che comprime i file di immagine fino alla dimensione più piccola senza perdere la qualità visiva. Supporta anche JPG, GIF, PNG e SVG. Questa app è gratuita
Microsoft Site ScanQuesto è uno strumento utile di Microsoft per analizzare il tuo sito Web per problemi come la compatibilità dei browser e l'accessibilità. Lo strumento elencherà un rapporto che ti dice se qualcosa non è giusto sul tuo sito web e come puoi procedere per risolvere il problema. Provaci!
Disabilita BloggingQuesto plugin, come suggerisce il nome, rimuoverà le funzionalità di blogging come Post, Commenti e Feed. È il plug-in giusto per te se non hai bisogno della funzionalità di blogging in WordPress.
Come costruire un seguito di clienti da sconosciuti completi
Può sembrare impossibile, ma costruire un rapporto con i tuoi lettori in un singolo post è ciò che lo scrittore professionista di contenuti freelance fa per vivere. Il nostro obiettivo, per quanto possa sembrare inverosimile, è quello di catturare l'attenzione di un estraneo completo e convertire quella persona, trasformandola in un amico, in un curioso ricercatore, in un ammiratore, in uno studente, in un cliente o in qualsiasi combinazione di questi .La
Come creare un dispositivo di scorrimento immagine usando Photoshop e jQuery
Indubbiamente, il dispositivo di scorrimento delle immagini è uno degli elementi più comunemente usati nel web design del business, a causa delle sue dimensioni relativamente grandi che sono in grado di attirare l'attenzione del visitatore una volta che arrivano al sito. Anche se il web ha iniziato a ripensare alla fruibilità del dispositivo di scorrimento delle immagini, è ancora considerato un must per il nuovo arrivato nel settore del web design.In