Social Network

Email: info@labaiadelweb.com Telefono: 346 3141781
Email: info@labaiadelweb.com Telefono: 346 3141781

Articoli e notizie per web designer


Articoli di grafica, strumenti utili, tutorial, blog, libri

Foto gratuite per siti web

Foto gratuite per siti web

Unsplash permette di scaricare ed utilizzare con licenza Creative Commons immagini per siti web, sono tutte di ottima qualità e risoluzione. Dieci nuove foto vengono aggiunte ogni dieci giorni.

Tavola dei caratteri Unicode

Tavola dei caratteri Unicode

Unicode character table è una tavola di caratteri di vario tipo, lettere e simboli espressi nello standard Unicode. Unicode assegna un numero univoco ad ogni carattere indipendentemente dalla piattaforma usata, dall’applicativo e dalla lingua.  Si può anche vedere la distribuzione geografica dei caratteri elencati.

Picksum Ipsum

Picksum Ipsum

Picksum Ipsum è un generatore di testo sullo stile del più famoso Lorem Ipsum. Il testo viene generato mescolando citazioni da vari film di attori famosi come Clint Eastwood, Morgan Freeman, Jim Carrey…

The Web Font Combinator

The Web Font Combinator

The Web Font Combinator è un utile strumento per avere un’antemprima della combinazione di font usati per la costruzione di un progetto grafico.  

Endless Icons

Endless Icons

Icone gratis suddivise in categorie: Sport, Meteo, Ufficio, Divertimenti, Cibo, Shopping, Mobile….  

JPEGmini

JPEGmini

JPEGmini riduce le dimensioni dei file immagine senza perdere la qualità visiva. Più grande è il file originale, migliore è il risultato ottenibile.

MixItUp

MixItUp

MixItUp è un plugin jQuery per filtrare e ordinare degli elementi come ad esempio delle immagini suddivisibili per tema. Utilizza CSS3 transitions per animare o nascondere gli elementi.

Mandolin Man

Mandolin Man

Un curioso esperimento creato da Bill Brown: con il semplice utilizzo della tastiera si possono suonare accordi di note canzoni. Fate una prova alla pagina b.illbrown.com/mandolin/

Premium flat social icon set

Premium flat social icon set

20 icone social nei formati .jpg e .png,  in due tipologie : tonde e quadrate. Nella versione gratuita le icone hanno dimensioni 64×64 pixels. Sono disponibili al sito jamiepeak.co.uk .

Web Colour Data

Web Colour Data

Web Colour Data è uno strumento che permette di scoprire quali colori sono stati utilizzati nella grafica di un sito, ottimo per trovare ispirazione e palette di colori.

Fonts, textures, patterns … gratuiti

Fonts, textures, patterns … gratuiti

Pixel, Jetpacks for designers è una raccolta di risorse free di vario tipo, utili per progetti grafici e web.

Icone per i metodi di pagamento

Icone per i metodi di pagamento

Payment Method Icons Set by Pixeden è una raccolta di 21 icone free dei più noti metodi di pagamento ( carte di credito come Visa, Mastercard…) in formato PNG, grandezza 64px 64px. Molto utili per siti di e-commerce.

Apple devices in formato PSD

Apple devices in formato PSD

FlatApples by Stoyan Daskaloff è una raccolta, ben curata, di file PSD rappresentanti vari device Apple (iMac, iPad, mac bookPro e iPhone). Utile sia per progetti grafici che web.

TowTruck by Mozilla

TowTruck by Mozilla

TowTruck è un progetto che trasforma le pagine web in strumenti di collaborazione. Basta inserire il breve TowTruck JavaScript snippet che trovate nel sito, e la vostra semplice pagina HTML diventerà una piccola piattaforma per condividere il lavoro con i vostri collaboratori.

Trova la giusta combinazione di colori

Trova la giusta combinazione di colori

Con PLTTS è facile trovare la giusta palette di colori per i nostri progetti, basta digitare nell’apposito campo di ricerca un valore esadecimale e scegliere tra le varie combinazioni di risposta.

Il sito web per il tuo Matrimonio

Il sito web per il tuo Matrimonio

Da oggi offriamo un servizio in più, si chiama Wed-site:  il sito web per il tuo Matrimonio. Potrai condividire con amici e parenti  informazioni, preparativi, immagini, video, foto del tuo Matrimonio o del tuo viaggio di Nozze.  Utile, moderno, giovane e originale. Contattaci per maggiori informazioni o per ricevere un preventivo.

Quanto siamo lontani da Marte?

Quanto siamo lontani da Marte?

