Mootools e rollover

Segnalo un ottimo esempio che fa uso di Mootools per un gradevole effetto rollover nel menù di navigazione.

Alla fantasia di ognuno va l’utilizzo

DEMO

CODE

ARTICLE

Regole per i form

Il cosiddetto “web 2.0″ ha come caratteristica principale l’interazione con il cliente.

Il mezzo principale è senza dubbio il form: quei campi sempre più numerosi da compilare, con codici di conferma sempre più complessi… a volte basta poco per rendere inusabile un form.

Selettori CSS: chi è il più veloce?

Sembra che convenga aumentare il markup, utilizzare id e classi specifiche, piuttosto che esagerare con selettori padre/figlio, discendente… a dirlo è uno dei “capoccia” di webkit

Il mio punto di vista sta nel mezzo: non bisogna eccedere in nessuno dei due sensi: non occorre identificare ogni p, h, a, con un id, ma neppure infarcire css con formule chilometriche per la selezione dell’elemento giusto.

La “giusta” via come si trova?

Con molta molta molta pratica…. (molta l’ho già detto? )

Moodalbox

Lighbox e affini sono ormai in pieno boom e ne “fioriscono” di continuo.

Spesso però chi li usa dimentica di controllare il framework su cui si basa il tutto, facendo così entrare in conflitto librerie javascript, con lo splendido risultato di non non riuscir a far funzionare niente.

La prima cosa da controllare è quindi  proprio il framework base, mootools, jQuery,…

Per questo oggi segnalo moodalbox, applicabile anche su pagine html (un esempio nel mio sito: betadesignstudio). Per la mia gioia si basa su mootools, la mia libreria preferita ;) 

L’implementazione non si discosta dal normale lightbox, basta includere i file .js e ricordarsi l’atributo rel=”moodalbox”.

Buon divertimento!

 

Cisco

Nuovo stile per Beta Design Studio

A poca distanza dalla prima “release” del mio sito personale, annuncio oggi l’avvenuto restyling

Commenti e suggerimenti sono ben graditi

Questo tanto discusso CSS Reset

Quando si lavora con i CSS ci si deve giocoforza incontrare con le diverse interpretazioni del codice da parte dei vari browser.

Ecco perchè hanno preso piede dei file CSS che “resettino” tutti i possibili elementi.

I due maggiori sono quelli di Eric Meyer, guru CSS, e quello di Yahoo!!.

Oggi leggo ben 2 articoli al riguardo, contrari all’uso di questi sempre consigliatissimi file: NO CSS Reset e Why “REset” Stylesheet are bad

Italian Web Design

Segnalo un ottimo portale itliano con tema il webdesign, in tutte le sue forme

Coda

Ebbene, da quando sono passato a OSX ho dovuto diventare, così come avevo già fatto con Ubuntu la prima volta, un segugio, in grado di cercare e trovare tutti i programmi che mi potessero servire.

E così di forum in forum, di blog in blog, ho trovato, provato e infine acquistato Coda.

Per le pagine css, xhtml risulta un software completo.

Aptana Studio

Il passaggio a Mac è stato ricco di piacevoli sorprese , fra queste Aptana Studio.
Ho dovuto cercare un editor all’altezza di quelli presenti su linux e in effeti ho trovato carenza di applicazioni per Leoard. 
Ma non ho desistito e ho trovato Aptana, multipiattaforma, in java. 

 

Gedit - editor web

Ecco come trasformare il semplice Gedit in un buon editor per lo sviluupo web.

Blogged with Flock