Undolog.com

Mi è stato chiesto come personalizzare graficamente un form, in particolare un form di ricerca come quello presente su questo blog. La tecnica utilizzata, o meglio che utilizzo io, è ovviamente valida per qualsiasi tipo di modulo form. Quello che cambia è solo la complessità del lavoro da svolgere in funzione della complessità del form [...]

L'uso delle condizioni all'interno del browser viene spesso utilizzato per decidere quale foglio di stile caricare in base al tipo di browser. Ad esempio possiamo utilizzare questo codice per caricare un particolare foglio di stile quando il browser è Internet Explorer 6: PLAIN TEXT HTML: <!-- Carica questo foglio di stile per tutti i browser --> <link rel="stylesheet" href="foglio_style.css" [...]

I più esperti lo sapranno già, tuttavia mi viene spesso chiesto che differenza c'è tra class e id nei fogli di stile CSS. Una panoramica su alcune differenze e avvertenze è possibile trovarla in Classi e ID nei CSS, tuttavia una caratteristica utile, che distingue class da id, è la possibilità di usare classi multiple. [...]

Io proprio no... PLAIN TEXT CSS: p { /* Rounded Corners */ border-radius: 9px; /* CSS 3 */ -o-border-radius: 9px; /* Opera */ -icab-border-radius: 9px; /* iCab */ -khtml-border-radius: 9px; /* Konqueror */ -moz-border-radius: 9px; /* Firefox */ -webkit-border-radius: 9px; /* Safari */ } Post correlati jQuery: bordi rotondi sulle immagini per sovrapposizione (1) FireFox 3.5.7: come risolvere il difetto dei bordi arrotondati su un’immagine (1) Browser War: la guerra [...]

Safari, il browser Apple disponibile anche per Windows, produce un bordo blu (blue border) quando si clicca all'interno di un campo input. Se in alcuni casi può risultare piacevole, in altri diventa davvero fastidioso! Per eliminarlo basta inserire nel nostro foglio di stile: PLAIN TEXT CSS: /* ____________________________ remove blue border */ input { outline: 0 none } O, in [...]

Permettere agli utenti di interagire con una pagina Web ha prodotto negli ultimi anni un notevole aumento nell'uso di script lato client: codice Javascript in grado di rispondere e manipolare in tempo reale tutta una serie di informazioni. Il Web2.0 è la massima espressione di questa capacità di interazione, dove l'utente finale - il navigatore [...]

È successo alla TV di trasformarsi in Net TV, come già era successo alla Radio di diventare Net Radio, per non parlare della musica! Ora, come anticipato in altri Post, è ufficiale anche per il Software di trasformarsi a breve in Net Software! Adobe, che come sappiamo ha da poco acquisito Macromedia, ufficializza le Web Application [...]

Una caratteristica dei fogli di stili (i file .css) è quella di poter essere specificati a seconda del media di output. Gli Style Sheet permettono infatti di specificare la stessa classe, lo stesso ID lo stesso TAG, ecc... per media diversi. Ad esempio posso scrivere un file .css con la seguente sintassi: PLAIN TEXT CSS: @media screen { div#myBox [...]

Ecco alcuni brevi consigli su come usare class e id nei fogli di stile. Tenete subito in considerazione che l'uso di tecniche Javascript avanzate, come lo stesso uso di motori Ajax, può entrare in conflitto con i consigli esposti qui! E vedremo alla fine il perchè. Avendo a disposizione sia l'attributo class="" che l'attributo id="" per [...]

A causa forse delle incompatibilità stilistiche e di output - ancora presenti - tra i vari browser, non tutti conoscono le innumerevoli potenzialità dei fogli di stile. Vogliamo mostrare, quindi, alcune caratteristiche della sintassi CSS sconosciute ai più e per ricordarci quanto poco - spesso - sfruttiamo a pieno gli strumenti che abbiamo a disposizione. Nota: [...]