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
Condividi questo post:
Tags: CSS, Web Design, XHTML
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 è stata pubblicata la seconda parte [...]
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 troverete risposte molto competenti:
Qual’è il [...]
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 sopra l’altro. Uno dei [...]
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 come viene visto in un [...]
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” type=”text/javascript”></script>
</head>
<body>
<ul>
<a href=”#” onclick=”new Effect.Fade ( [...]
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 file xhtml con le istruzioni
<script [...]
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 avrà una immagine predefinita e [...]
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 attraenti basandosi sui dati inseriti. [...]
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 sarebbe interessata ad ulteriori articoli [...]
Stai guardando gli archivi della categoria Web Design.