• Archivio
• Contatti
• Portfolio
• Templates

reti Ingegneria Project Management e-business Ambiente Webdesign tecnologie Web Tortelli di Zucca

Gmaps Mobile: una silenziosa rivoluzione..

Nessun Commento »

Pubblicato da Davide

Da qualche tempo avevo installato GMap Mobile sul mio cellulare Nokia, con il classico sistema operativo Symbian. Non l’ho mai usato seriamente, era un’icona e nulla più. Anche perchè i costi di connessione, in questi casi, non ne agevolano l’utilizzo.

Scopro che Vodafone ha un’opzione tariffaria per cui con 2 euro fissi a settimana è possibile navigare gratuitamente senza limiti, utilizzando connessioni dati tramite il punto di accesso wap.omnitel.it (si.. avete capito bene, non 3 euro a settimana, ma 2 euro a settimana, per trovare questa seconda promozione, identica alla sorella più cara, basta cliccare sul link “Scopri la promozione per navigare in Vodafone live! e sui tuoi siti internet preferiti“: confermato pure da un operatore Vodafone). Ebbene, si apre un mondo che per i dispositivi mobili non avrei nemmeno immaginato possibile.

Un cellulare che diventa improvvisamente una porta d’accesso verso quel mondo di informazioni che tipicamente sono proprie di un PC. Ti capita spesso di dover cercare un ristorante mentre sei a spasso in una città inesplorata, e magari vuoi sapere il numero di telefono e gli orari di apertura. Nokia ha fatto incredibili passi avanti con il navigatore integrato, ma è ancora lontano dagli sviluppi di Google Maps. Il sito web di una attività commerciale, il numero di telefono, gli orari di apertura, la stada per arrivare, a partire dalla tua posizione (sia che il cellulare abbia o meno il GPS): sono tutte cose che diventano alla portate di qualsiasi dispositivo evoluto.

Continua a leggere..

Un menu duttile, con un po’ di javascript e css

4 Commenti »

Pubblicato da Davide

Arrivano le feste e finalmente c’è tempo per dedicarsi a ciò che più piace. JQuery e un pizzico di CSS sono sufficienti per rendere accattivante un menù, creando tendine a cascata sul mouse-hover o affascinanti barre di navigazione, perfette per i menù in stile magazine. Tutta la faccenda è frutto di un comodo plugin di jquery: superfish.

Per vederlo subito all’opera basta dare un’occhiata agli esempi che ci sono sul sito ufficiale.

Questo plugin torna veramente utile se accoppiato ai classici menù per wordpress, dove tipicamente la sintassi html è la seguente:

<ul class="sf-menu">
<li class="page_item"><a href="#" title="Home">Home</a></li>
<li class="page_item page-item-1"><a href="#" title="About">About</a>
<ul>
<li class="page_item page-item-2"><a href="#" title="Sottopagina Uno">Sottopagina Uno</a></li>
<li class="page_item page-item-3"><a href="#" title="Sottopagina Due">Sottopagina Due</a></li>
</ul>
</li>
<li class="page_item page-item-4"><a href="#" title="Contatti">Contatti</a>
</ul>

Questa sintassi viene generata dalla funzione wp_list_pages(), indicando come argomento depth=2. E’ sufficiente assegnare la classe “sf-menu” alla lista (<ul>) che compone il menù e lo script farà il resto del lavoro, individuando le liste annidate e nascondendole. Quando l’utente passerà con il mouse sulla pagina padre, allora saranno mostrate a cascata le pagine figlie.

Ovviamente per far funzionare il tutto è necessario includere nella testata della pagina qualche riga di codice, per caricare jquery, il plugin e alcuni file css:

// link al file CSS
<link rel="stylesheet" type="text/css" media="screen" href="superfish.css" />
// link al javascript (hoverIntent è opzonale)
<script type="text/javascript" src="hoverIntent.js"></script>
<script type="text/javascript" src="superfish.js"></script>
// inizializzazione di Superfish, sf-menu è la classe su cui sarà attivo l'effetto
<script type="text/javascript">
$(document).ready(function(){
$("ul.sf-menu").superfish();
});
</script>

I temi rilasciati su eleganthemes fanno abbondantemente uso di questo plugin e gli effetti sono piuttosto gradevoli. Credo proprio che mi divertirò nei prossimi giorni.. Conoscete altri script altrettanto versatili e pronti all’uso?

