Scritto da: Alberto Trussardi
il 3 luglio 2009

Sea-Seek costituisce una guida nautica, che riunisce numerose notizie e foto sulla navigazione costiera e porti.
Funziona secondo il principio di un Wiki, ciascuno può contribuire introducendo delle notizie, descrizioni completando quelle esistenti.
L’applicazione web, totalmente gratuita richiede l’intallazione di google Earth 5 per la visualizzazione 3d della mappa, che ci verrà richiesta se non è già installata.
Avremo a disposizione, arei, navi, barche a vela per girare il mondo e oltre alla pilotazione automatica potremo usare le frecce direzionali per muoverci.
Per attivare la navigazione selezioniamo il nostro Virtual Tour:

Ci ritroveremo in una schermata dovre avremo la nostra mappa 3D, dove sarà possibile muovere i poligoni.
Un pannello di controllo consente di gestire:
- Start e Pausa della navigazione
- Modifica della visuale in base alla posizione del poligono scelto
- Velocità per gestire accelerazione e ritardi
- Selezione del poligono, avremo a disposizione: sottomarini, navi e aerei.
- Possiamo selezionare anche dei percorsi prestabiliti oppure cercare noi la città da visitare

Di seguito vi riporto alcuni screenshoot di alcune costruzioni più famose del mondo:
- Montecarlo: Casa dei reali e stadio



Un servizio molto piacevole che implementa un uso molto avanzato delle API di Google Maps e Google Earth.
La grafica 3D ovviamente, non è nulla di spettacolare, però è molto fedele alla realtà.
Scritto da: Alberto Trussardi
il 2 luglio 2009

Tile Machine è un servizio molto divertente, che consente di creare degli sfondi per le nostre pagine web.
Richiede l’installazione di ShockWave per poter funzionare, che se non è già installato nel vostro browser, potrete scaricarlo gratutitamente dal sito di adobe.
La schermata principale è molto semplice ed è composta da strumenti base di disegno, quali:
- selezione del colore
- matita
- gomma
- cerchi e rettangoli
- risoluzione dell’immagine
- altro

Una volta generata l’immagine, potremo scaricarla e aggiungerla alla galleria d’immagini create dagli utenti.

Ho realizzato per voi questa trama e ora vorrei illustrarvi perchè questo servizio è vantaggioso per chi lo usa.

Tile Machine ha una precisione nel realizzare questa trama e il risultato prodotto potrebbe essere utilizzato nei nostri web template, per disegnare quei particolari che magari con Photoshop ci risulterebbero difficili.
Di seguito vi riporto uno stralcio di codice css e l’esempio completo da scaricare, per capire come, la nostra trama, potrebbe essere utilizzata:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-image: url(SfondoProva.jpg);
background-repeat: repeat-x;
background-color: #D7B3B3;
}
E voi come realizzate i particolari dei vostri siti?
Scritto da: Alberto Trussardi
il 1 luglio 2009

Cosa pensate di 35 ottimi servizi gratuiti per analizzare il nostro sito? Sembra impossibile ma TrckBackLink mette a disposizione un ottimo arsenale di tool che potrebbero tornare molto utili.
Avremo a diposizione diverse categorie tra le quali potremo:
Controllare i vari Rank attraverso:
- Fake Rank Checker
- Google Banned Checker
- Alexa Traffic Rank Checker
- Multiple Keyword Search Engine Position
- Multiple Website Search Engine Position
- Multi-Rank Checker (PageRank and Alexa)
- Search Engine Position Checker
- Site Rank Checker
Strumenti di analisi Keyword-Based:
- Keyword Density Checker
- Keyword Suggestion Generator
Strumenti di analisi per gli Header-Tag:
- HTTP Header Extractor
- HTTP Header Viewer
- Meta Tag Extractor
- Meta-Tag Generator
Strumenti misti:
- Website Status Checker
- Online Calculator
- Browser Details Tool
Strumenti per il codice sorgente:
- Source Code Viewer
- MD5 Encrypter
- HTML Encrypter
- HTML Optimizer
- Website Speed Test
- Domain Whois Retriever
Strumenti di ottimizzaziones:
- Search Engine Saturation Checker
- Site Spider Viewer
- Spider Viewer
- Search Engine Listing Preview
Strumenti per IP:
- Reverse IP/Look-up Script
- Ping Script
Analizziamo i link:
- Link Popularity Checker
- Link Suggestion Generator
- No-Follow Finder
- Reciprocal Link Checker
- Link Analyzer
- Backlink Checker
Tutti questi magnifici tool li potete trovare raggruppati in un unico servizio (tutto in inglese) messo a disposizione da Trackbacklink.
Scritto da: Alberto Trussardi
il 29 giugno 2009

