posizionamento siti, webdesign e CSS, Flash e Actionscript, risorse gratis on line, SEO e ottimizzazione, tutorial Photoshop, risorse gratis

Spesso si ragiona su quale unità di misura usare per font-size, margin e padding, larghezze e altezze nel design del nostro CSS senza aver compreso bene la reale differenza e funzione tra le 3 unità conosciute: em, px e pt.
Tutti e tre i formati sono utilizzabili nel nostro foglio di stile, questo perchè il CSS è stato appunto studiato per essere versatile ed adattarsi a più media come lo schermo (screen) e la stampante (printer) ma non conoscendone la logica potremmo ritrovarci dei risultati inaspettati e spiacevoli.

Leggi il resto di CSS font-size: em, px o pt? »

Ritieni questo post utile o interessante?
Condividi e Segnala

Nulla è originale. Ruba ovunque risuoni di ispirazione o carichi la tua immaginazione.
Divora vecchi film, nuovi film, musica, libri, dipinti, fotografie, poesie, sogni,
discorsi estemporanei, architettura, ponti, segnali stradali, alberi, nuvole,
forme nell’acqua, nella luce e nelle ombre.
Scegli solo di rubare da ciò che parla direttamente alla tua anima.
Se fai questo, il tuo lavoro (e furto) sarà autentico.
L’autenticità è di valore inestimebaile; l’originalità non esiste.
E non affannarti nel nascondere la tua sottrazione - celebrala come se la sentissi tale.
In ogni caso ricorda sempre cosa disse Jean-Luc Godard:
“Non conta da dove prendi le cose, conta dove riesci a portarle.”

Ritieni questo post utile o interessante?
Condividi e Segnala

Le migliori opere di web design in CSS e Flash raccolte in questa selezione di web gallery.
In quasi ognuno di questi portali potrete segnalare il vostro o i vostri siti, aumentando così visite e possibilità di lavoro.
E se conoscete web gallery meritevoli di stare tra quelle qui sotto menzionate lasciate pure la segnalazione nei commenti.

Leggi il resto di Web Gallery e Web Design »

Ritieni questo post utile o interessante?
Condividi e Segnala

Dopo varie soluzioni o PNG fix provate per ottenere l’alpha channel sulle immagini in formato PNG ovvero la PNG trasparenti funzionanti sull’ancor diffusissimo IE Internet Explorer 6 posso affermare di aver individuato quella definitiva.

Leggi il resto di png trasparenti su ie6: soluzione definitiva »

Ritieni questo post utile o interessante?
Condividi e Segnala

La realtà riconosciuta del Web 2.0 ha scisso definitivamente la rappresentazione grafica di una pagina dal codice dietro le quinte, un divario ormai necessario data la complessità degli attuali siti, che puntano sempre più sull’interazione con l’utente e sul dinamismo in generale.
La figura del web designer si allontana sempre più da quella del grafico esperto e si avvicina alla natura programmatica del web developer, dovendo anche comprendere le necessità di chi sviluppa, cosa sviluppa e soprattutto per chi.
Il CSS (Cascading Style Sheet), nato come ausilio del grafico per colorare facilmente i testi all’interno delle pagine, si è evoluto in un potente strumento di rendering visuale via codice, semplificando la vita al grafico web, che non è più costretto a limitare la propria creatività dentro gli stretti bordi delle tabelle, e al programmatore, che non deve più preoccuparsi di pericolose modifiche strutturali dovute ad output non precalcolati.
E questa figura di mezzo, un po’ creativa, un po’ sviluppatrice, prende sempre più consistenza e spessore: ecco quindi qualche consiglio sul CSS per i web designer esperti e non.

Leggi il resto di CSS: regole e consigli utili »

Ritieni questo post utile o interessante?
Condividi e Segnala

Spesso mi trovo ad ottimizzare o modificare layout già esistenti riscontrando modi strani e complicati per ottenere semplici strutture come menù o tabelle di contenuti.
In particolare mi rendo conto di quanto possa essere complicato per alcuni sviluppatori applicare la grafica correttamente in un layout di dimensioni imprevedibili, il cosidetto layout liquido, dovendo prevedere più elementi il relazione tra loro i quali caricano a loro volta diversi elementi di grafica.
Con questo semplice tutorial CSS voglio mostrarvi il mio metodo di lavoro per ottenere CSS box espandibili in lunghezza e larghezza in un layout liquido, utilizzando un’unico sfondo grafico.
Questo tutorial è utile anche a chi desidera creare tramite il CSS dei box con angoli arrotondati.

Leggi il resto di Layout liquido: CSS box espandibili »

Ritieni questo post utile o interessante?
Condividi e Segnala

Il classico problema del webdesigner è mantenere la coerenza del proprio webdesign CSS sulla moltitudine di browser in circolazione: il rendering della pagina viene più che altro influenzato dalle impostazioni di default del programma, per questo è nata l’esigenza della tecnica denominata CSS Reset.

Solitamente basta inserire questa riga al nostro CSS in primissima posizione per risolvere la maggior parte dei problemi:

basta questa riga per dire al browser di azzerare i valori di margine esterno e interno di tutti gli elementi HTML.
Questa semplice ma radicale soluzione di CSS reset ha comunque qualche effetto collaterale come un discreto peso sull’engine del browser (ma ne terrei conto solo in siti veramente pregni di elementi HTML) e l’eliminazione di ogni stile di default.
Per cui eccovi altre 2 soluzioni più complete ed elaborate.

Leggi il resto di CSS Reset: il tuo stile uguale su tutti i browser »

Ritieni questo post utile o interessante?
Condividi e Segnala

La noia più grande per un webdesigner patito di CSS è il solito imperituro problema di compatibilità tra i vari browser, cosa che ci costringe a lavorare con ALMENO 2 finestre di anteprima aperte: Firefox e Internet Explorer 7.
Nel mondo dei browser per PC Mozilla si sta facendo strada e supera il browser predefinito di Windows non solo sulle macchine degli sviluppatori ma anche su quelle dei clienti nemmeno troppo smaliziati: la cosa non può che renderci felici data la maggior adesione del programma alle regole di interpretazione standard dettate dal World Wide Web Consortium (W3C).
Con la venuta di IE7 abbiamo comunque tirato un bel sospiro di sollievo nel constatare una certa somiglianza col buon vecchio Firefox nel riconoscere le proprietà del foglio di stile, nonchè per la maggiore sicurezza e stabilità.
Purtroppo però il popolo internauta che ancora usa la vecchia versione 6 di Explorer è dura a morire e la percentuale risulta ancora così alta che un webdesigner non può permettersi di trascurarla.
Com fare quindi per testare le nostre pagine su diverse versioni dello stesso browser made in Microsoft?

Leggi il resto di Come installare più versioni di Internet Explorer »

Ritieni questo post utile o interessante?
Condividi e Segnala