Abbiamo trovato un interessante menu drop-down (a tendina) in puro CSS (senza javascript), valido anche per IE (dalla 9 in poi).
Lo trovate qui.
Una attenzione da avere, se ci sono problemi, è di verificare le righe di css con identico nome (ad es. #nav li) per eliminare eventuali proprietà che confliggono con il menu a tendina (ad es. ci è capitato di avere problemi per la presenza della proprietà “display: inline” riferita a “#nav li”).
far vedere solo a Firefox certe proprietà css
Può essere utile far vedere solo a un certo browsers certi attributi css. Se il browser è Firefox la sintassi da usare, all’interno del file css è la seguente:
@-moz-document url-prefix() seguita da parentesi graffe che abbraccino tutta la porzione di css che si vuole nascondere agli altri browsers.
IE 9 e css3
Buone notizie: Internet Explorer 9 supporta sia la proprietà “border-radius” e sia quella “box-shadow”, e lo fa, battendo Mozilla e Safari, senza prefissi.
Meno male che alla Microsoft stanno cominciando, forse, a svegliarsi.
Opera 10.5
Dopo più di un mese di alfa, è uscita ieri la beta di Opera 10.5. Come prevedibile stabilizza e migliora la alfa e offre un supporto CSS3 interessante: box-shadow e border-radius sono supportati, e tra l’altro senza il fastidioso prefisso -moz, -webkit, e -o che tanto fa disperare 😉 i webmaster…
Veloce lo è. Aspettiamo la versione stabile, ora.
testare il proprio sito
Chi è webmaster lo sa: un sito appare in un modo su un certo sistema operativo, in un altro su un altro; in un certo modo con uno schermo a una data roisoluzione, in un altro modo con un’altra risoluzione; e più ancora, le differenze sono anche notevoli tra browser e browser. Ora ancora di più con css3…
Esiste un sito Browsershots che può aiutare i webmaster, visualizzando, nel giro di pochi minuti, come viene visto un certo indirizzo web dai diversi browsers nelle diverse condizioni in cui possono operare.
Ottimo. E gratuito. Il limite è che quello che si visualizza è una solo immagine statica, nemmeno ad eccellente risoluzione. Questo almeno se si accede gratis…
Firefox 3.6
Sarà perchè ho di recente scoperto Chrome (per Linux, of course), ma l’uscita di Firefox 3.6, pur nel suo eccellente, ed entusiasmante supporto per CSS3, non mi convince più di tanto. Anche perche’ accompagnata, sul mio PC, da vari guai (le solite estensioni che risultanto per qualche mesetto incompatibili, casini vari di tra versione precedente e quella nuova, e via dicendo).
Mi colpisce poi negativamente la bruttezza e la scarsezza di temi: anche l’occhio vuole la sua parte.
Chrome: prime impressioni
Ottima impressione: la velocità è notevole (sia in caricamento sia in navigazione). Ottimo il supporto agli standard W3C, in particolare ai css3.
Un po’ scheletrica l’interfaccia grafica, ma non si pu? avere tutto.
l’ora del CSS3
Era ora: dopo anni sonnecchiosi i principali browsers stanno muovendosi: verso il CSS3. Così Opera e Firefox stanno rincorrendosi nella implementazione di proprietà CSS3 (box-shadow, gradients e molto altro). E la stessa Microsoft ha annunciato che IE9 avrà (pieno?) supporto CSS3.
Era ora!