Le migliori risorse per web designer e sviluppatori web della settimana #2
Red Pen permette di caricare il tuo progetto grafico, condividerlo con una short URL ed ottenere un feedback. Non è necessario il logging in, e non è prensete un interfaccia per gestire completamente il progetto. CSS Modal CSS Modal piattaforma costruita interamente con CSS. È progettata principalmente per ottimizzare il design responsive. Improving Productivity…
Category : Web design 26-05-2013 by Janeth Kent
HTML5: 10 Tools online per Web Designer
Oggi vi proponiamo una collezione di 10 ottimi tools online HTML5 che sono stati progettati appositamente per web designer con lo scopo di semplificare l'attività di sviluppo. Tali strumenti online improntati sull'HTML5 sono utili per gli sviluppatori web che intendono creare pagine web moderne, dinamiche ed user friendly. Fateci sapere le…
Category : Web design 22-05-2013 by Janeth Kent
HTML5: differenza tra NAV e MENU
HTML5 introduce due nuovi elementi con un ruolo apparentemente identico: ( http://www.w3.org/TR/html-markup/nav.html ) (http://www.w3.org/TR/html5/interactive-elements.html#the-menu-element ) In realtà i due elementi sono tutt'altro che simili, ed è improbabile che siano utilizzati contemporaneamente. L'elementoá utilizzato per raggrupare tutti gli elementi , mentre l'elementoraggruppa siache ,ed i nuovi elementi . Tali elementi possono essere raggruppati…
Category : Web design 21-05-2013 by Janeth Kent
318 utili risorse per Twitter Bootstrap #1
Se utilizzate il framework Twitter Bootstrap non potete non dare un'occhiata a questa nostra ultima rassegna contentente ben 318 risorse per sfruttare al massimo questo incredibile strumento di sviluppo. Le risorse spaziano dai componenti JavaScript, ai tutorial per integrarlo con i vari CMS o linguaggi di sviluppo, ai file per creare…
Category : Web design 20-05-2013 by Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent