Molto spesso viene richiesto da un cliente di creare del testo “flashoso”, per attirare l’attenzione del visitatore.

Si tratta delle classiche gif che andavano sul web negli anni 90, e che qualcuno ancor’oggi utilizza per i propri siti, molto spesso amatoriali.

Ci può dare una mano javascript e le funzioni ricorsive.

Ultimamamente stavo lavorando ad un sito e mi è capitata la necessità di richiamare due fogli di stile diversi per i soliti problemi di stile dati da Internet Explorer.

Per inserire una chat sul proprio sito, Windows Live Messenger mette a disposizione un’altra utility.

Tutto quello di cui abbiamo bisogno è un account Windows Live Messenger (altrimenti con chi si chatta?) e il nostro sito web/blog.

E’ possibile includere un contatto a Windows Live Messenger sul proprio sito/blog tramite un’applicazione messa a disposizione dallo stesso Windows Live(immagine superiore).

Firefox vs Internet Explorer

Cari web developer e web master, stanchi di dovervi sbattere perchè non si possono utilizzare i png con le trasparenze per colpa di explorer? Niente paura.

Ecco il metodo per poter fixare il problema di IE 5.5 e IE 6.

Create una gif di 1×1 pixel trasparente.

Allora innanzitutto scaricate da qui i 4 javascript per il fix delle immagini.

Inserite nel css,o nell’head del vostro file questo stile:

<style type=”text/css”>
div.proyecto{ background-color:#000 }
div.descripcion_proyecto{ background-color:#000 }
</style>

Questo per quanto riguarda le immagini in png.

Scaricate da qui il .rar, dentro troverete un file gif(come sopra) da inserire nella cartella delle immagini.

Naturalmente i due file javascript vanno linkati all’interno dell’head e il gioco è fatto.

Multiple IE

Hai mai voluto testare il tuo sito web in varie versioni di Internet Explorer?

I web master e non solo,sanno che una volta installato IE7 la versione 6 (la più diffusa attualmente) verrà aggiornata e sparirà, come risolvere il problema?

Ci viene incontro Multiple IE.

Multiple IE è un freeware che permette a chi lo installa di emulare le varie versioni di IE sul proprio pc.

Puoi trovarlo qui.

Quelli che vi presento sono 3 applicativi web che servono per la sveglia, il cronometro e il conto alla rovescia.

Tu imposti i valori che ti interessano e il resto lo fanno loro.

Li potete trovare qui:

-Sveglia

-Cronometro

-Conto alla rovescia

Molto spesso capita che, in alcuni siti web, si debba inserire una google map.

Niente di più facile, se non cercare il luogo con il servizio, e premere sul bottone link in alto a destra.

Ma quando inseriamo il codice nella pagina può accadere che lo zoom non sia presente o sia troppo basso, cm facciamo?

<iframe width=”100″ height=”100″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.it/maps?f=q&amp;hl=it&amp;geocode=&amp;q=milano&amp;ie=UTF8&amp;z=12&amp;g=milano&amp;ll=45.491186,9.204826&amp;output=embed&amp;s=AARTsJog_xfQI91NSZuEboND8V4lslSE7g”></iframe>

Questo è un esempio del codice di una google map. Come vedete lo zoom è presente,ed è a 12, si può notare dal valore z=12 .

Ma se lo zoom lo vogliamo più grande? Basterà aumentare o diminuire il valore di z se vogliamo uno zoom più ampio o più ristretto.

E se proprio non è presente la z dello zoom?

Semplice, basterà modificare l’attributo href in modo che, dopo la dichiarazione di un qualsiasi parametro, ci sia :

&amp;z=valore che scegliamo

Sono una serie di tecniche atte a migliorare i nostri fogli di stile dal lato estetico ma che non servono per modificare la struttura vera e propria.

Bisogna ricordarsi che dobbiamo creare fogli di stile di tipo cross-browser e facili da modificare in caso di manutenzione futura.

Molto spesso succede che, quando si creano pagine web, le si debba pensare di tipo cross-browser, cioè compatibili con tutti i possibili browser.

Ad oggi i browser più utilizzati sono Internet Explorer 6, Mozilla FireFox, Safari, Opera e Internet Explorer 7.

Ma come creare dei layout css adatti ad ogni tipo di browser?