10 Searchbox stilosi + howto
Uno degli elementi tipici di un blog è il box per la ricerca e qualche giorno fa mi sono messo in mente di cambiare quello presente su questa pagine. Ho quindi iniziato a guardarmi un giro cercando di trovare qualcosa che mi piacesse e dallo screening effettuato sono venute fuori diverse cose interessanti. Quello che [...]
Taggato con: css, design, inspiration, searchbox
Archiviato sotto: featured, sviluppo, tutorial
3 libri per un web developer
Mi è stato chiesto di consigliare qualche libro in italiano ad un “web developer 2.0” alle prime armi. Senza entrare nello specifico di un linguaggio lato server, voglio provare a fare un breve elenco di quelli che per il sottoscritto sono stati fondamentatali. “Cascading style sheets. La guida completa” di Eric A. Meyer. Partiamo dai [...]
Taggato con: css, javascript, jquery, libri, web developer, xml
Archiviato sotto: pensieri ... e parole, review, sviluppo
IE7 novità per il web-developpers
Sembra che il team di sviluppo di Internet Explorer 7 sia stato illuminato, realizzado ed implementando alcune delle caratteristiche per cui ormai avevo quasi perso le speranze … * Enable :hover on all elements not just on < a > * Background-attachment: fixed works on all elements * Improved < object > fallback * Min/max [...]
Fogli di stile efficaci ed efficienti
La separazione della struttura della pagina dalle sue regole di visualizzazione è sicuramente un vantaggio sia in temini di scalabiltà che di progettazione, ma da quando ho incominciato a utilizare in modo massiccio marcatori come DIV e Liste di definizione, realizzando di fatto siti con un uso molto limitato di tabelle (tableless), la dimensione dei [...]
Drag and Drop con Javascript
Implementare il drag and drop su una pagina web tramite javascript fa molto web 2.0 Gli esempi che mi vengono in mente sono ben rappresentati del siti come questo, questo o questo Anche i siti di commercio elettronico potrebbero trarre vantaggio da questa “tecnologia” rendendo un pò più interattiva e divertente la navigazione. Sul script.aculo.us [...]
Taggato con: css, howto, javascript, web 2.0
Archiviato sotto: sviluppo, tutorial
Allineamento verticale centrato con i css
Nel tentativo di seguire la tendenza che suggerisce la creazione di siti web “tableless” mi sono ritrovato con un banalissimo problema che mi ha fatto perdere un sacco di tempo. Il comportamento di default di una tabella con una cella (TD) con altessa fissa prevede il posizionamento del testo centrato testo di prova cosa che [...]
header html e css fantasmi
Qualche giorno fa geeksquare mi ha dato l’occasione per scoprire un uso dei css che non conoscevo, infatti questa pagina mi ha fatto passare quasi un ora prima di capire come funzionasse ( ma quanto sono ignorante ??? ) il “trucco” ( se così possiamo chiamarlo ) è la combinazione dell’utilizzo di un header impostato [...]
Macromedia Dreamweaver 8 in italiano
Disponibile per il download a circa un mese dal lancio internazionale la versione localizzata in italiano di Macromedia Dreamweaver 8 e dei sui “fratelli” ( Flash Professional 8 e Fireworks 8). A me sta per scadere la trial in inglese, spero che reinstallando sopra la versione in italiano mi lasci ancora 30 gg di “prova”. [...]
Trasparenza con Stile
Bello il titolo … vero? Trasparenza come effetto di trasparenza , Stile come fogli di stile ( aka CSS ) Quello che vedete è un esempio di come rendere compatibile l’effetto trasparenza tramite una semplice impostazione dei CSS Per rendere possibile questo miracolo è sufficente usare queste 3 parole magiche: filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2; Dove [...]
Taggato con: css, howto, web
Archiviato sotto: sviluppo, tutorial
Fogli di stile comodi …
Alcuni tag html ( body e form tanto per dirne due) hanno impostato di default un margine che in alcuni casi può rovinare il layout. Con questa sitassi è possibile impostare delle proprietà valide per tutti gli elementi senza doverli indicare in modo specifico. Oltra ai margini io abitualmente imposto anche il tipo di carattere [...]
Centrare gli elementi DIV con i CSS
Durante la sperimentazione di layout tableless, ho trovato molto interessante questo trucchetto per centrare orizzonzalmente un elemento DIV. Sfruttando i fogli di stile è sufficente impostare le proprieta margin-left e margin-right su auto. Sotto potete vedere il risultato … Elemento Cetrato Questo è il codice che ho usato. Elemento Cetrato Per praticità ho impostato le [...]
