Eccellente raccolta di pulsanti in PSD

Pubblicato il 8/4/2010 alle 13:50

http://naldzgraphics.net ci propone una raccolta di pulsanti in PSD liberamente scaricabili. Alcune collezioni di pulsanti sono davvero eccellenti, buon download

Ultimate Collection of Free Buttons in PSD Format

Gundam disegnato con Microsoft Excel

Pubblicato il 31/3/2010 alle 16:29

Non ho mai avuto simpatia per Microsoft Excel devo ammetterlo. Per eseguire calcoli matematici/statistici, piuttosto che usare Excel, mi realizzavo un piccolo software che eseguiva la funzione di cui avevo bisogno fornendomi una comoda interfaccia.

Oggi voglio presentarvi un video dove, per disegnare il robot Gundam, viene utilizzato Illustrator…anzi Fireworks…anzi Photoshop…cavolo, viene utilizzato Excel!!!

I programmi di grafica sono strumenti davvero potenti ma, come dico sempre, la differenza la fa chi utilizza questi strumenti, non gli strumenti stessi. Non si diventa artisti frequentando un corso di Photoshop o imparando ad utilizzare le sue funzioni principali

Dopo questa “perla” di saggezza , ecco il video:

Simple Modal: finestre di dialogo personalizzate

Pubblicato il 10/2/2010 alle 16:12

Se vogliamo utilizzare nei nostri progetti finestre di dialogo personalizzate nella grafica, animate ed assolutamente accattivanti, abbiamo davvero tante soluzioni a disposizione.

Basti pensare a ModalBox, MoodalBox, ShadowBox e via dicendo.

Vi consiglio di dare comunque un’occhiata a SimpleModal sul sito di Eric Martin. Trovate alcuni esempi di finestre personalizzate che si avvalgono di jQuery, scaricabili liberamente.

box di testo stilizzato con i CSS

Pubblicato il 19/1/2010 alle 16:33

In ogni sito web non possono mai mancare paragrafi e blocchi di testo che è opportuno presentare con una grafica gradevole e ordinata. Tra le tante soluzioni oggi vediamo come stilizzare un box di testo servendoci di un immagine e dei CSS.

Nella nostra pagina web inseriamo i seguenti div ed incolliamo un paragrafo di testo, il classico lorem ipsum

<div id=”textbox“>
<div id=”topimg“><h1>Text Box</h1></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>

All’interno del div “textbox” inseriamo un ulteriore div, topimg, che avrà un immagine di sfondo (con un gradiente da grigio a bianco) e conterrà il titolo del blocco di testo.

L’immagine che abbiamo realizzato è di 400px per 50px, e la posizioniamo in top senza ripetizione. Inoltre, optiamo per ornare il blocco di testo con un bordo:

#textbox {
width:400px;
height:auto;
margin:0;
padding:1px;
border-color:#336699;
border-style:solid;
border-width:2px;
}

#topimg {
width:400px;
height:50px;
margin:0;
padding:0;
background-image:url(img.jpg);
background-position:top;
background-repeat:no-repeat;
}

Per il paragrafo, scegliamo semplicemente il tipo di font e l’allineamento giustificato:

p {
margin:0;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

Ecco come appare il blocco di testo. Potete anche scaricare i files per visionarli direttamente

download: textbox CSS (1.54KB) added: 19/01/2010 clicks: 153 description: Blocco di testo stilizzato con i CSS

Web Design: interfacce e layout da DeviantArt

Pubblicato il 16/11/2009 alle 15:12

1stwebdesigner.com ha selezionato 60 interfacce (o layout) dal noto sito DeviantArt. Potete visionare tutte le grafiche qui.

Ecco le mie preferite:

1) WP Monk

2) Teacher Board III

3) AVG-HHblog

4) Osae

5) Financial webdesign

A te quale grafica è piaciuta?

Ecco 99 templates HTML/CSS di alta qualità

Pubblicato il 30/9/2009 alle 10:32

