La community di ispirazione dedicata al web design con tutorial, guide e risorse gratuite

8 feb 10

Gli stili nel web design: le caratteristiche del corporate style

in: Design, Guide, Showcases, Web | da sarah

E’ cosa nota a tutti i designer l’esistenza di determinati stili di design a cui è possibile attenersi o prendere spunto durante la stesura di un qualsiasi progetto grafico: che si tratti di una brochure, un manifesto pubblicitario o di un sito web, poco importa. Palette dei colori, scelta delle immagini, tipografia, background, elementi grafici…ogni stile ha le sue sfumature, le sue regole e le relative potenzialità. Il minimal permette di focalizzare i contenuti con semplicità ed eleganza, il grunge è più adatto ad un pubblico giovanile e fuori dagli schemi e così via, per ogni progetto è possibile indicare uno stile a cui è possibile aderire e, viceversa, un altro assolutamente da evitare.

Dopo questa premessa inauguro quindi una serie di articoli improntata sugli stili del (web)design, in cui analizzeremo le principali caratteristiche di ogni stile e, sulla base di queste, progetteremo e realizzeremo insieme, passo dopo passo, un layout in Photoshop ogni volta diverso. || Continua a leggere »

[ 7 Commenti ]

5 feb 10

Come installare Apache, PHP e MySql senza perderci la testa?

in: Tutorial, Web | da JustB

Una volta scelto l’editor giusto per le nostre esigenze, dobbiamo preparare il nostro ambiente di sviluppo. Gli strumenti essenziali per la programmazione di applicazioni e siti web sono: un server web, un linguaggio di programmazione e unn sistema di gestione di una Base di Dati (DBMS).

Naturalmente le combinazioni possibili sono tantissime: oggi vedremo come installare e mettere in funzione quella più diffusa, ovvero Apache come server web, PHP come linguaggio di scripting e MySql in qualità di DBMS. || Continua a leggere »

[ 26 Commenti ]

4 feb 10

CSS3: gli effetti più cool, ma che non puoi ancora implementare… o forse si?

in: Design, Tutorial, Xhtml & Css | da Ivan Signorile

I CSS (Cascading Style Sheet) hanno rivoluzionato il modo di approcciare alla programmazione web: non solo permettono di poter applicare al nostro sito una grafica accattivante, ma, tramite i suoi selettori, può essere oggetto di modifiche tramite javascript.

Dal 1996 (anno in cui il W3C diede vita al CSS1) ai giorni nostri, il linguaggio CSS ha fatto passi da gigante, fino alla versione CSS3 attualmente in fase di realizzazione.

Se da un lato la maggior parte dei browser (Mozilla Firefox, Safari, Chrome) supporta buona parte dei neonati moduli del CSS3, dall’altro il più diffuso browser al mondo, Internet Explorer, non ne supporta nativamente quasi nessuno costringendoci, di fatto, a dover ricorrere a numerosi hacks al fine di ottenere risultati vicini alla sufficienza.

Oggi vedremo insieme, infatti, alcuni effetti che potrebbero rivoluzionare il web, ma che non possiamo ancora implementare nei nostri siti proprio a causa delle mancanze di Internet Explorer. || Continua a leggere »

[ 12 Commenti ]

2 feb 10

Online il forum di YIW

in: Pensieri e Parole, Varie | da nando pappalardo

Your Inspiration Web, grazie anche al dialogo sempre aperto con i propri lettori, continua a crescere ogni giorno di più. Se ricordi, alla fine dello scorso anno – in occasione degli auguri – ti avevamo invitato a suggerirci alcuni argomenti o migliorie che avresti voluto trovare all’interno di questa tua community.

Ci sono giunte diverse proposte, alcune delle quali davvero molto interessanti.

Dopo averle analizzate tutte accuratamente, abbiamo deciso – compatibilmente con i progetti attualmente in corso e con gli altri che abbiamo intenzione di avviare – di metterne in atto qualcuna tra le più stimolanti. || Continua a leggere »

[ 15 Commenti ]

1 feb 10

Gennaio: suggerimenti dalla redazione

in: Design, Showcases, Web | da sarah

Eccoci di nuovo alla nostra raccolta mensile di risorse, articoli e curiosità che abbiamo selezionato per voi in tutto il mese di gennaio. In questo articolo troverete il meglio di gennaio: ovvero tutto ciò che, per un motivo o per un altro, ha attirato la nostra attenzione: logotipi, font, siti, articoli da leggere, icone e tanto altro ancora. || Continua a leggere »

[ 15 Commenti ]

