Nuove risorse per Web designer e sviluppatori (marzo 2015)

È tempo di un altro giro di nuove risorse, per il mese di marzo. In questo ciclo di serie, abbiamo un browser in erba, prototipi per un dispositivo del tipo indossabile, una collezione di icone che possono trasformarsi in una manciata di altre cose interessanti.

Per ulteriori risorse fresche per gli sviluppatori web, segui le serie.

CodePad

CodePad è un'app Web che è possibile utilizzare per salvare e condividere codici. Supporta diversi linguaggi di programmazione che vanno da CSS a XSLT. Puoi impostare gli snippet di codice come accesso privato in modo che solo tu possa vederli o lasciarli accessibili pubblicamente, il che consente anche ai motori di ricerca di raccoglierlo.

UINames

Se scegliere un nome utente quando si apre un account per qualsiasi servizio online è difficile per te, pensa a quanto sia difficile per i designer inventare nomi falsi come riempitore di contenuti o segnaposto in prototipi. UINames ti permette di generare alcuni nomi casuali - come Lorem Ipsum, ma per i nomi delle persone, invece. Puoi scegliere un nome in base al genere o anche ai Paesi (ad es. Giapponese, cinese, vietnam).

App DevTools

L'App DevTools è un'applicazione che ti consente di eseguire il debug del tuo sito web. Funziona come il DevTools che possiamo trovare in Chrome. Questa app è un progetto sperimentale per separare DevTools da Chrome, che è un'idea abbastanza razionale in quanto la maggior parte degli utenti di Chrome non ha bisogno o non usa DevTools - solo gli sviluppatori.

Is.js

Is.js è una comoda libreria JavaScript che ti permette di eseguire la valutazione in modo intuitivo usando il è metodo. È possibile testare quasi tutti i tipi di dati inclusi String, Array, Time, RegEx (Regular Expression) e persino Environment.

Il seguente esempio di codice valuterà se siamo in Internet Explorer 6:

 var IE6 = is.ie (6) if (IE6) // esegue la funzione qui 

TheatrJS

TheatrJS è una libreria JavaScript per creare effetti di battitura, a differenza di librerie simili, TheatrJS imita il tipo di esseri umani reali ad es. con un piccolo ritardo, con errori di battitura e correzione.

TintUI

TintUI è una raccolta di tavolozze di colori derivate da più fonti. Qui puoi trovare i colori utilizzati in iOS, Android Material Design o Microsoft Windows. Questo strumento semplifica la scelta del colore, basta fare clic su una tessera di colore per copiare il formato esadecimale di quel colore.

Transformicons

Transformicons è una raccolta di pulsanti di commutazione comuni che si trasformeranno in qualcosa di diverso quando si fa clic. Puoi trovare il popolare “Hamburger” icone che cambieranno in un'icona a forma di croce o una freccia. Transformicons fornisce anche lo strumento Genera che è possibile utilizzare per generare HTML, CSS e JavaScript solo per le icone selezionate.

Vivaldi

Vivaldi è un nuovo browser creato dallo stesso team che ha costruito la prima versione di Opera con il motore Presto. Anche se Vivaldi è ancora nella sua infanzia, è già disponibile con funzioni utili come “Comandi rapidi” per personalizzare le scorciatoie di navigazione e le Tabulazioni che raggruppano più schede in un'unica scheda. Lo sviluppo è in corso, con più funzionalità a venire come il supporto di Mail ed Extension.

Apple Watch Mockup

Abbiamo già mockup per desktop, tablet e smartphone, quindi è solo una questione di tempo prima che ci siano i prototipi di smartwatch. Se hai bisogno di prototipi per Apple Watch, questo è il sito da aggiungere ai segnalibri. Troverai anche i prototipi per le icone iOS e l'iPhone 6.

Font di slot

Slot Font è un font dal design unico. È un carattere arrotondato con all'interno un ornamento a mezzo cerchio. Il font è disponibile in formato OTF ed è utile come intestazione di un poster. È gratuito per l'uso in progetti personali e commerciali.