Copes Flavio » Web Design http://www.copesflavio.com/blog Joomla, WordPress, Drupal, CMS, Web Development, Joomla Templates Wed, 16 Jul 2008 09:05:10 +0000 http://backend.userland.com/rss092 en Generare box arrotondati Ogni volta che devo generare rettangoli arrotondati in una pagina Web mi ritrovo a reinventare la ruota, per cui questo è un promemoria in cui segnalo 2 siti che forniscono una soluzione completa per questa necessità: http://www.generateit.net/rounded-corner/ per generare le immagini http://kalsey.com/2003/07/rounded_corners_in_css/ per inserire il codice html e css http://www.copesflavio.com/blog/web-design/generare-box-arrotondati/ 170 Idee dei migliori Web Designer Smashing Magazine ha pubblicato pochi giorni fa la prima parte di un articolo in cui vengono poste tre domande ad alcuni dei più talentuosi web designer mondiali, un articolo molto interessante che permette di determinare quali sono i pensieri dei migliori nel settore, di cui abbiamo parlato in precedenza. Oggi è ... http://www.copesflavio.com/blog/web-design/170-idee-dei-migliori-web-designer/ Domande e Risposte tra Web Designer Smashing Magazine ha pubblicato sul suo sito web un brillante articolo in cui sono poste sei domande a cui rispondono 50 tra i migliori web designer del globo, tra cui Verlee Pieters, Cameron Adams, Eric Meyer, Patrick Griffiths. In questo articolo vengono discussi argomenti molto variegati. Ecco le domande a cui ... http://www.copesflavio.com/blog/web-design/domande-e-risposte-tra-web-designer/ Realizzare un crossfade con Scriptaculous La libreria Scriptaculous permette di implementare in un lampo funzioni Javascript che potrebbero risultare complesse da scrivere da zero. Vediamo ad esempio come realizzare un pratico e bello crossfade tra elementi di una pagina, dove l'evento che scatena il crossfade è l'attivazione di un link. Prendiamo ad esempio due divs, posizionati uno ... http://www.copesflavio.com/blog/web-design/javascript/realizzare-un-crossfade-con-scriptaculous/ Formattare il codice nelle pagine web Spesso e volentieri i blog tecnici, come questo, riportano spezzoni di codice per illustrare delle funzionalità di un software oppure come eseguire una certa operazione. Il codice risulta però decisamente brutto a vedersi, formattato con i <pre> o semplicemente con un font monospace come courier. Sarebbe utile poter formattare il codice ... http://www.copesflavio.com/blog/web-design/javascript/formattare-il-codice-nelle-pagine-web/ Script.aculo.us, esempio di Effect.Appear ed Effect.Fade La libreria Javascript Script.aculo.us permette di realizzare in modo estremamente semplice effetti grafici accattivanti. Vediamo ad esempio l'uso di Effect.Appear ed Effect.Fade per creare un sempice roll-over di immagini. Creiamo un file XHTML contenente una lista ed alcune immagini. Il codice usato nell'esempio è <html> <head>     <title>Esempio scripaculous</title>     <script src="scriptaculous/lib/prototype.js" type="text/javascript"></script>     <script src="scriptaculous/src/scriptaculous.js" type="text/javascript"></script>     <script src="scriptaculous/src/effects.js" ... http://www.copesflavio.com/blog/web-design/javascript/scriptaculous-esempio-di-effectappear-ed-effectfade/ Che cos’è Script.aculo.us Script.aculo.us (Scriptaculous) è una libreria Javascript che permette di estendere le funzionalità della user interface di un sito web, come illustrate nel seguente sito. Essa è estende Prototype, un'altra famosa libreria Javascript. Come funziona Script.aculo.us? Scriptaculous si installa copiando alcuni files all'interno di una cartella del server, ad esempio js/, ed importandoli nel ... http://www.copesflavio.com/blog/web-design/javascript/che-cose-scriptaculous/ Css e pulsanti di submit form Come fare in modo che un pulsante di submit form abbia uno stile diverso da quello di default? Possiamo utilizzare un elemento button anzichè input, usando poi un css come #registrazione form button { cursor: pointer; background: transparent url(images/button_0.gif) no-repeat center center; } #registrazione form button:hover { background: transparent url(images/button_1.gif) no-repeat center center; } In questo modo il pulsante ... http://www.copesflavio.com/blog/web-design/css/css-e-pulsanti-di-submit-form/ Due web-tools per il web design Generare box dagli angoli arrotondati e creare pulsanti attraenti: ecco a cosa servono i due siti che vi propongo oggi: http://www.roundedcornr.com/ pemette di creare in pochi istanti un box dagli angoli arrotondati, con tanto di immagini generate on-the-fly, CSS e XHTML di esempio. Glassy Buttons invece crea dei pulsanti graficamente molto ... http://www.copesflavio.com/blog/web-design/due-web-tools-per-il-web-design/ Cos’è un feed RSS RSS significa Really Simple Syndication, ed è un metodo utilizzato per notificare l'avvenuta modifica di un sito web, che utilizza la tecnologia XML. Il funzionamento di un feed RSS è molto semplice, vediamo un esempio di funzionamento legato ad un blog: una persona visita un blog che trova molto utile, e ... http://www.copesflavio.com/blog/web-design/cose-un-feed-rss/