09/12/2011

La prima pagina web della storia

myblog, tecnologia, internet, web

Ciao MyBlogger, ormai il web è parte integrante delle nostre vite e del nostro modo di comunicare. Per lavoro, svago, informazione, vita e cultura è indispensabile quanto l’aria che respiriamo. Santo cielo, forse non proprio quanto l’aria che respiriamo J, ma davvero non possiamo farne più a meno.

Eppure fino a non tantissimi anni fa il Web quasi non esisteva per noi “comuni mortali”. In effetti le prime ricerche in questo senso vennero avviate nel 1960 dal Ministero della difesa degli Stati Uniti. Tuttavia il web come lo conosciamo noi tutti, il World Wide Web, è nato ufficialmente il 6 agosto 1991, opera dei due signori nella foto, l’americano Tim Berners-Lee e il belga Robert Cailliau.

Questo l’indirizzo della pagina che è ancora online. Decisamente spartana, se pensiamo a quello che sarebbe seguito, ma era solo l’inizio!

A presto,

la Redazione

12:17 Scritto da: myblog.it in tecnologia | Link permanente | Commenti (1) | Trackback (0) | Segnala | Tag: myblog, tecnologia, internet, web | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

20/04/2011

Virgilio, il portale si rinnova con l'homepage dinamica

75925113.jpgUn'avanzata soluzione tecnica consente agli utenti di crearsi direttamente la propria pagina iniziale semplicemente navigando su Virgilio.

Virgilio, il portale di Matrix, società del Gruppo Telecom Italia, rinnova la propria home page, visitata ogni giorno da oltre un milione e mezzo di utenti (fonte Nielsen Site Census, mese di febbraio 2011). Grazie ad un'importante innovazione tecnologica la nuova home page del portale diventa dinamica, trasformandosi automaticamente in base ai percorsi di navigazione di ogni singolo utente. In pratica, il portale Virgilio ha creato una "copertina " rivoluzionaria personalizzata che si modifica in base alle attività svolte dai navigatori.

Tale caratteristica, proposta in Italia unicamente dal portale Virgilio, coinvolgerà direttamente tutta l'area strilli dell'home page, sia quelli redazionali, sia quelli della community, rendendola personalizzabile: sarà l'utente stesso a determinare il contenuto della home page, che si modificherà in conseguenza dei suoi comportamenti di interazione o mancata interazione con gli argomenti proposti.

Ad esempio, se uno "strillo" viene cliccato, al ritorno sulla home page non verrà riproposto, ma verrà sostituito da una nuova informazione, coerente al percorso di navigazione dell'utente. La sofisticata logica di "rotazione" dei contenuti, infatti, tiene conto di molti fattori quali l'attinenza del nuovo contenuto a quello precedente, l'anzianità del contenuto, la sua durata potenziale, il suo valore in termini di gradimento espresso da parte degli utenti che lo hanno già visto in precedenza e il numero di volte che è stato proposto.

Un comportamento analogo viene adottato anche nei confronti degli "strilli" che non vengono seguiti. La logica adottata in questo caso è la seguente: se uno strillo non viene cliccato dopo un certo numero di accessi consecutivi all'home page del portale (parametro che differirà a seconda del posizionamento stesso dello strillo), è probabile che il contenuto non sia di interesse per quell'utente e quindi verrà sostituito da una nuova informazione.

Tale accorgimento tecnologico consentirà ai lettori di fruire di una home page che, attraverso la semplice navigazione, sarà da loro stessi modificata, garantendo la possibilità di fruire di contenuti di loro interesse.

La nuova home page presenta inoltre una grafica studiata per proporre ancora più contenuti della precedente pur rendendo la navigazione e la lettura più piacevole e semplice.

"Si tratta di un'innovazione che non ha precedenti nel nostro paese" ha dichiarato Gianfranco Baldinotti, responsabile marketing e contenuti di Virgilio. "Tale accorgimento tecnologico ci consentirà di proporre agli utenti del nostro portale i contenuti ai quali sono maggiormente interessati aumentando la fidelizzazione al portale e migliorando la user experience".

