Nuove risorse per Web designer e sviluppatori (febbraio 2015)

Dopo averlo fatto per più di un anno, la parte più difficile della stesura di questa pila mensile di risorse per designer e sviluppatori è l'introduzione. Mentre siamo in tema, ecco il tuo riepilogo di febbraio 2015 delle risorse migliori e più fresche per gli sviluppatori web come te.

In questa puntata, stiamo guardando uno speciale motore di ricerca per trovare frammenti di codice, un molto intraprendente riferimento ai problemi di indirizzo nel modulo Flexbox, e strumenti di sviluppo per una migliore gestione di colore, carattere tipografico e sfumature.

Animatore di gradienti

Gradiente CSS3 ci consente di creare gradienti senza immagini sul nostro sito Web senza la necessità di caricare alcuna immagine. Possiamo persino combinarlo con l'animazione CSS3 per dare un effetto più convincente. Ma se il codice è troppo per te, usa il più semplice percorso Gradient Animator per crearne uno con una bella interfaccia.

Guida tascabile SVG

Guida tascabile SVG è compilato da Joni Trythall. È un utile riferimento che ti guiderà attraverso le nozioni di base di SVG (come la creazione di forme e testo) fino a funzioni più avanzate (come la creazione di gradienti, percorsi di ritaglio e motivi). Il libro è disponibile in formato Markdown ed è disponibile in inglese e portoghese.

Flexbugs

Flexbox è un nuovo modulo molto promettente in CSS3 che cambierebbe totalmente il modo in cui costruiamo i layout web. Tuttavia, include anche problemi di compatibilità cross-browser. Questo repository, Flexbugs, è una raccolta di questi bug e soluzioni alternative per affrontarli. Questa è una risorsa molto utile per chiunque viva ai margini del Web.

icono

È incredibile quello che possiamo ottenere con il solo CSS, come creare un'icona completamente presentabile usando solo un singolo elemento. icono è la libreria che fa questo. In questa libreria, troverai una raccolta di icone familiari realizzate solo con un singolo elemento e CSS. Queste icone si caricano più velocemente e sono più personalizzabili delle icone basate su immagini.

Dillinger

Dillinger è un editor di Markdown piacevole per gli occhi. Qui puoi scrivere in formato Markdown e vedere immediatamente l'output nella scheda a destra. Per tua comodità, Dillinger ti consente di esportare il tuo lavoro in HTML, PDF o semplicemente in un formato di file Markdown una volta che hai finito. In alternativa, puoi anche collegarlo a un servizio di terze parti come Dropbox e Github in cui puoi salvare il tuo file.

HTML5Up

HTML5Up è una raccolta di modelli gratuiti basati su HTML5. È possibile trovare una manciata di layout che si rivolgono a diversi tipi di siti Web: business, portfolio o semplicemente un semplice blog. Tutti i modelli sono reattivi e assicurano che il contenuto e il layout del sito web siano fruibili in varie dimensioni dello schermo.

Colori CSS

Vi siete mai chiesti che nome ha un determinato colore? Colori CSS mostra il nome del colore e il formato Hex e RGBA per una raccolta di colori di base. È una buona fonte per trovare la perfetta combinazione di colori per i tuoi siti web.

Emmet Re-view

Ri-view è un'estensione di Chrome che analizza il tuo sito web @media esegue una query e visualizza il sito Web in ciascuno dei punti di interruzione specificati in ciascuno @media query. Se stai cercando uno strumento che ti consenta di risparmiare un po 'di tempo quando collaudi siti web reattivi, allora questo è lo strumento di cui hai bisogno.

TypeGenius

Se dai un'occhiata alla libreria dei font di Google, troverai molti font in volti, famiglia, peso e tipi diversi. Quindi scegliere la coppia giusta o la combinazione di caratteri potrebbe essere un compito davvero travolgente. TypeGenius rende la selezione di coppie di caratteri semplice e veloce e possibile per la popolazione generale.

SearchCode

Come dice il nome, questo è un motore di ricerca per cercare codici o frammenti di codice di molti linguaggi di programmazione tra cui JavaScript, C, PHP. Questo motore di ricerca ricaverà il suo risultato da molte fonti come Github, Bitbucket e Google Code. Questo è uno strumento indispensabile per i programmatori pesanti.