Piplos' blog » html

CSS: Personalizziamo al meglio la barra di ricerca

Piplos — Thu, 02 Jul 2009 18:51:34 +0000

Con pochi passaggi è possibile dare un nuovo look allo strumento di ricerca, guardate la pagina di esempio.

Il sistema operativo Windows Seven è stata una fonte di ispirazione per la creazione dell’esempio, ma potete personalizzare come volete la barra di ricerca, come io stesso ho fatto per questo blog (in alto a destra).

Il tutto usa un gioco di Javascript e CSS per simulare gli effetti della barra di ricerca di Vista/Seven, nei suoi tre stati: normal, hover (cursore del mouse sopra) e focus (click del cursore sulla barra).

Come applico questa tecnica?

Leggi il resto dell'articolo...

Perle di saggezza

Piplos — Mon, 11 May 2009 09:30:57 +0000

Valid HTML does not equal good HTML. A validator will not tell you if your markup is semantic or not or if it is accessible or not. Think of validation as a step towards a good website, not as quality assurance.

[Fonte]

Conditional-CSS – Adottiamo gli stili ai diversi browser

Piplos — Sat, 02 May 2009 13:59:33 +0000

Per chi, come me, fa a botte con i vari browser per adattare gli stili CSS per ciascuno di essi, non può fare null’altro che usare vie traverse, come sfruttare i bug di ciascun browser per fargli leggere delle regole CSS adattate per questi ultimi, oppure l’applicazione di javascript che rileva il browser utilizzato dall’utente che specifica i fogli CSS da utilizzare, eccetera.

Spesso questi metodi sono anche un po’ troppo scomodi per la non-pulizia del codice, che lo fa irrimediabilmente invalidare.

La soluzione al problema è Conditional-CSS, uno script in un file PHP che ci permette di leggere il CSS in modo condizionale per ogni browser. Con questo metodo si risparmia molto tempo e la manutenzione è più immediata. Un esempio delle possibilità di questo script è questo:

.box {
   width: 400px;
   [if IE 6] width: 600px;
   [if Opera] width: 500px;
}

Indovinate un po’? Esatto, normalmente il div con classe “box” è grande 400px, ma grazie a Conditional-CSS, con le regole del CSS condizionale se vediamo la pagina da IE 6, il box appare di 600px mentre in Opera lo vedremo di 500px!

Leggi il resto dell'articolo...

Cose da fare una volta sparito IE6

Piplos — Sun, 19 Apr 2009 13:50:13 +0000

Internet Explorer 8 non ancora mi piace come si deve, ma mi piacerebbe tanto, davvero *tanto*, che soppiantasse una volta per tutte quel ridicolo Internet Explorer 6, arrivato con l’avvento di Windows XP. Quest’ultimo browser è stato finora una vera e propria spina nel fianco, in quanto non solo non è conforme agli standard (rendendo *difficile* il lavoro agli sviluppatori web) ma è anche riuscito argutamente ad affermarsi come browser più utilizzato del mondo. Doppia disgrazia.

Ma la Microsoft, dall’alto dei cieli, sembra aver preso provvedimenti. Si è deciso all’unanimità (ed era ora) che la nuova versione di Internet Explorer, la numero 8, deve soppiantare con le buone o con le cattive il prepotente antenato, con il numero 6 affibbiato al nome.

Leggi il resto dell'articolo...