La nuova home page del portale è stata lanciata dopo un importante periodo di test che ha coinvolto nella fase finale circa il 10% degli utenti, selezionati in modo casuale tra l'audience di Virgilio. Questo periodo, durato circa due settimane, ha confermato che le modifiche apportate nel corso del test sono state gradite dai navigatori di Virgilio e in linea con le loro aspettative.

La nuova homepage di Virgilio mantiene importanti spazi di advertising per investitori che vogliano trasmettere messaggi emozionali a supporto, ad esempio, della brand awareness di aziende o prodotti. In particolare la nuova home page manterrà la possibilità di sponsorizzare la skin (la cornice pubblicitaria sottostante la hp) e una pianificazione anche a fasce orarie del box 300x250 che si sposta verso l'alto per migliorarne ulteriormente la visibilita'.

Altre notizie collegate alla nuova home page di Virgilio

 

27/12/2010

Che cos’è HTML5?

myblog-html5.jpg



Che cosa è HTML5?
HTML5 sarà il nuovo standard HTML, XHTML e HTML DOM.
La precedente versione è nata nel 1999 e il web ha cambiato molte cose da allora.
HTML5 è ancora un work in progress al momento, ma i browser più aggiornati hanno iniziato a supportarlo in alcune features.


Come è nato HTML5?
HTML5 è nato da una cooperazione tra il W3C (World Wide Web Consortium) e il WHATWG (Web Hypertext Application Technology Working Group).
Mentre il WHATWG stava lavorando con applicazioni che giravano su web, il W3C lavorava con il fallimentare XHTML 2.0. Nel 2006 i due gruppi hanno deciso di collaborare e di creare insieme una nuova versione di HTML.

Le regole base da cui sono partiti sono state:

  • le nuove funzionalità dovevano basarsi su HTML, CSS, DOM e Javascript;
  • sarebbe stato necessario ridurre l’utilizzo di plugin esterni per leggere il web (come Adobe FlashPlayer, Apple QuickTIme, Microsoft Silverlight…);
  • bisognava aumentare il numero dei tag di markup;
  • HTML5 doveva essere indipendente dal dispositivo su cui veniva usufruito (PC, iPhone, iPad, etc…);
  • il processo di sviluppo doveva essere pubblico e visibile a tutti.


Nuove funzionalità
Alcune delle novità interessanti in HTML5 sono:

  • l’elemento canvas che permette di disegnare;
  • gli elementi audio e video per la riproduzione di file multimediali senza l’utilizzo di plugin esterni;
  • un miglior supporto per l’archiviazione dei contenuti in locale per la visualizzazione non in linea;
  • nuovi elementi di markup per inserire contenuti specifici, come <article>, <footer>, <header>, <nav>, <section>, etc…;
  • nuove forme di controllo, come il calendario, la data, l’ora, l’url, la ricerca, etc…


Le ultime versioni di Firefox, Safari, Chrome e Opera supportano alcune caratteristiche di HTML5. Anche Internet Explorer 9, ancora in fase beta, ne supporterà alcune non appena sarà rilasciato.

myblog-html5-2.jpg


Per testare quali features di HTML5 i browser hanno già implementato, vi consigliamo di provare HTML5test.com.

10:20 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (1) | Trackback (0) | Segnala | Tag: html5, tag, internet, blog, w3c, whatwg | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

08/10/2010

Stumble upon: conosciamolo meglio

avatar lucaok.jpgOggi vogliamo parlarvi dei Social Bookmarking... e in particolare di Stumble upon, uno strumento che se bene utilizzato potrà portare al vostro blog tantissime visite :-)

Qualcuno di voi sa già di cosa stiamo parlando... altri sgraneranno gli occhioni, altri ancora si accenderanno una sigaretta, ma tutti dovranno leggere questo post :-) eh eh eh

Cominciamo col capire che cosa è un social bookmark? In parole povere la tecnica del Social Bookmark permette di salvare i nostri siti preferiti e di condividerli con tutto il mondo associando  un tag ad una pagina web.

