Web Design

Le migliori risorse per web designer e sviluppatori web della settimana #1

Le migliori risorse per web designer e sviluppatori web della settimana #1

Inauguriamo l'articolo settimanale sulle risorse per web designer, sviluppatori web e grafici! Nella realizzazione di un progetto web ci sono diversi aspetti di cui tenere conto in modo che il risultato finale sia di alta qualità e fedele alle aspettative. Oltre ad un design grafico semplice e d’impatto, ad una scrittura di…

Category : Web design   17-05-2013   by admin admin

E-book e pdf gratuiti sullo sviluppo web ed il web design

E-book e pdf gratuiti sullo sviluppo web ed il web design

Ogni tanto riceviamo richieste di aiuto da giovanissimi web-apprendisti con tanta voglia di imparare e tanta confusione rispetto a quelli che potremmo chiamare saperi fondamentali su web design e sullo sviluppo web. Riteniamo che nel mondo del design, soprattutto web, ci stiano due famiglie distinte: i creativi, quelli veri che con…

Category : Web design   25-04-2013   by admin admin

Le migliori risorse per Twitter Bootstrap

Le migliori risorse per Twitter Bootstrap

Risorse ufficiali di Twitter Bootstrap Titolo Descrizione URL Vedi Bootstrap itself Twitter Bootstrap Framework http://twitter.github.com/boot... Vai al sito Bootstrap Vai al sitoogle group Chiedi agli esperti di Bootstrap http://groups.google.com/group... Vai al sito Templates per Bootstrap Titolo Descrizione URL Vedi WrapBootstrap Temi and layouts per Bootstrap. https://wrapbootstrap.com/?ref... Vai al sito Bootstrap Fireworks Toolkit Il Toolkit originale per Bootstrap di Adobe Fireworks. Contiene tutti gli elementi UI della versione 2.1. Perfetto per creare web apps! http://www.fireworkstoolkits.c... Vai al…

Category : Web design   19-04-2013   by admin admin

Progettare un Blog con Twitter Bootstrap

Progettare un Blog con Twitter Bootstrap

Progettare un Blog con Bootstrap Come molti di voi sapranno, Bootstrap è un frontend toolkit sviluppato dal team di Twitter. Bootstrap è nato inizialmente come progetto interno, per sopperire agli ovvi problemi di scalabilità e manutenibilità che l’utilizzo di differenti librerie esterne comporta. Solo in seguito è stato deciso di rendere disponibile pubblicamente…

Category : Web design   18-04-2013   by admin admin

40 Librerie gratis per la creazione di grafici

40 Librerie gratis per la creazione di grafici

Con i progressi della tecnologia, sono stati sviluoppati alcuni metodi standard per la presentazione dei dati agli utenti: grafiche, statisctiche ecc ecc. Presentare i dati in forma di tabelle e/o grafici rende piú semplice, accessibile e comprensibile un contenuto da veicolare. Vi presentiamo in quest'articolo alcune librerie per la visualizzazione e realizzazione…

Category : Web design   15-04-2013   by admin admin

Selettori CSS: Pseudo Classi Strutturali Parte 2

Selettori CSS: Pseudo Classi Strutturali Parte 2

E:root La pseudo-classe :root seleziona l'elemento radice della pagina. In HTML l'elemento radice è sempre l'elemento HTML; ció significa che le seguenti righe di codice sono quasi equivalenti, anche se la pseudo-classe è più specifica: html {background-color: red; color: white} :root {background-color: red; color: white} E:nth-child() La pseudo-classe :nth-child() é senza dubbio, tra le…

Category : Web design   11-04-2013   by admin admin

Selettori CSS: Pseudo Classi Strutturali Parte 3

Selettori CSS: Pseudo Classi Strutturali Parte 3

E:nth-last-child() La pseudo classe E:nth-last-child() ha un funzionamento simile per non dire identico a E:nth-last-child(n). E:nth-last-child() identifica l'elemento E che è l'n-esimo figlio del suo elemento padre partendo dall'ultimo fratello di E. Partendo sempre dalla nostra tabella: Item 1 Item 2 Item 3 Element 1 Element 2 Element 3 Element 4 Element 5 Element 6 Element 7 Element 8 Element 9 Element 10 Element 11 Element 12 Element…

Category : Web design   11-04-2013   by admin admin