Distance to Mars è un curioso esperimento che mostra il viaggio in scala tra il nostro pianeta e Marte. Se la Terra fosse solo 100 pixel di diametro, quanti pixel dovremmo percorrere per arrivare a destinazione? Mettetevi comodi, allacciate le cinture e fate buon viaggio!

Metrize Icons

Metrize Icons

Metrize Icons offre un set molto ricco di icone di vario tipo (social, frecce, azioni…) nei seguenti formati PSD, SVG, EPS, AI, PDF.

News, tutorial e molto altro: Inspiredology

News, tutorial e molto altro: Inspiredology

Inspiredology è un sito con vari articoli, consigli e freebies per il grafico e il web designer. Utile anche per trovare la giusta ispirazione per loghi, biglietti da visita e materiale fotografico.

UI Faces

UI Faces

UI Faces permette di inserire in progetti grafici o in fase di sviluppo delle pagine web una griglia di avatar che può essere regolata nelle dimensioni grazie ad un comodo editor. Un utile placeholder di immagini di profili social.

Wireframe.cc

Wireframe.cc

Wireframe.cc è uno strumento semplice ma funzionale per creare bozze grafiche di siti e applicazioni mobile. Gratuito, disponibile anche come applicazione per Google Chrome.

Barra di navigazione laterale

Barra di navigazione laterale

Sidr è un plugin jQuery per creare menu laterali nascosti, perfetti per layout responsive e per salvare spazio. La barra di navigazione appare su rischiesta dell’utente.

Palette di colori

Palette di colori

Hex Color Tool è uno strumento che permette di creare palette di colori aggiungendo percentuali di bianco o di nero ai colori esadecimali.

TinyPNG

TinyPNG

TinyPNG consente di ridurre le dimensioni dei file PNG salvaguardando la qualità delle immagini. Utile per ridurre i tempi di caricamento delle pagine web, il servizio è gratuito.

jQuery Lightbox

jQuery Lightbox

Swipebox è un plugin jQuery per creare gallerie di immagini sia per desktop che per mobile e tablet.  Nel pagina web di riferimento c’è una breve documentazione che illustra come utilizzare e personalizzare il lightbox.

Il tuo sito è responsive?

Il tuo sito è responsive?

Caricando la url del sito (di cui ci interessa conoscere il rispetto dei criteri responsive) nell’apposito campo e cliccando il tasto “Go!” Am I Responsive? permette di avere un’anteprima di ciò che abbiamo realizzato su differenti risoluzioni di schermo.  Siete soddisfatti del vostro lavoro?

Icon Monstr

Icon Monstr

Icon Monstr raccoglie un’ampia galleria di icone, sono semplici, gratuite e varie. Potete fare una ricerca grazie alla suddivisione in categorie di interesse, oppure tramite una parola chiave o in base all’indice di popolarità.  

Una guida insolita: JavaScript For Cats

Una guida insolita: JavaScript For Cats

JavaScript For Cats è una breve guida che ripercorre i concetti di base del linguaggio JavaScript (oggetti, stringhe, arrays…). Al termine della guida ci sono le testimonianze di alcuni felini soddisfatti del prodotto.

WebPlatform.org

WebPlatform.org

WebPlatform.org è una open community di sviluppatori dove trovare una buona documentazione su argomenti di vario tipo come: HTML, CSS, Javascript, Accessibilità, DOM, SVG, concetti generali legati al web…

Responsive Grids

Responsive Grids

Extra Strength Responsive Grids  può “curare” tutti i problemi incontrati nella realizzazione di layout responsive. E’ un framework CSS focalizzato sullo schema a griglia che permette di creare facilmente layout adattabili a qualsiasi device.

Creare patterns da usare come sfondo

Creare patterns da usare come sfondo

Pattern Cooler ha un editor che permette di operare variazioni su 225 patterns già esistenti, modificandone colore, trasparenza, texture. Il pattern creato può essere liberamente scaricato in formato PNG,  per le alte risoluzioni il servizio prevede una donazione.

Come perdere peso (nei browser)

Come perdere peso (nei browser)

Browser Diet è una simpatica guida che aiuta a migliorare le performance di caricamento delle pagine web. Molto curata e ricca di buone pratiche.

Social Media Image Maker

Social Media Image Maker

I social network permettono di personalizzare i propri profili grazie ad avatar, sfondi, immagini di copertina… Social Media Image Maker è uno strumento che aiuta a creare queste personalizzazioni, infatti ci informa sulle dimensioni delle immagini richieste da ogni servizio (Facebook, Twitter, YouTube, Flickr … ) permettendo il caricamento delle stesse e il ritaglio in […]