I vantaggi di utilizzare dei social bookmark? In primo luogo quello di evitare di perdere i propri preferiti  tra i vari pc (casa, lavoro, pc di amici ecc) avendo dei "segnalibri"on line e quindi da qualsiasi postazione possiamo avere accesso ai nostri preferiti :-)

Grazie ai Social Bookmark, e alle persone che li utilizzano in maniera appropriata, i siti internet vengono organizzati in categorie e sottocategorie, facendo un controllo sociale sulla qualità e l'autorevolezza degli stessi e avendo la possibilità di condividerli con amici o gente che ha interessi simili ai nostri.

stumble_upon_logo_icon.jpg

 

Di social bookmark ce ne sono tanti, oggi vi presentiamo Stumble upon, ma pian pianino vi presenteremo anche gli altri, non preoccupatevi :-)

Questo fantastico bookmark è forse il più utile per i blogger che vogliono far conoscere i propri post alle persone;  quante volte vi è capitato di scrivere di un argomento  interessante con informazioni utili che avreste voluto diffondere il più possibile ma che magari ha avuto meno riscontro di quanto vi aspettavate?

StumbleUpon funziona tramite una toolbar disponibile come estensione per i browser Mozilla Firefox e Internet Explorer  ed è un fantastico modo  per scoprire siti nuovi e interessanti, che probabilmente non avreste  mai potuto conoscere altrimenti.