Spesso capita che le immagini di un sito, ritardino di molto il caricamento di una pagina, questo perchè spesso si trascura il loro peso.
Per questo motivo voglio presentarvi un ottimo tool gratuito che consente in pochissimi click, di alleggerire notevolmente il peso delle vostre immagini senza perdere troppo nella definizione, sto parlando di: ImageOptimizer.
Il servizio consente di caricare un’immagine dal disco fisso e scegliere le dimensioni e la qualità del risultato:

Una volta premuto suOptimize Now!, i risultati parleranno da soli, per esempio io ho caricato un’immagine di:
- Risoluzione: 2592×1944
- Peso: 2615 KB
Siamo arrivati in 1.171 secondi ad avere un’immagine di:
- Risoluzione: 800×600
- Peso: 54 KB

Un servizio molto comodo per chi non avesse a disposizione photoshop, per alleggerire le immagini, poi è semplice e gratuito.
Scritto da: Alberto Trussardi
il 29 giugno 2009
Ecco KeyWord Fishing!!
KeyWord Fishing è un ottimo software per analizzare la “competizione delle parole chiave” sulla rete.
Il suo funzionamento è molto semplice e la schermata di presentazione è molto intuitiva:

Analizziamo assieme le varie opzioni seguendo i punti indicati:
- Inseriamo la parola o le parole da voler analizzare (una per riga)
- Utiliziamo lo slider per selezionare quante pagine vogliano analizzare
- Vuoi aumentare la raccolta dati? Aumenta questo parametro!
- Selezioniamo il numero dei processi da attivare (aumentando i processi si dimezzano i tempi di ricerca ma comporta un maggiore utilizzo del processore)
- Carichiamo una lista di KeyWord già creata in precedenza
- Carichiamo il report di una lista di chiavi
- Salvataggio
- Ripristina la situazione di default
- COMINCIA LA PESCA DELLE KEYWORD
ATTENZIONE: aumentando i valori dei parametri 2 - 3 e 4 aumenterà anche il tempo d’analisi.
Una volta avviata la ricerca il software trova tutte quele parole simili o derivate che stiamo cercando e le posiziona in una tabella composta da tre campi:

- Occurrences = il numero delle occorrenze trovate
- Saturation = la percentuale di competizione (più è alta e minore sarà la possibilità di ottenere buoni risultati nella SERP)
- Phrase = termini simili trovati
Spostandoci sul tab intitolato: Word Summary avremo gli stessi parametri della Phrase Summary, ma con un sensibile aumento dei valori percentuali e delle occorrenze.
Questo perchè è logico che una singola parola può essere ripetuta in più contesti differenti con una maggior frequenza rispetto ad una frase presa singolarmente.

Questo è tutto! Vi ricordo che sia per le parole che per le frasi, è necessario trovare i termini più adeguati controllando il loro grado di saturazione: MINORE è questo valore e meglio è, per trovare posizioni favorevoli nella SERP.
Questo tool lo uso da molto tempo per fare le mie analisi SEO sulle pagine web, per questo lo consiglio caldamente e diffidate dai servizi online, perchè spesso non hanno la stessa precisione nei risultati.
Scritto da: Alberto Trussardi
il 27 giugno 2009
Nato da un progetto universitario di due studenti Austriaci, typoGenerator è un servizio web 2.0 molto particolare.
Consente infatti di generare delle composizioni astratte di parole in modo del tutto casuale.
L’applicazione si snoda su 5 semplici opzioni:
- Inserimento delle parole su cui creare l’effetto
- Il formato: orizzontale o verticale
- Lo stile del testo
- Il colore
- Lo sfondo

E’ un servizio che non può essere spiegato a parole, ma deve essere assolutamente provato!
Scritto da: Alberto Trussardi
il 26 giugno 2009
Pochi click bastano per generare un logo d’impatto come quello sopra.
Basta utilizzare: Web 2.0 Free Logo Generator un servizio molto comodo per la generazione online di Loghi personalizzati.
Il servizio è molto immediato e mette a disposione le seguenti opzioni:

