Di Patrick // 12, marzo 2010 // Pubblicato in CSS, XHTML and Code // Letto 19
EZ-CSS is a lightweight (only 1kb) CSS framework for easily creating table-less layouts.
The framework enables you to create multiple columns of any width, with or without gutters of any width.
EZ-CSS is very flexible:
- each module or layout contains a width-less container which prevents rounding issues or rounding errors.
- it creates self-clearing containers which means every box will contain floats.
As EZ-CSS has a very small footprint, it can be fully inserted into any stylesheet or a style element which would make it compatible with every other CSS framework too.
Compatibility: All Major Browsers
Website: http://www.ez-css.org/
Demo: http://www.ez-css.org/layouts
Screencast: http://www.ez-css.org/screencast
Download: http://www.ez-css.org/downloads
Di Patrick // 8, marzo 2010 // Pubblicato in jQuery/AJAX // Letto 95
Ancora una volta riccorriamo al nostro amatissimo Framework jQuery per creare dei caption su immagini, thumbnail o semplicemente DIV contenitori; il caption, solitamente utilizzato nelle tabelle come intestazione può essere utile anche per sovrapporre delle descrizioni appunto alle immagini o altro; i plugin che oggi vi consiglio, migliorano questa proprietà dando un tocco di animazione alla vostra struttura. Continua a leggere »
Di Patrick // 8, febbraio 2010 // Pubblicato in XHTML and Code // Letto 245
Il lavoro del Web Designer non ha mai fine e forse è proprio questo che ci differenzia dalle altre figure professionali che lavorano nel multimedia. Quante volte ci capita di iniziare un nuovo progetto e dover rinunciare ad alcune particolarità grafiche perchè poi non potremmo crearle nella realtà? Davvero tante; ma se oggi volessimo comunque inserire in un progetto alcune nuove particolarità proprie del Web che verrà dovremmo per forza di cose iniziare ad utilizzare i fantastici CSS3.
Proprio di recente ho lanciato alcuni nuovi progetti come www.ikoart.it e la nuova versione del mio sito www.beatfly.com presentandoli con una veste grafica differente se si accede con Firefox, Safari e Opera oppure con Explorer. Nel mio caso questa discrepanza è stata voluta, anche se alcune differenze interessano solo la presentazione estetica e non la struttura che comunque rimane cross browser. L’utilizzo dei CSS3 è a mio avviso un grandissimo risparmio di tempo per quanto riguarda la realizzazione di alcuni estetismi puramente grafici ed inoltre riduce il peso del vostro sito in quanto farete a meno di elementi grafici ora realizzati solo via codice. Rimane il problema cross browser, ma se ci limitiamo ad utilizzare le nuove regole solo per alcune migliorie quali, ombra nei testi, ombra negli elementi e magari angoli arrotondati il risultato sarà diverso ma non influirà sulla resa della presentazione. Quello che vedremo oggi, con alcuni semplici Snippets copia e incolla, sono appunte queste tipologia di nuove regole che ci permetteranno di sfruttare sia le specifiche attuali che di creare una struttura CSS in grado di salvaguardare il nostro lavoro anche in futuro.
Continua a leggere »
Di Patrick // 27, gennaio 2010 // Pubblicato in CSS, jQuery/AJAX // Letto 352
Nella rete siamo ormai abbituati ad eseguire il nostro accesso ad un sito attraverso una Modal Window, ovvero l’equivalente di una PopUp vecchio stile; il loro stile è molto cambiato e soprattutto è migliorata l’usabilità del loro servizio.
Con questa premessa ho introdotto il fine del mio nuovo Tutorial dedicato al mondo jQuery e CSS, con i quali oggi realizzeremo la Modal Window di Login del famigerato Digg.com
Continua a leggere »
Follow Us!