ilDavid.com

Sono finiti i domini con nomi interessanti? Falso! Domain Name Dollar Store ha i migliori domini dell’universo! Come per esempio: plornk.com, slorpy.com, snordna.com, fwackoo.com, kffphrhrrrr.com e i social network myshpaesh.com e baycefook.com…
Questo esilarante video è stato realizzato da QuietLibrary, un gruppo comico americano. La cosa divertente è che i domini citati, molto probabilmente liberi prima del video, sono stati acquistati nel giro di pochi giorni. Un tipico fenomeno web.

Sitepoint è una “online media company” che si occupa di advertising e servizi per webdevelopers (sua la community di 99designs.com). Negli ultimi mesi hanno pubblicato due reference per i linguaggi web: HTML e CSS. Una terza, su JavaScript, è in arrivo. Questi manuali sono molto utili per i webdesigners, perchè spiegano in dettaglio come funzionano gli elementi e gli attributi, e come si comportano nei diversi browser. Indispensabile nei bookmarks.

Un interessante script php che comprime (con Gzip) gli elementi della pagina (css, javascript e html) per minimizzare il tempo di caricamento.

Ovviamente il server deve avere php4 (php5 per comprimere i javascript), e la classe php deve essere in una cartella scrivibile.

Dopo la presentazione dei nuovi iPod e iPhone lo scorso 9 settembre, si sono susseguiti rumors sull’uscita dei nuovi portatili e fissi di fascia consumer Apple: MacBook e iMac.
Voci che vogliono l’uscita di un nuovo modello di MacBook per il 14 ottobre sembrerebbero confermate da una notizia pubblicata ieri pomeriggio da Barron’s online e ripresa da MacRumors che afferma la partenza dei nuovi MacBook dai produttori ai distributori.
I nuovi MacBook sarebbero con un case sottile in alluminio, un display retroilluminato a LED e un prezzo di ingresso molto aggressivo. Alcune foto dei possibili nuovi portatili consumer erano trapelate i primi di agosto da un blog taiwanese.

Un problema davvero fastidioso per un webdesigner è la cattiva (quando non impossibile) applicazione degli stili CSS alle select nei form. Fortunatamente JavaScript ci viene incontro, e grazie al lavoro fatto dagli australiani di Ace Web Design e all’aiuto del mio amico e collega Michele, vi presento un plug-in per jQuery che permette di personalizzare (e animare) una select in tutti i browser.
In sostanza lo script sostituisce il campo <select> con un campo nascosto e una serie di div, successivamente al cambiare delle opzioni viene valorizzato il campo nascosto e quindi viene passato al form come un normale campo.

Scarica lo script con una spiegazione e alcuni esempi, oppure guarda il codice:

$.fn.SelectCustomizer = function(){
    // Select Customizer jQuery plug-in
	// based on customselect by Ace Web Design http://www.adelaidewebdesigns.com/2008/08/01/adelaide-web-designs-releases-customselect-with-icons/
	// modified by David Vian http://www.ildavid.com
    return this.each(function(){
        var obj = $(this);
		var name = obj.attr('id');
		var id_slc_options = name+'_options';
		var id_icn_select = name+'_iconselect';
		var id_holder = name+'_holder';
		var custom_select = name+'_customselect';
        obj.after("<div id=\""+id_slc_options+"\"> </div>");
        obj.find('option').each(function(i){
            $("#"+id_slc_options).append("<div title=\"" + $(this).attr("value") + "\" class=\"selectitems\"><img src=\"" + this.title + "\" /><span>" + $(this).html() + "</span></div>");
        });
        obj.before("<input type=\"hidden\" value =\"\" name=\"" + this.name + "\" id=\""+custom_select+"\"/><div id=\""+id_icn_select+"\">" + this.title + "</div><div id=\""+id_holder+"\"> </div>").remove();
        $("#"+id_icn_select).click(function(){
            $("#"+id_holder).slideToggle(200);
        });
        $("#"+id_holder).append($("#"+id_slc_options)[0]);
        $("#"+id_holder+ " .selectitems").mouseover(function(){
            $(this).addClass("hoverclass");
        });
        $("#"+id_holder+" .selectitems").mouseout(function(){
            $(this).removeClass("hoverclass");
        });
        $("#"+id_holder+" .selectitems").click(function(){
            $("#"+id_holder+" .selectedclass").removeClass("selectedclass");
            $(this).addClass("selectedclass");
            var thisselection = $(this).html();
            $("#"+custom_select).val(this.title);
            $("#"+id_icn_select).html(thisselection);
            $("#"+id_holder).slideToggle(250)
        });
    });
}

In questo articolo di CSS-Tricks vengono spiegati tutti i trucchi e le varie compatibilità della proprietà css float.
Fondamentale per poter essere sicuri di un risultato cross-browser.

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.