Khan Academy

Khan Academy

Khan Academy è un’organizzazione educativa creata da Salman Khan un ingegnere americano originario del Bangladesh. Lo scopo è quello di educare su vari temi il numero più alto di persone possibile ovunque esse si trovino. Sono stati caricati numerosi video tramite il canale YouTube e gli argomenti trattati sono vari, ad esempio informatica, matematica, storia, […]

Template per biglietti da visita

Template per biglietti da visita

10 Template per moderni biglietti da visita, sono file PSD fronte retro. Sono stati realizzati da Meng Loong di Free Business Card Templates e disponibili al sito Hongkiat.com.

Kawwa Portal

Kawwa Portal

Kawwa permette di costruire facilmente le pagine web assemblando gli elementi che vi occorrono (ad es: menu di navigazione, form, tabelle, catalogo dei prodotti… ). Si possono scaricare anche dei template di base sui quali operare tutte le modifiche che vogliamo.

GroundworkCSS: framework responsive

GroundworkCSS: framework responsive

GroundworkCSS è un framework che permette di costruire rapidamente siti responsive, adattabili a qualsiasi device. Compatibile con i maggiori browser, il sistema a griglia fluida permette di realizzare layout di vario tipo.

Animazioni CSS

Animazioni CSS

Animate.CSS permette di creare delle animazioni che possono essere inserite in vari progetti di web design, sono realizzate in CSS3 e sono molto numerose. Possono essere usate ad esempio in slide oppure per dare enfasi ad una particolare area della pagina web. Cosa molto importante: le animazioni sono cross-browser.

Free fonts: The League of Moveable Type

Free fonts: The League of Moveable Type

The League of Moveable Type  offre una piccola raccolta di font open source originale e ben curata.  Si può anche contribuire ad arricchire la collezione diventando così membro della League.

Wookmark jQuery Plugin

Wookmark jQuery Plugin

Wookmark ha rilasciato un plugin jQuery per creare layout a griglia dinamica dove disporre i vari elementi sullo stile di Pinterest. Potete scaricare Wookmark jQuery Plugin all’ indirizzo https://github.com/GBKS/Wookmark-jQuery

CSS Creatures

CSS Creatures

CSS Creatures di Bennett Feely permette di realizzare, tramite un tweet, simpatiche creature CSS. Si possono personalizzare cambiando il colore, la bocca, gli occhi, ecc…

Maplace.js

Maplace.js

Maplace.js è un plugin jQuery che aiuta ad integrare Google Maps nei siti web.  Esso permette ad esempio di aggiungere dei markers, tracciare strade, inserire menu di controllo delle località sulla mappa, tracciare poligoni e molto altro. Nel sito maplacejs.com trovate tutta la documentazione necessaria per utilizzare al meglio il plugin.

Strumenti per il Web Designer: CSS Matic

Strumenti per il Web Designer: CSS Matic

CSS Matic è uno strumento che permette un utilizzo rapido di grandienti, ombre, border radius e noise texture. Un’ interfaccia facile da usare e di grande aiuto per il web designer.

100 icone gratis

100 icone gratis

Simple Icons mette a disposizione 100 icone free in formato PNG realizzate in diverse grandezze da 16×16 pixels a 4096×4096 pixels.

CSS button generator

CSS button generator

Button X permette di creare pulsanti CSS  in pochissimo tempo, si può scegliere tra un’ampia gamma già completa oppure stilizzare il bottone variandone ombre, colori, font, bordi…

Type Zebra: testare i font

Type Zebra: testare i font

Type Zebra permette di testare i font installati nel proprio computer, si può digitare del testo oppure usare il layout di esempio o valutare il font attraverso singole lettere o numeri.

Un bookmarklet per provare gli sfondi

Un bookmarklet per provare gli sfondi

SubtlePatterns Bookmarklet è un piccolo programma JavaScript che permette di applicare background diversi alle pagine web, gli sfondi sono quelli di subtlepatterns.com. Le anteprime così ottenute permetteranno di valutare quale sfondo meglio si adatta a ciò che stiamo realizzando, una volta scelto il giusto background basterà scaricarlo dal sito subtlepatterns.com ed inserirlo nel foglio di […]

Marqueed

Marqueed

Marqueed è uno strumento che permette di condividere immagini su cui discutere, fare annotazioni e decidere le modifiche da effettuare. Molto utile per un team di lavoro o tra cliente e grafico, evita lunghe discussioni telefoniche o invii multipli di messaggi di posta elettronica.