- Testo da formattare
- Colore dello sfondo
- Colore della parola
- Font
- Colore dell’effetto della parola
- Effetto reflex
- Eventuali simboli da inserire
- DPI dell’immagine e relativa tipologia
La velocità di creazione e la qualità del risultato rendono Logo Generator un’ottimo strumento, da tenere in considerazione per chi non ha esperienza nel campo della grafica.
Altri servizi molto validi sono:
Scritto da: Alberto Trussardi
il 25 giugno 2009

PHPForm è un comodo editor di form on-line, gratuito, veloce che non richiede registrazione.
Consente in pochi click di avere delle vere form in formato HTML, pronte all’uso. I passaggi per crearle sono pochi e gli strumenti a disposizione tanti.
Per prima cosa selezioniamo lo schema di colore che vogliamo applicare, premiamo su next e passiamo alla prossima schermata.
Qui troveremo diverse opzioni per personalizzare la form, quali:

man mano che si aggiungono elementi sarà possibile editarli per rinominare le label e personalizzare i titoli della form.
L’affetto finale sarà una struttura HTML leggera alla quale noi potremo apportare diverse modifiche, sia dal punto di vista grafico che dal punto di vista del codice.

Sfortunatamente questo servizio non crea un file CSS per personalizzarne lo stile, per questo motivo vi riporto un altro servizio gratuito che ci aiuterà a crearlo: FormStyleGenerator.

Il servizio permette di dare una formattazione a:
- Sfondo
- Bordo
- Font e testi
- Label
- Eventi del mouse in base al click
Una volta generato il codice, lo potremo applicare a qualsiasi delle nostre form e magari modificarlo per creare degli effetti più accattivanti.
Questi due servizi sono rivolti principalmente a chi non ha molta confidenza con html e css, perchè li ritengo molto utili come basi da cui partire per poter creare form più complesse.
Scritto da: Alberto Trussardi
il 25 giugno 2009

Non voglio fare altro altro rumore, perchè sulla rete c’è già molto riguardante questo argomento.
Però mi sono arrivate alcune mail, di persone che chiedevano se esisteva un servizio gratuito On-line per creare dei video tutorial.
Esiste ScreenToaster, ottimo servizio gratuito per effettuare delle riprese di screen recorder, ovvero registrare tutti i movimenti fatti da noi sul nostro monitor.

Il servizio mette a disposizione diverse opzioni:
- Ripresa a pieno schermo
- Ripresa parziale di una determinata zona rettangolare, da noi impostata
- Registrazione di audio
- Ripresa via WebCam
Si possono poi impostare le geek settings che comprendono:
- L’impostazione del playback speed
- Ripresa di operazioni da server
La parte interessante arriva ora, infatti ScreenToaster mette a disposizione delle interessanti opzioni al termine della ripresa, ovvero:

- Riepilogo delle specifiche del file generato (peso, durata ecc…)
- Consente di caricare il video direttamente su YouTube
- Salvarlo nei formati .mov e .swf
- Editarlo
- Caricarlo sul server di ScreenToaster in alta definizione per condividerlo con altri utenti.

Una volta registrati i video verranno allocati nello spazio del profilo, dove voi potrete:
- Inserire i dettagli della vostra anagrafica
- Gestire l’account
- Scaricare i viedo nei formati stabiliti
Un servizio comodo, rapido e gratuito che consente in pochi passi di poter creare dei video tutorial di grande qualità.
Scritto da: Alberto Trussardi
il 23 giugno 2009

Il titolo dell’immagine dice già tutto.
Oggi vedremo come generare uno sprite d’immagini, utilizzando dei servizi gratuiti.
Per prima cosa generiamo un file zip nel quale andremo a mettere, tutte le immagini di cui si vuole generare lo sprite.
Andiamo sul sito SpriteGen e carichiamo il file zip dall’apposito pannello.

dopodiché potremo settare diversi parametri quali:
- Immagini Duplicate
- Ridimensionamento Immagini Originali
- Opzioni Sprite Generato
- Opzioni CSS Generato
Premendo poi sul bottome “Crea Immagine” otterremo tutto quello che ci serve:
- le coordinate del background-position già calcolate
- e lo sprite d’immagini compattato

Un servizio comodo e intuitivo e molto semplice da utilizzare.
Simile è CssSprite comodo anche lui ma con meno opzioni.