Homepage » Web design » Nuove risorse per Web designer e sviluppatori (aprile 2015)

    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).