InstantShift ha raccolto 99 templates HTML/CSS di alta qualità. Alcuni sono davvero eccellenti e vale la pena dare un’occhiata.

Tutti gli altri templates potete visionarli qui: 99 High-Quality Free (X)HTML/CSS Templates

Ecco alcuni vantaggi di un layout “clean style”

Pubblicato il 28/7/2009 alle 11:42

Sono un sostenitore dello stile “clean style” e voglio indicarti alcuni vantaggi di un layout minimale per un sito web. Erroneamente, alcuni, credono che un layout “clean” sia sinonimo di pagina bianca o di grafica elementare.

In realtà, i siti più “attraenti”, che si presentano in modo professionale, sono quelli che hanno un layout minimale ben curato e, ovviamente, realizzato da un bravo web designer. Un layout “clean style”, realizzato da un bravo designer (lo ripeto in quanto è importante), trasmette immediatamente professionalità ed eleganza ed è piacevole da navigare.

Ci sono dei vantaggi, altro aspetto importante. Niente fronzoli che rischiano di appesantire le pagine, i tempi di caricamento sono importantissimi. I contenuti sono chiaramente in evidenza e il lettore non è infastidito (o distratto) nella lettura. L’utente riesce a navigare il sito senza alcuna difficoltà, spesso, grafiche molto elaborate (per non dire altro ) disorientano l’utente che, non sapendo che fare, abbandona il sito in questione.

Voi cosa pensate della grafica “clean style”? Qual’è lo stile che preferite?

Avete layout clean style da suggerire? Uno dei miei preferiti è il layout di ClearSpring.

I migliori post della settimana #33

Pubblicato il 19/7/2009 alle 11:44

Di seguito i posts più interessanti di questa settimana:

1) 8 consigli per un blog più professionale

2) Interviste SEO: Rand “randfish” Fishkin (SEOmoz)

3) Classi HTML: buone pratiche ed errori comuni

4) Quali Sono i Font Usati Dai Più Famosi Siti del Web?

5) Come creare un’icona: consigli sempre validi

6) 10 Recentissimi Plugin per WordPress che Forse Stai Perdendo di Vista

7) Google adsense e contenuti

I migliori post della settimana #32

Pubblicato il 12/7/2009 alle 11:16

Come ogni settimana ecco i posts più interessanti:

01) Vacanze 2.0: I Social Network Per Pianificare Il Tuo Viaggio

02) Guida di apprendimento di Flash Video

03) I Migliori Plugin Jquery Con Effetto Lightbox

04) Cos’è la risoluzione di un’immagine

05) Una Raccolta di SEO Tools Sempre Utili

06) Come vendere pubblicità tramite le concessionarie pubblicitarie online

07) Pubblicità su Facebook: come fare

08) La longevità dei social network

09) Alcuni Grandi Fraintendimenti nella SEO

I migliori post della settimana #29

Pubblicato il 21/6/2009 alle 11:33

Di seguito i post più interessanti di questa settimana:

1) Miti e leggende del mondo freelance

2) PageFlip: I Migliori componenti Flash e servizi 2.0

3) Affiliazioni: 10 Programmi Top Per Guadagnare Con Internet

4) 26 Ottimi Menu di Navigazione in jQuery

5) Introducing iPhone-style Checkboxes

6) Creare un Testo che Colpisca lo Sguardo in Illustrator

Web Developer / Web Designer / SEO Specialist / Napoli :: EmaWebDesign utilizza WordPress con tema EWD 2.0 :: Articoli (RSS) e Commenti (RSS)



Questo blog (e tutti i suoi contenuti) è pubblicato sotto una Licenza Creative Commons. Leggi il disclaimer per tutte le info.

L'autore del blog è Emanuele Calì, web developer, web designer e SEO specialist. Per maggiori info sull'autore potete visualizzare la pagina about. Per informazioni su servizi inerenti siti web, grafica o SEO & Web Marketing potete visualizzare la pagina servizi.