Gestione utenti con wordpress: profili personalizzati e aree riservate

10 Commenti »

Pubblicato da Davide

Una delle maggiori esigenze, quando si utilizza wordpress come motore per un sito che preveda la registrazione degli utenti, è quella di permetterne una gestione avanzata, con campi personalizzati, avatar, form di registrazione estesi.
Wordpress è perfetto per realizzare magazine, blog site o in generale siti che prevedano una costante produzione di contenuti. Pecca però nella gestione utenti. C’è un comodo plugin rilasciato da uno sviluppatore italiano (Marco Cimmino) che ci viene in aiuto: Cimy User Extra Field.

La funzione è semplice: permette di aggiungere campi personalizzati al profilo utente base. In questo modo è possibile strutturare la pagina di registrazione per chiedere ai nuovi iscritti informazioni extra, come ad esempio la volontà di iscriversi ad una newsletter, attraverso un campo checkbox, far inserire un avatar, richiedere la data di nascita o l’indirizzo.. 

Altra esigenza comune è quella di risistemare graficamente il form di registrazione e login, a partire dal logo. Spesso è utile uniformarlo alla grafica del proprio sito web, nei colori e nella formattazione. I file su cui intervenire si trovano nelle cartelle wp-admin/css e wp-admin/images; nella prima vi sono tutti i css di base (il consiglio è sempre quello di farsi un backup prima di apportare modifiche) mentre nella seconda le immagini che utilizza wordpress.

Il logo si trova al path wp-admin/images/logo-login.gif; è sufficiente sovrascrivere questa immagine per cambiare il logo che sta sopra al form di registrazione e di login. Una volta sostituito è bene mettere mano al css per sistemare l’altezza del box che lo contiene, intervenendo sul file wp-admin/css/login.css:

h1 a {
background: url(../images/logo-login.gif) no-repeat;
width: 292px;
height: 166px;
text-indent: -9999px;
overflow: hidden;
padding-bottom: 15px;
display: block;
}
#login { 
width: 680px; 
margin: 1em auto; 
}

Già queste semplici regole sono sufficienti ad allargare il form di login e cambiare le dimensioni del logo.

Continua a leggere..

Fanta-Trade, giocando al trading on-line

Nessun Commento »

Pubblicato da Davide

Giochi e giochetti on-line ce ne sono di tutti i tipi, per chi ha voglia di perdere passarsi il tempo c’è solo l’imbarazzo della scelta. In molti conosceranno Hattrick o Buzzerbeater, giochi manageriali rispettivamente di calcio e basket. Da poco ho scoperto questo FantaTrade: si tratta di un gioco per la simulazione della gestione economica di un patrimonio di 100.000 fanta-euro. Compra-vendita di azioni, investimenti su fondi privati (creati e gestiti da altri utenti) o su valute: insomma un gioco come una palestra per il trading on-line. I dati sono quelli dei mercati reali; le vincite o le perdite sono quindi le stesse a cui si andrebbe incontro nella realtà, ma i soldi sono tutti finti.

L’ideatore della baracca è Andrea Grimaldi, giovane laureato in economia, in una intervista rilasciata su Shannon dichiara:
Continua a leggere..

Manutenzione a Nerino, versione 2.3

2 Commenti »

Pubblicato da Davide

Da un po’ di tempo non mettevo le mani su Nerino. Questo post per avvisare tutti gli utilizzatori del suddetto tema che è stato aggiornato alla versione 2.3, si consiglia pertanto di caricare nei vostri blog la nuova versione (sovrascrivendo quella precedente).

In particolare sono stati risolti alcuni piccoli bug:

• Visualizzazione widget
  aggiustata la visualizzazione dei titoli del widget rss e delle sottopagine/sottocategorie
• Navigazione tra i post precedente e successivo nella testata
  risolto un problema di visualizzazione dei titoli del post precedente e successivo dalla pagina di visualizzazione del singolo post

Per chi non vuole sovrascrivere il tema, perchè magari ha apportato modifiche, è possibile aggiornare sovrascrivendo alcune parti di CSS. Basta aprire il file style.css e fare le seguenti operazioni:
Continua a leggere..

Design by Davide Del Monte - diploD | W3C Valid XHTML | CSS                      Home |  Sitemap |  RSS Feed