Vi sarà capitato di vedere il vostro sito in modo differente, ma spieghiamo meglio a cosa è riferita questa diversità.
Bene, avete appena finito il vostro layout, e diciamo che avete fatto un ottimo lavoro.
Aprite Firefox e tutto sembra regolare, aprite Internet Explorer e vedete la vostra grafica totalmente fuori ordine.
Questo accade perché non siete riusciti [...]
Archive for the ‘Grafica’ Category
Vi sarà capitato di avere un menù creato con i css ed avere la classe selected o comunque una classe che rappresenta lo stile del bottone quando selezionata la pagina collegata ad esso.
Come soluzione potete usare PHP con diversi if oppure usare la mia soluzione.
Che grazie all’aiuto di jQuery ci permette di rendere il bottone [...]
A tutti quelli che lo pensano, sappiate che grazie a linux voi state visualizzando questo blog e non solo.
Come dimostrarlo?
Hai presente i percorsi delle directory, su Windows sai benissimo che sono indicati tramite ” \ “.
Su linux invece vengono indicati così ” / “.
Adesso guarda la barra indirizzi.
Sono rimasto molto affascinato da questa fantastica tecnica chiamata “seam carving” ovvero riscalamento liquido, in breve permette di ridimensionare un’immagine in modo totalmente naturale.
Vi lascio a questo video per gustarne al meglio le potenzialità.
Ecco come creare un bottone 2.0 con The Gimp.
1° Passo, creare il riquadro arrotondato per il bottone.
2° Passo usiamo il gradiente per colorarlo.
3° Passo selezioniamo la parte superiore ed applichiamo del gradiente bianco con un’opacità del 50% circa.
4° Passo inseriamo un testo all’interno del bottone.
Ecco il file .xcf per The Gimp
Si fa sempre più accesa la lotta dei webdesigner che vogliono rendere il loro sito leggibile per tutti i browser.
A volte i contenitori si piazzano da tutt’altra parte oppure ci sono svariati problemi su altri browser, la colpa non è del webdesigner ma dei browser molto ricchi di bug.
La microsoft sa benissimo che i loro [...]
Linko un articolo molto interessante (in inglese), per creare una barra in stile Windows Vista©
Link ‘Link alla risorsa
Per il web ho trovato qualche buon progetto in flash per la visualizzazione delle immagini.
Si è dimostrato tutto molto interessante sin da subito, è possibile scaricare una versione “limitata” ed usarla oppure acquistare i sorgenti .fla
Vi elenco questi fantastici viewer di foto in flash.
PostcardViewer
PhotoSpace
AutoViewer
SimpleViewer
La semplicità è assicurata, il file flash carica un file xml [...]
L’importanza di creare una griglia è molto rilevante se dobbiamo creare un qualcosa che faccia riferimento a piccoli porzioni di pagina.
Pensiamo ad un semplice gioco online,dividere lo schermo in una griglia può essere molto utile.
Vediamo come.
Codice
.block {
background-color: #FFFFFF;
border: 0px dotted black;
float: left;
height: 50px;
width: 50px;
}
.p_block {
background-color: #FFFFFF;
border: 0px dotted black;
height: 50px;
width: 50px;
}
Questo è il codice CSS [...]
Thick box è un piccolo script creato in javascript con l’aiuto di css per la gestione grafica.
Possiamo apprezzare il suo stile sul sito alla voce examples.
L’effetto è molto carino, infatti contenuti quali immagini, testi ecc.., vengono proiettati verso un popup interno alla pagina, creando un’effetto 3D, infatti la parte precedente viene abbassata di luminosità , [...]