In breve è possibile:

  1. Scoprire nuovi siti o blog che parlano degli argomenti che ci interessano (in fase di registrazione si selezionano i campi d'interesse come ad es. internet, musica, cinema ecc. e attraverso questa scelta visualizzerete siti inerenti)
  2. Segnalare nuove pagine web (ad esempio il vostro blog).

Ecco i principali pulsanti per utilizzare al meglio Stumble Upon:

  • Stumble: Tutte le volte che cliccherete lì, sarà pescata una pagina tra le milioni registrate, che soddisfa i vostri gusti di navigante
  • Thumble Up: Una volta visualizzata la pagina web potete dare un punto positivo o negativo ad essa. Tutte le volte che una pagina riceve un voto positivo, verrà salvata in una specie di directory dei favoriti per essere ri-visitata.
  • Thumble Down: il bottone per bocciare la pagina appena vista
  • Favoriti: Tutte le pagine che avrete votato positivamente (approvate). E' possibile anche condividere i propri favoriti con altre persone attraverso il proprio profilo ed in questo modo tutti i vostri contatti possono vedere il vostro mondo :-)


Più  feedback positivi ha la pagina e più probabilità ci sono che questa venga ripescata!

stumble2.jpg

 

Se scrivi un buon post, con StumbleUpon puoi aumentare il traffico al blog!

stumble-send-to2.jpg

Basta segnalarlo a tutti gli amici tramite il tasto"Send To" nella toolbar... ovviamente più amici si hanno più visite al blog si avranno.

Quindi Stumble è un ottimo sistema per conoscere siti belli e creativi da una parte, dall'altra fare un po' di promozione al blog...un ultimo consiglio...per utilizzare l'applicazione esclusivamente su siti italiani bisogna attivare una configurazione nella toolbar come illustra l'immaginetta.

 

stumble-finestra-lingua-italiano.jpg

 

 

 

 

29/03/2010

Come ti modifico il colore dei commenti su MyBlog

avatar lucaok.jpgCiao MyBlogger!

Molti di voi ci hanno chiesto di personalizzare i commenti del blog con l’aiuto di un box colorato o semplicemente utilizzando un colore del font diverso da quello predefinito. In questo semplice tutorial troverete passo passo le indicazioni.

Dal pannello di controllo del blog, raggiungiamo Presentazione > Opzioni avanzate,  apriamo il Modello di pagina di Link permanente per modificare la sezione di codice relativa ai commenti postati:

lupo1.jpg
<div class="comment{if $comment.post_comment_parent}child{else}parent{/if}{if $user.email==$comment.email} author{/if}"><p id="c{$comment.id}">{if $blog.blog_comment_gravatar}{$comment.email|gravatar:$blog.blog_comment_gravatar}{/if}{$comment.source}</p> <p class="posted">{t}Posted by:{/t} {link href="`$comment.authorlink`" text="`$comment.authorname`"} | {$comment.pubdate|date_format:"`$blog.date_format`"}</p>{if $blog.blog_comments_thread && !$comment.post_comment_parent}<a href="#postcomment" onclick="respondComment({$comment.id})" class="commentrespond">{t}Respond to this comment{/t}</a><span id="cauthor{$comment.id}" style="display:none">{$comment.authorname}</span>{/if}</div>

Inseriamo la seguente porzione di codice:

<div id="commenti"></div>
In modo da ottenere:
<div id="commenti"><div class="comment{if $comment.post_comment_parent}child{else}parent{/if}{if $user.email==$comment.email} author{/if}"><p id="c{$comment.id}">{if $blog.blog_comment_gravatar}{$comment.email|gravatar:$blog.blog_comment_gravatar}{/if}{$comment.source}</p> <p class="posted">{t}Posted by:{/t} {link href="`$comment.authorlink`" text="`$comment.authorname`"} | {$comment.pubdate|date_format:"`$blog.date_format`"}</p>{if $blog.blog_comments_thread && !$comment.post_comment_parent}<a href="#postcomment" onclick="respondComment({$comment.id})" class="commentrespond">{t}Respond to this comment{/t}</a><span id="cauthor{$comment.id}" style="display:none">{$comment.authorname}</span>{/if}</div></div>
lupo2.jpg
Salviamo e sempre dal solito pannello di controllo apriamo il Foglio di stile e inseriamo:

#commenti { background: #FFF;} .commentparent p.posted, .commentchild p.posted {color: #FF0000;}

.commentparent p, .commentchild p, .commentparent.author p, .commentchild.author p {color: #FF0000;}

In questo caso  abbiamo scelto il colore bianco (#FFF) per lo sfondo del box commenti e il blu (#FF0000) per il testo della medesima sezione. Salviamo e automaticamente controlliamo il risultato. Ci ritroveremo con la nostra nuova personalissima area commenti!

17:47 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (3) | Segnala | Tag: tutorial, modificare commenti, internet, myblog | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

25/03/2010

Come modificare lo sfondo delle colonne laterali del blog

Personalizzare a proprio piacimento lo sfondo delle colonne laterali del Blog è molto semplice, vediamo come.

677478650.png

Quello sopra è il template che stiamo utilizzando. Andiamo nella sezione Presentazione > Opzioni avanzate del pannello di controllo del Blog e apriamo il Foglio di stile per modificare il codice che si riferisce alle colonne laterali di sinistra e di destra:

#left {
    overflow: hidden;
    width: 180px;
    background-color: transparent;
    line-height: 140%;
    float: left;
    }

#right {
    overflow: hidden;
    width: 180px;
    background-color: transparent;
    line-height: 140%;
    float: right;
    }


Il parametro che interessa a noi per modificare lo sfondo delle colonne è questo:

background-color: transparent;

Se vogliamo semplicemente inserire un colore, basta sostituire il valore transparent con il valore del colore utilizzando il nome del colore (in lingua inglese) oppure, per avere colori più precisi, i valori esadecimali.

Ad esempio:
se vogliamo il colore rosso, la riga diventa:

background-color: red;

che, in valori esadecimali, equivale a:

background-color: #FF0000;

Per il nostro esempio, invece, vogliamo riprendere il colore dell’header del blog, ovvero #BD4f3, e associato alla colonna di sinistra:

1874983466.png

Nei template “standard” la lunghezza delle colonne dipende dal numero e dalla dimensione degli elementi attivi al loro interno. Questa opzione influenza molto anche il colore di sfondo, ovvero, se nella colonna abbiamo attivato un solo elemento, lo sfondo si visualizzerà in questo modo:

528412790.png

Per ovviare questo problema la soluzione è molto semplice:
apriamo di nuovo il nostro Foglio di stile e al codice della colonna aggiungiamo l’attributo height che determina l’altezza che la colonna dovrà avere:

#left {
    overflow: hidden;
    width: 180px;
    height: 900px;
    background-color: transparent;
    line-height: 140%;
    float: left;
    }