28 gen 10

Script.aculo.us: effetti avanzati, ma ancora poco codice!

in: Ajax & Javascript, Web | da Ivan Signorile

Nella scorsa lezione su Script.aculo.us abbiamo implementato dei simpatici effetti di base, degli esempi di massima giusto per prendere familiarità con questo framework javascript e ci siamo lasciati con una promessa: quella di dar vita, nella seguente lezione, a qualcosa di un po’ più complesso.

Una promessa è una promessa e allora l’effetto che genereremo oggi sarà l’effetto Slider.

Non sempre complessità significa quintali di codice, funzioni su funzioni e grandi mal di testa per i programmatori: come avrai modo di constatare in seguito, ci serviremo solo di un paio di brevi (ma potenti) funzioni. || Continua a leggere »

[ 6 Commenti ]

27 gen 10

jQuery: come installare e creare un plugin partendo da zero?

in: Ajax & Javascript, Tutorial | da Nicolas Gutierrez

Uno dei punti di forza di molti frameworks javascript (nella fattispecie jQuery ) sta nella possibilità, e spesso nella facilità, di creare estensioni che possono migliorare o semplificare ulteriormente il nostro lavoro.

La potenzialità dei plugin sta, a loro volta, nella facilità di utilizzo e personalizzazione tramite parametri (le opzioni del plugin) i quali possono permetterci di impostare un colore di sfondo piuttosto che il tempo di durata di un’animazione. || Continua a leggere »

[ 7 Commenti ]

26 gen 10

Plugin WordPress Featured Post con thumbnail: i tuoi migliori articoli in evidenza

in: Risorse Gratuite, Wordpress | da nando pappalardo

Ti è mai capitato di scrivere un articolo veramente di qualità – su cui hai investito tanto del tuo tempo e delle tue competenze – e con il passare del tempo vederlo sparire nel dimenticatoio dell’archivio del tuo blog? Dopo un po’ di tempo che gestisci un blog, può sopravvenirti l’esigenza di dedicare una sezione agli articoli che ritieni degni di nota, evitando così che questi finiscano sperduti e abbandonati tra le pagine del blog.

Di plugin che permettono di evidenziare articoli ce ne sono già tanti in giro ma dopo averne testati alcuni mi sono reso conto che questi risultano poco flessibili perché solitamente permettono di mostrare gli articoli più letti o quelli più commentati senza fornire nessuna possibilità di scelta all’autore su quali articoli effettivamente mettere in evidenza.

E se invece tu volessi evidenziare un particolare articolo nonostante questo non risulti tra gli articoli più commentati o tra i più letti? || Continua a leggere »

[ 12 Commenti ]

25 gen 10

YIW Minimal: un template clean & free per un sito semplice ma professionale

in: Design, Risorse Gratuite, Web | da sarah

Qualche settimana fa abbiamo visto come disegnare un layout minimal e al tempo stesso professionale e dall’estetica gradevole. YIW Minimal – questo e’ il nome del layout che abbiamo realizzato in Photoshop – ha avuto un grande impatto sugli utenti di questa community che ci hanno richiesto, in più occasioni, di progettare un template vero e proprio, disegnandone anche le pagine interne e mettendo in codice (x)HTML e CSS il tutto.

Eccoci allora con un’altra risorsa gratuita targata YIW: un template dallo stile semplice ma allo stesso tempo professionale e accattivante, facile da personalizzare e completamente free. || Continua a leggere »

[ 24 Commenti ]

22 gen 10

Come realizzare un foglio di stile efficace per la stampa?

in: Xhtml & Css | da JustB

Ti sarà capitato spesso di leggere un articolo interessante navigando sul web ma, per un motivo o l’altro, doverti allontanare dal pc. Un modo per continuare la lettura è quello di stampare l’articolo in questione. Anche se oggi le persone stampano sempre meno frequentemente le pagine web, quando lo fanno, è per soddisfare una reale necessità.

Un utente potrebbe avere un meeting importante e decidere di stampare alcune copie delle ultime agenzie giornalistiche; spesso io stesso stampo degli articoli dai vari blog che seguo per leggerli prima di dormire, oppure durante i miei frequenti viaggio in treno. Per qualsiasi ragione si stampi una pagina web, se non vi è un’attenzione per questo particolare mezzo da parte dello sviluppatore, i risultati saranno, nel migliore dei casi, scarsi.

In questo articolo vedremo alcune delle best practices per stampare al meglio i contenuti del nostro sito web. || Continua a leggere »

[ 10 Commenti ]