relogo: una proposta di standard per il logo

relogo: una proposta di standard per il logo

RELOGO del graphic design Matt McInerney,  é una proposta di standard utile per mantenere aggiornato un logo nel suo utilizzo nei vari media. Mendiante l'inclusione di una linea di codice nel nostro sito, che linka ad un logo vettoriale scalabile, i sopracitati media avranno la certezza di star utilizzando un logo…

Category : Web design   11-04-2013   by admin admin

Ottimizzare la grafica web

Ottimizzare la grafica web

Nel lavoro di ottimizzazione di un sito web, non bisognerebbe mai tralasciare il contenuto statico, comprese le immagini. Delle semplici migliorie, infatti,  possono drasticamente diminuire il tempo di download di un sito web, senza pregiudicarne la qualitá Il canale YouTube di GoogleWebmasterHelp  ci offre una serie di consigli utili per velocizzare il…

Category : Web design   11-04-2013   by admin admin

28 strumenti utili per il responsive web design

28 strumenti utili per il responsive web design

Illustriamo di seguito una serie di strumenti utili allo sviluppo di siti internet che siano in grado di adattarsi in maniera reattiva e dinamica (responsive) alle diverse modalità di utilizzo da parte degli utenti. Sebbene le pratiche per il responsive web design siano ancora ad uno stadio iniziale, stanno pian piano…

Category : Web design   11-04-2013   by admin admin

10 Strumenti per la valutazione dell'Accessibilitá Web

10 Strumenti per la valutazione dell'Accessibilitá Web

Il termine tecnico usato in inglese per indicare l’attività di verifica dell’accessibilità è “validation”, che gli sviluppatori italiani che si occupano di accessibilità traducono con “validazione”. La validation, o validazione, consiste di un insieme di tecniche di analisi, che servono per stabilire se un documento o un sito web sono accessibili,…

Category : Web design   11-04-2013   by admin admin

Come creare un selettore di colori con canvas

Come creare un selettore di colori con canvas

Canvas è un nuovo elemento introdotto nell' HTML5 che permette di generare o modificare elementi grafici (bitmap) con relativa semplicità. L'elemento canvas è basato sulle specifiche WHATWG. L'elemento canvas fornisce un'area di disegno che può essere sfruttata dagli scripts (tipicamente codice Javascript) per disegnare on the fly grafici, grafica per videogame,…

Category : Web design   11-04-2013   by admin admin

I 20 migliori tools online per creare wireframe

I 20 migliori tools online per creare wireframe

Quando si progetta un sito o una web app è necessario poter contare su una bozza della struttura che permette di organizzare gli spazi e le funzionalità che andranno poi inserite nella versione finale del progetto, insomma un wireframe. Premesso che i wireframe possono essere creati anche con carta e penna,…

Category : Web design   11-04-2013   by admin admin

Animazioni con CSS3

Animazioni con CSS3

Quante volte avreste voluto dare un tocco "dinamico"alla vostra pagina, ma non avete sufficienti conoscenze in Javascript? Da oggi questo problema è risolto, grazie ai CSS3! Utilizzando infatti le proprietà keyframes e animation potrete animare il vostro contenitore senza l'ausilio di linguaggi esterni. Compatibilità -moz-animation * @-moz-keyframes -webkit-animation** @-webkit-keyframes animation *** @keyframes Non supportato da Firefox in versioni…

Category : Web design   11-04-2013   by admin admin

Lista di generatori CSS3 online

Ormai il CSS3 sta prendendo sempre più piede nel web. Transizioni, oggetti scalati, bordi arrotondati, ombre su testi e sugli elementi, tantissime sono le funzioni che questo linguaggio ci offre come tantissime sono, le difficoltà che uno web designer potrebbe incontrare nello scrivere codice riguardante tale argomento, sopratutto se parliamo…

Category : Web design   11-04-2013   by admin admin

La Bibbia del Responsive Web Design

Il Responsive Web Design o RWD è il principale trend degli ultimi 2 anni, spinto sicuramente dalla diffusione di smartphone e tablet e quindi dalle sempre piú esigenti aspettative degli utenti finali che giustamente cercano e preferiscono esperienze di uso e visualizzazione idonee a questi dispositivi. Cos’è il RWD? (Responsive Web…

Category : Web design   01-01-1970   by admin admin