Nuove risorse per Web designer e sviluppatori (aprile 2015)
Come è il tuo (promemoria amichevole) il primo di aprile? Bene, per il resto di noi che non fanno scherzi, ecco l'ultima puntata di nuove risorse per i web designer e sviluppatori.
Per aprile abbiamo una serie di ottime app per aumentare la produttività, una libreria che migliora l'esperienza utente con un grande datalist, un'estensione Photoshop che ti offre widget meteo e un pratico strumento web che memorizza il carattere web nella cache.
Righello CSS
Ci sono un numero di misure unitarie nei CSS; alcuni sono fissi mentre altri sono relativi come em
, rem
e ch
. Righello CSS è uno strumento in cui è possibile confrontare visivamente la scala delle unità l'una con l'altra.
ResponsiveJP
ResponsiveJP presenta una serie di siti Web reattivi dal Giappone, principalmente come riferimento per i web designer che hanno difficoltà a trovare reattività quando si tratta di contenuti tipografici non latini. Ti aiuta ad allungare la tua prospettiva e a dare uno sguardo alle tendenze del design del web orientale.
Google Fonts Alternate
Molti servizi Google sono bloccati in Cina, incluso Google Font - è quasi certo che Google Font non verrà visualizzato correttamente in Cina. Se desideri pubblicare la raccolta di Google Font in Cina, punta il foglio di stile del carattere a una fonte alternativa Useso, per esempio:
// fogli di stile dei font di Google. // collegamento alternativo
Buona fortuna e buona fortuna!
Muir Icons
Muir Icons è una raccolta di icone progettate per corrispondere a OS X Yosemite. Prende il nome da John Muir, un naturalista e attivista che ha contribuito a preservare lo Yosemite originale, sì, quel parco nazionale negli Stati Uniti. Al momento della stesura di questo articolo, sono già stati pubblicati 3 volumi di questi set di icone. Ciascuno è costituito da icone di app popolari come Adobe Creative Suites, Twitter, Sketch, Skype e SublimeText.
- Muir Volume I
- Muir Volume II
- Muir Volume III
CouleursApp
CouleursApp è una piccola app che ti permette di raccogliere i colori ovunque sullo schermo. Migliora l'app di selezione dei colori per Mac incorporata. Supporta un numero di formati di colore tra cui Hex e UIColor di Swift.
Compatibilità: OS X 10.10 o successivo
Tempo metereologico
Tempo metereologico è un'estensione Photoshop che aggiunge widget meteo sul tuo spazio di lavoro di Photoshop. È uno strumento utile per aiutarti a decidere se è ora di lasciare la tua scrivania e uscire per goderti il bel tempo.
Compatibilità: Photoshop CC
Awesomplete
Awesomplate è una libreria JavaScript che imita l'HTML5 elemento. È possibile aggiungere un elenco di suggerimenti all'interno di un elemento di input che verrà visualizzato come tipi di utente. È un approccio pratico per migliorare l'esperienza dell'utente, in particolare quando si ha a che fare con un grande datalist.
Compatibilità: IE9 +, Chrome, Firefox, Safari 5+, Safari mobile.
Noizio
Noizio è un'app con una collezione di rumori naturali: suoni del vento, oceano e temporali. Potrebbe aiutarti a concentrarti meglio sul tuo lavoro fornendo un ambiente tranquillo che ti consenta di distaccarti dal trambusto di un'atmosfera di lavoro pressurizzata. Almeno lo ha fatto per me.
Compatibilità: OS X 10.8 o successivo
Hocus Focus
Questo è uno per coloro che hanno difficoltà a concentrarsi. HocusFocus è un'app che nasconde abilmente finestre e spazi di lavoro all'interno del tuo desktop OS X per un certo periodo di tempo, lasciando solo le finestre che usi di più. Ti rende più efficiente, pulisce la confusione dal desktop e ti aiuta a concentrarti sul tuo lavoro.
Compatibilità: OS X 10.10 o successivo
PixelCounter
PixelCounter conta i pixel nelle tue immagini. Basta trascinare e rilasciare un'immagine o un'intera directory del progetto nell'app, e conterà e somma tutti i pixel nelle immagini JPEG, PNG, WebP, GIF e persino SVG. Ora, se solo potessimo iniziare una tendenza in cui addebitiamo i clienti in base ai pixel ... hmm.
Compatibilità: OSX 10.8 o successivo, Windows 7 o successivo e Linux (disponibile a breve)
UI Blurbs
UIBlurbs genera un profilo utente fittizio ed è l'app Web perfetta da utilizzare in tandem con UIFaces e UINames per creare un prototipo di design.
localFont
localFont è una webapp che migliora le prestazioni dei font web. Mentre trascini e rilascia un font (.WOFF
, o .ttf
), codificherà e incorpora il font in CSS. Genera anche alcune righe di JavaScript che memorizzeranno il font nel localStorage dell'utente (leggi il nostro tutorial precedente sull'uso di Cookie & HTML5 localStorage).