Il valore da associare ad height deve essere in pixel ed è a proprio piacimento.
In questo modo, anche avendo un solo elemento attivo all’interno della colonna, il risultato è questo:

572447174.png

 

Come inserire un'immagine di sfondo alle colonne laterali del Blog

Se vogliamo inserire come sfondo, anziché un colore, un’immagine che ci piace, dobbiamo innanzitutto avere un’immagine con la larghezza uguale a quella della colonna: 180 pixel. La dimensione la possiamo conoscere grazie all’attributo "width: 180px;" presente negli oggetti #left e #right.
Per quanto riguarda la lunghezza, invece, possiamo deciderla a piacere.
Come immagine di sfondo per la nostra colonna abbiamo scelto questa:

1126894131.jpg

Una volta caricata nel blog (vedi come fare in questo tutorial) o in qualsiasi parte del web, andremo a inserire nel Foglio di stile il codice che permetterà di visualizzarla nel Blog.
All’interno degli oggetti che rappresentano le colonne eliminiamo la riga:

background-color: transparent;

e al suo posto inseriamo questa nuova riga di codice:

#right {
    overflow: hidden;
    width: 180px;
    background: url(‘http://indirizzowebdellanostraimmagine’) no-repeat;
    line-height: 140%;
    float: right;
    }


dove:
url contiene l’indirizzo web dove è situata l’immagine;
no-repeat mostra l’immagine una volta soltanto, omettendo il comando l'immagine verrà ripetuta infinite volte nello spazio a disposizione.

Dopo aver sostituito il codice e aver modifcato il colore del titolo degli elementi in sidebar, il nostro risultato finale è questo:

1386337178.png

Buon lavoro!

21:36 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (4) | Segnala | Tag: myblog, virgilio, blog, tutorial, internet | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

29/09/2009

A proposito di: STOP MOTION!

avatar silviaok.jpgAvete mai sentito parlare di videoclip o addirittura film girati con la tecnica dello Stop Motion?
E’ un processo  basato  sull’animazione delle scene o dei personaggi “frame by frame” e da qui si può facilmente intuire  quanto sia lungo il lavoro da fare per realizzare un filmato. Questa tecnica nasce molti molti anni fa , più o meno agli inizi del 1900 :-) e  comunemente è utilizzata per produrre i cartoni animati ma può essere adoperata anche per dar vita ad oggetti inanimati.


Il primo ad utilizzare lo stop motion  fu George Mèliés, uno dei primi veri registi cinematografici  e pioniere del genere fantastico, già in opere come The Eclipse e il famosissimo Voyage dans la Lune, creava illusioni attraverso le sue pellicole, ai giorni nostri, il regista che più di tutti è amato per le sue riprese in stop motion è Tim Burton (La sposa Cadavere, Nightmare Before Christmas, Coraline e la porta magica).


La tecnica dello stop motion è emozionante,  dà forma e vita a personaggi meravigliosi, come quelli del video che vi proponiamo qui sotto…  Dite la verità, volete provare a fare un filmato anche a voi?  Beh, allora cosa aspettate?  telecamera in mano e segnalateci i vostri video più divertenti!

Sul Blog Redazione c’è spazio per tutti!

A SHORT LOVE STORY IN STOP MOTION from Carlos Lascano on Vimeo.

 

10:57 Scritto da: myblog.it in blog life | Link permanente | Commenti (0) | Segnala | Tag: animazioni, cartoni animati, internet, stopmotion, video, vimeo, web2.0 | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

20/07/2009

Porta in vacanza il tuo Blog!

novità dell estate copia.jpg

Andare in vacanza è una gioia per tutti, blogger compresi…però dispiace sempre un po’ abbandonare il proprio blog, così seguito durante tutto il resto dell’ anno, non credete?


