Steve Jobs sulla tua scrivania!

E’ alto circa 40cm, indossa una maglietta nera e un jeans, porta gli occhiali e ovviamente porta anche le scarpe con lacci cuciti a mano.
Si tratta della riproduzione del Ceo di Apple, Steve Jobs!

Che dire? C’è chi pensa proprio a tutto.. :)

stevejobs_puppy

Sunday Morning

Leggevo su JuliusDesign questo interessante articolo riguardante Sunday Morning, un servizio basato su JQuery che consente di tradurre una pagina web in tempo reale tramite le API di Google Translate.
E’ possibile scaricare il plugin nella versione beta

sundaymorning

Download | Homepage

Guida – Tab con JQuery UI

Una piccola guida per creare una semplice interfaccia a tab utilizzando JQuery UI

Per cominciare sarà necessario scaricare JQuery UI che potete trovare QUI
Una volta scaricato (.zip) troverete al suo interno:

  • /css/
  • /development-bundle/
  • /js/
  • index.html

1. Iniziamo dal codice head della nostra pagina, richiamando il foglio di stile all’interno della cartella CSS e il framework JQuery che troviamo all’interno della cartella js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio jQuery</title>
<link type="text/css" href="css/themename/jquery-ui-1.7.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
</head>


2. Adesso possiamo creare il nostro codice HTML
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tabs-2">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tabs-3">
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
</div>
</div>


3. Per finire dobbiamo inserire il codice javascript
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>


4. Spero di essere stato utile :)

Demo | Download

Nuova grafica

Era da tanto che non curavo il mio blog, a causa del poco tempo libero a disposizione.

Visto che in questa settimana sono riuscito a ritagliarmi un po di spazio ho deciso di rinnovare la veste grafica e utilizzare JQuery per qualche funzione nei menu a destra

Spero di aver fatto un buon lavoro :)

WordPress 2.7

Anche se con un po di ritardo, ho finalmente aggiornato wordpress alla versione 2.7

Per scoprire tutte le novità della nuova versione: http://www.wordpress-it.it/2008/12/10/wordpress-27-il-primo-screencast/

Download:

http://wordpress.org/latest.zip

http://www.wordpress-it.it/download/29/ (WordPress in italiano)

Il canale IRC di WordPress-it

E’ stato registrato su Azzurra il canale ufficiale di WordPress-it

irc.azzurra.org / #wordpress

Icon Archive

Icon Archive è un ottimo contenitore di icone gratuite, sono presenti piu di 18.000 icone divise in numerose categorie.

E’ necessario leggere la licenza di utilizzo presente all’interno di ogni pagina.

Esempio:

Icon Archive

Icon Archive

URL: http://www.iconarchive.com/

Icons set for bloggers

12 icone per il vostro blog:

Icons set for bloggers

Download: http://www.blogperfume.com/free-glossy-blogging-icons-set-for-bloggers/

blog.morant.it

Ecco il mio nuovo Blog!

Ora devo lavorare sul mio tema :)

PS. Ho aggiunto alcuni siti che riguardano i CSS