Come mi vedono gli altri?

BrowserShot-NetRender

Un problema che capita spesso ai WebDesign è quello di dover verificare che il sito sia ben visibile su tutti i web browser.

I casi sono due:

  • Vi installate più di 40 browser per fare le vostre prove.
  • Oppure usate dei bei servizi che fanno il lavoro gratuitamente e in poco tempo.

Potete usare il più famoso in assoluto che è BrowserShots oppure NetRenderer.

Con BrowserShots potrete visualizzare come viene visto il vostro sito in più di 40 browser, riportandovi semplicemente lo screenshoot delle visualizzazioni. E’ uno strumento molto potente ma anche molto lento, perchè impiega parecchio tempo per genereare tutte le anteprime che avete selezionato.

NetRenderer è più limitativo all’apparenza, ma consente di testare il sito sui vecchi Internet Explorer, che generalmente sono quelli che danno più problemi, riportandovi anch’esso lo screenshoot della pagina, però in alta risoluzione.

Voi invece, come verificate i vostri siti?

Evitiamo di passare dal commercialista

vendi-nuda-proprieta-webfandom

Voglio presentarvi oggi un servizio web 2.0, molto particolare: il calcolo della nuda proprietà, un’argomento che non c’entra assolutamente nulla con questo blog ma molto inerente per il servizio gratuito che propone.

Infatti inserendo soltanto il valore commerciale dell’immobile e la relativa età, verrà visualzzato: l’usufrutto e la nuda proprietà (vi ho riportato nei link per le relative definizioni).

Un calcolo che altrimenti dovrebbe essere fatto da commercialisti o notai.

Il sito è molto carino anche di Design, leggero e semplice. Quindi perchè non provate a vedere quanto vale il vostro immobile?

vendi-nuda-proprieta

Creiamo icone con favicon-generator

favicon URL Avete mai notato che nella barra dell’URL del vostro browser, ogni tanto compare un’iconcina diversa a seconda del sito che si stà visualizzando?

Bene quest’icona delle dimensione di 16×16 pixel si chiama favicon e può essere inserita in qualsiasi sito con una sola riga di codice.