Virgilio ha pensato a noi con un servizio ad hoc!
Da oggi tutti i Blog di MyBlog sono raggiungibili dal cellulare semplicemente entrando sulla versione mobile del portale Virgilio: basta digitare virgilio.it nel browser del proprio telefonino e vi troverete nel Mondo MyBlog Mobile!


Non solo potrete seguire il vostro blog direttamente dalla spiaggia ma attraverso il motore di ricerca dedicato potrete trovare i vostri blog e FotoBlog preferiti!

clip_image001.jpg

Inoltre una ricca selezione dei Blog è sempre presente nella pagina principale del servizio.
Virgilio: Lo pensi, lo fai e lo porti anche in vacanza!

virgilio-mobile-post-3.jpg

 

14:15 Scritto da: myblog.it in Blog - Funzionalità | Link permanente | Commenti (2) | Segnala | Tag: virgilio, virgilio mobile, myblog, telefonia, internet | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

17/07/2009

Creativà su MyBlog!

Senza titolo-1.jpg

Oggi parliamo di web design e di come la nostra Blog Community sia piena di giovani (e meno giovani) talenti che sul web mettono a disposizione la loro arte, i loro lavori e le loro conoscenze per aiutare i meno esperti!

Scritte glitter, GIF animate e sfondi
I MyBlogger che amano personalizzare i proprio Blog con immagini e testi glitterati, GIF animate o sfondi originali sono tanti e Sandra rosso drago lo sa bene, infatti ha trasformato il suo Blog in un gigantesco contenitore di immagini gratuite da condividere con tutti e scaricare!

Personalizzare il template del Blog
Se invece volete personalizzare il template del vostro Blog, non potete perdervi le lezioni su Artisteer, l’applicazione che permette di creare da zero dei fogli di stile CSS per il vostro Blog!

Scaricare l’audio dai video in Rete
Avete trovato su DailyMotion o su YouTube il nuovo video del vostro cantante preferito e volete scaricare solo la traccia audio in formato MP3 per ascoltarla quando volete? Se usate Firefox per navigare su internet, potete installare un plug-in utilissimo che potete trovate sul Blog electropage, che propone anche a tutti i blogger un modo gratuito per pubblicizzare il proprio Blog!
Andate a visitarlo per scoprirne di più.

16:22 Scritto da: myblog.it in blog life | Link permanente | Commenti (0) | Segnala | Tag: blog, myblog, virgilio, internet, grafica, web design, glitter, scritte glitter, you tube | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

18/05/2009

Netiquette 2.0

L’educazione e le buone maniere sono importanti nella vita di tutti i giorni come nella navigazione in rete, e se nel 1558 veniva pubblicato il primo libro che dettava le regole del galateo, ideato e scritto dal famoso Mons. Giovanni della Casa, oggi parliamo di Netiquette 2.0 il “galateo” di Internet: un insieme di regole di buona educazione da rispettare quando si naviga.
Virgilio promuove questa iniziativa che formerà la nuova linea guida per la sicurezza e il benessere di tutti nella rete e in modo particolare per i Social Network!

La Netiquette 2.0 è così composta:

  • Principi generali
  • Relazioni tra persone di pari livello – (Rapporto 1 a 1)
  • Relazioni con molte persone: il paradigma UGC – User Generated Contents – (Rapporto 1 a N)
  • La gestione delle relazioni sociali: le Communities – (Rapporto N a N)
  • Glossario


Oggi inizia la settimana nazionale della sicurezza in Rete ed è molto importante che anche voi, cari MyBlogger, diate il vostro contributo! Per avere tutte le informazioni utili su cos’ è Netiquette 2.0 e come si può aderire all’iniziativa basta andare su questo link!


Non ci resta che augurarvi una buona navigazione in piena sicurezza!

14:53 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (1) | Segnala | Tag: netiquette, 2.0, virgilio, internet, tecnologia, educazione, galaeto, google | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

Tutti gli articoli