ilDavid.com

Un menu a tab, con l’uso esclusivo di xhtml e css. Semplice ed efficace. CSS Tabs Menu E la relativa lista di menu orizzontali.

E una raccolta di 56 menu moderni di Smashing Magazine

Google presenta il suo nuovo browser: Google Chrome.
Sarà pubblicamente distribuito alle 18 GMT (le 19 in Italia) oggi.
Questo il post sul blog degli sviluppatori Google:

In Google, abbiamo un detto: “lancia subito e poi itera”. Questo approccio viene normalmente limitato ai nostri tecnici, ma a quanto sembra si applica anche alla nostra posta! Come avrete letto sulla blogosfera, abbiamo premuto “invia” un po’ in anticipo su un fumetto che presentava il nostro nuovo browser open source, Google Chrome. Dato che crediamo all’accesso alle informazioni aperto a tutti, abbiamo ora reso il fumetto disponibile pubblicamente e lanceremo la versione beta di Google Chrome il 2 settembre in più di 100 nazioni

Basato sul motore di rendering WebKit (lo stesso di Safari e di Android), promette il caricamento più rapido delle pagine, un migliore utilizzo della ram (ogni tab sarà un singolo processo diverso), e l’integrazione con la suite per uffico Google Docs.

Uno dei grossi problemi che un webdesigner si trova ad affrontare quando ha a che fare con righe orizzontali <hr> e i browser Microsoft, è il bordo che Internet Explorer decide di mettere quando si usa una immagine di sfondo a fare da separazione tra una sezione e un’altra.

In tanti hanno proposto delle soluzioni, e la più seguita credo sia quella di Marek Prokop, tradotta in italiano da risorse.net. La soluzione è certamente la più corretta a livello semantico e di standard, rimane però il problema che non sempre è possibile usare un <div> contenitore (per esempio in un CMS).

Jaroslav Polakovič ha però trovato una soluzione a mio avviso più interessante, ovvero utilizzare un attributo css proprietario di IE: lo zoom.

Presente fin da IE 5 la proprietà zoom permette appunto di ingrandire (o diminuire) un oggetto in percentuale. In questo modo, rimpicciolendo la dimensione del <hr> a un quarto della sua dimensione, i bordi “spariscono”. Per fare questo è però necessario un commento condizionale per IE e una immagine di sfondo 4 volte più grande di quella usata per i browser standard compliant.

Il codice:

<!--[if lte IE 7]>
<style type="text/css">
hr {
  background-image: url('four-times-larger-image.gif');
  height: 60px;zoom: 25%;
}
  </style>
<![endif]-->