Per crearla ci sono diversi modi:

  1. Vi comprate un programma per disegnare icone – :(
  2. Vi scaricate un programma freeware per disegnare icone – :(
  3. Oppure usate dei comodi servizi web gratuiti come favicon-generator:D

Il servizio totalmente gratuito e privo di registrazione, vi consente d’importare immagini da riadattare ad icone, oppure di disegnarvele voi stessi.

Favicon-generator

La scermata di presentazione è la seguente:

FaviconGeneratornella quale potrete caricare un’immagine dal vostro disco fisso e convertirla in icona, scegliendo di mantere le proporzioni dell’immagine, oppure di aggiungerla alla galleria delle icone.

Io le cose amo farle da me, quindi vi ho disegnato un piccolo Super Mario come iconcina utilizzando l’editor:

EditorNella schermata potrete eseguire diverse operazioni quali:

  • Selezione della cromatura
  • Disegno
  • Selezione automatica del colore
  • Gomma
  • Ripristino immagine
  • L’ultima opzione consente di aggiungere l’icona alla galleria delle immagini del sito

Una volta ultimato il disegno premiamo su Create Favicon, e il servizio ci consentirà di scaricare l’icona su disco.

Favicon-generatorCi verrà inoltre ricordato come si inserisce la favicon nel nostro sito internet, infatti bisognerà utilizzare il seguente tag all’interno dell’head del documento HTML, in questo modo:

<html>
<head>

<link rel=”shortcut icon” href=”http://www.VostroSito.com/favicon.ico”>

</head>

<body>

</body>
</html>

Ovviamente l’icona la dovete caricare su server nella stessa cartella dove avete la index page, in modo tale da non dover modificare il pathname per trovare l’immagine!

Favicon-Generator è un servizio 2.0 gratuito, veloce, intuitivo e molto leggero che non richiede competenze di programmazione, ma solo un pò di fantasia! E voi la vostra icona come l’avete creata?

5 imperdibili siti di texture da scaricare gratis

Come dice il titolo ecco a voi 5 fantastici siti da cui potrete scaricare le migliori texture gratuite in alta risoluzione. Utili per arricchire gli sfondi delle vostre pagine web, oppure semplicemente, per prendere ispirazione per qualche vostro banner.

Seamless texture

Zen texture

Gruge

Free stock texture

Texture-Z

Cliccate sull’immagine per visitare i rispettivi siti.

UrlMetrix, analizziamo il nostro sito

Url Metrix

Questo articolo è dedicato a chi vuole cominciare a vedere come i motori di ricerca guardano le nostre pagine web. Per questo abbiamo bisogno di un servizio efficente d’analisi: UrlMetrix!

UrlMetrix è un servizio veramente comodo che fornisce molte informazioni riguardo il nostro sito.
Il suo funzionamento è veramente semplice, infatti basterà inserire l’url d’analisi per far visualizzare un report completo di quella pagina.

Il servizio analizzerà diversi parametri, alcuni importantissimi e altri poco rilevanti, cercherò di spiegarvi in sintesi i principali:

  1. Title = titolo della pagina
  2. Google PageRank = il parametro più importante, per chi non lo sapesse esso è un’algoritmo “democratico” del Web, PageRank sfrutta la vastissima rete di collegamenti associati alle singole pagine per determinarne il valore. In pratica, Google interpreta un collegamento dalla pagina A alla pagina B come un “voto” espresso dalla prima in merito alla seconda. Tuttavia, non si limita a calcolare il numero di voti, o collegamenti, assegnati a una pagina. Oltre a effettuare questo calcolo, Google prende in esame la pagina che ha assegnato il voto. I voti espressi da pagine “importanti” hanno più rilevanza e quindi contribuiscono a rendere “importanti” anche le pagine collegate.
  3. Alexa rank = è un indice di valutazione dei siti web calcolato sulla base del loro traffico ed il numero di visitatori unici ricevuti negli ultimi tre mesi. Questi dati forniscono importanti informazioni sull’andamento di un sito, confrontabile in modo diretto con altri siti simili o siti della concorrenza. Un valore più basso dell’Alexa Rank rappresenta un traffico maggiore.
  4. Compete rank = è un’indice molto simile all’Alexa Rank, che stila una valutazione mensile in base al traffico generato dalle pagine.
  5. Quantcast rank = altro indice per misurare l’audience e il traffico di un sito.
  6. Technorati Rank = conosciuto anche come Autority, è un valore di grande importanza per ogni blog, perchè rappresenta l’indice di gradimento del pubblico del web nei suoi confronti, e da quanto si evince, è tenuto in grande considerazione dei motori di ricerca, Google in testa.
  7. Google e Yahoo Indexed = numero di pagine che sono realmente inserite nell’indice del motore di ricerca, è molto importante perchè determina quanti dei contenuti di un sito sono disponibili tramite le ricerche.
  8. Google e Yahoo BackLinks = sono una serie di collegamenti in ingresso verso una pagina del tuo sito.
  9. Google Blog Search Links = numero totale dei link verso un determinato sito, proveniente da altrettanti blog.
  10. DMOZ Links = numero di link in entrata proveniente da DMOZ.
  11. Technorati Blog Reactions = numero di link al blog provenienti da Technorati, i vari articoli sono ordinati cronoligacamente partendo dai più recenti.

UrlMetrix VS

Il servizio offre anche la possibilità di poter confrontare direttamente i vari rank di due URL affiancando in due colonne i risultati.

L’articolo che ho proposto oggi vuole essere una base per pianificare l’analisi di una pagina web proponendovi un’ottimo strumento che vi consente di vedere quali sono le carenze del vostro blog o sito.

Gravatar, diamoci un’identità

Gravatar diamoci un'identità

Perchè quando commentiamo sui Blog, alcuni hanno l’immagine personalizzata e altri no? Perchè molti utilizzano Gravatar!

Un servizio Web 2.0 totalmente gratuito che consente di poter caricare i propri Avatar che ti aiutano ad identificare i tuoi commenti sui blog e sui forum web, quindi perchè non su ogni sito??

L’iscrizione è semplicissima, per prima cosa bisogna iscriversi, quindi andate sul sito di Gravatar.

Registrazione GravatarCome vedete non vi è richiesto altro che la vostra Mail la quale una volta inserita, vi consentirà di poter caricare la vostra immaggine selezionandola da:

Caricamento Immagine

Quando avrete finito il caricamento arriva la parte più divertente! Crop your image! Consiste nel tagliare la vostra immagine centrandola sul punto in cui volete farla visualizzare.

Crop

Fate click su Crop and Finish per confermare il caricamento dell’immagine.
Ora non resta che selezionare il rating dell’avatar, ovvero il contenuto che rappresenta:

Tipologia di Avatar

Associate poi l’avatar alla mail, questo passaggio è fondamentale perchè poi quando andrete a commentare su blog o forum, dovrete inserire quello specifico indirizzo per farlo visualizzare.

Successivamente potrete aggiungere altre mail, immagini e settare il vostro indirizzo principale.

Il gioco è fatto! Un servizio semplice ed immediato che consente di darci un’identità univoca sulla grande rete.
Adesso tocca voi crearvi il vostro GrAvatar!

20 Web Browser gratuiti da conoscere

Web Browser Gratuiti

Stamani voglio proporvi il frutto di una mia semplice ricerca, 20 Web Browser gratuiti per Windows, Linux e Mac. Non spetta a me dirvi qualse sia il migliore, da questo ricco elenco potrete sceglierlo voi, in base alle vostre esigenze!

Io personalmente ne uso molti per verificare l’esattezza della formattazione di un sito, perchè può succedere che quando realizzate dei Template, alcuni Browser interpretino diversamente il codice che avete scritto e quindi visualizzino male la pagina.

Io principalmente uso: Opera e FireFox, ma ora lascio a voi la scelta!!!

Più conosciuti:

Meno conosciuti:

E tu quale stai usando?

Flock – The Social Web Browser

Il mio mondo

Oggi vi presento Flock che  è un browser web basato sul motore di Mozilla Firefox, sviluppato da una compagnia di sviluppo che ha lo stesso nome.  Questo browser integra diversi servizi internet come blog, condivisione di dati, aggregazione di news.

Ha diverse caratteristiche quali:

  • Il mio Mondo che visualizza contemporaneamente i feed preferiti, i contenuti multimediali più recenti condivisi dai propri amici e i siti favoriti
  • Pubblicazione automatica dei segnalibri su un account del.icio.us
  • Integrazione con Flickr e Photobucket
  • Strumento per scrivere sul proprio blog
  • Aggregatore di news e lettore feed e molte altre funzioni.

Il browser è totalmente gratuito e può essere interessante darci un’occhio!

Prima 8 di 8

Il progetto WebFandom

WebFandom Logo

Internet e' la prima rete dati pubblica e capillarmente diffusa presso famiglie e imprese, percio' e' un canale di distribuzione virtuale in grado di raggiungere clienti di qualunque dimensione.

WebFandom si occupa di una realizzazione e distribuzione di informazioni, prodotti e servizi sulla rete per imprese di medie e grandi dimensioni, progettando siti internet e sistemi informativi aziendali a forte impatto visivo. Organizziamo campagne pubblicitarie sia online che offline, per promuovere persone, prodotti e aziende.

Se sei interessato potresti consultare i nostri servizi o profili. Se invece pensi che siamo in grado di darti una mano, puoi guardare il nostro portfolio per farti un'idea di cosa sappiamo fare.

Elementi di comunicazione visiva

WebFandom - eBook gratuito

Il primo eBook gratuito italiano sulla comunicazione visiva, un manuale teorico di progettazione grafica che si divide in: Basic e Brand Design. Lo scopo e' quello di fornire un metodo per lo sviluppo di un marchio aziendale.

Seguici su facebook!

Aderiamo ai seguenti Network:

WebFandom - Bergamonews

BergamoNews e' tra i piu' visitati quotidiani online di Bergamo e Provincia, informazioni libere e gratuite da tutta la citta', isole, provincia e Italia. Webfandom aderisce al loro network di blog.

WebFandom - Young Digital

Young Digital Lab e' il network dei migliori giovani professionisti italiani nel campo dei social media. Una societa' di formazione e consulenza sulla comunicazione ai tempi del Social Web.

SideBlog: Notizie Flash dalla rete

Archivio sideblog

Ultimi Preferiti Più letti