<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>

<channel>
	<title>Michele Mader's Blog 2.0</title>
	<atom:link href="http://www.studiomader.it/feed" rel="self" type="application/rss+xml" />
	<link>http://www.studiomader.it</link>
	<description>Blog di Michele Mader - Chi sono e strumenti utili vari.</description>
	<pubDate>Mon, 12 Jul 2010 17:41:06 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Guida completa al link building con commenti sui blog</title>
		<link>http://www.studiomader.it/risorse-utili/guida-completa-al-link-building-con-commenti-sui-blog</link>
		<comments>http://www.studiomader.it/risorse-utili/guida-completa-al-link-building-con-commenti-sui-blog#comments</comments>
		<pubDate>Mon, 12 Jul 2010 17:34:49 +0000</pubDate>
		<dc:creator>Michele Mader</dc:creator>
		
		<category><![CDATA[Risorse utili]]></category>

		<guid isPermaLink="false">http://www.studiomader.it/?p=103</guid>
		<description><![CDATA[Anche  se c&#8217;è un sacco di dibattito sul valore dei commenti si blog come  forma di link  building, è ancora una strategia molto popolare.Questa guida copre alcuni argomenti di base che  probabilmente si incontrano mentre si commentano blog, e su come assicurarsi di ottenere il commento approvato il più delle volte.
Vantaggi dei [...]


Per il momento non ci sono post correlati]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="Link Building" src="http://www.nemoprincess.it/wordpress/wp-content/uploads/2009/02/link-building-services-300x256.jpg" alt="" width="200"  />Anche  se c&#8217;è un sacco di dibattito sul valore dei commenti si blog come  forma di link  building, è ancora una strategia molto popolare.Questa guida copre alcuni argomenti di base che  probabilmente si incontrano mentre si commentano blog, e su come assicurarsi di ottenere il commento approvato il più delle volte.</p>
<h2>Vantaggi dei link nei commenti di blog</h2>
<p>Prima di  tutto, diamo un&#8217;occhiata ai vantaggi di commentare i blog.  Ci sono cinque ragioni principali per cui costruiamo link per i  siti web. Ecco cosa è necessario guardare per realizzare questi obiettivi commentando i blog.</p>
<h3>Traffico</h3>
<p>Se  stai cercando di aumentare il traffico al tuo sito web, la soluzione  migliore è quella di commentare sui blog che ricevono più traffico che sono nel tuo settore di nicchia, senza preoccupazione  di collegamenti dofollow o nofollow.</p>
<p>Per trovare blog più popolari nella tua  nicchia, è possibile verificare tra le directory di blog esistenti.  Tra i miei siti preferiti  ci sono:<span id="more-103"></span></p>
<ul>
<li><a title="Vai a Technorati" href="http://technorati.com/">Technorati</a> - Utilizzare la casella di ricerca nella parte superiore del sito - è possibile cercare i messaggi popolari tramite parole chiave o passare dalla ricerca di post a quella di blog  a cercare blog che coprano un  tema specifico.</li>
<li><a title="Vai su Alltop" href="http://alltop.com/">Alltop</a> - Alltop pesca nei feed dei blog su vari argomenti, mostrando gli ultimi cinque post dai blog su tutto, dalla ABC News alla Zoologia. Qui ti sarà difficile non trovare un blog su un argomento che desideri commentare</li>
<li><a title="Vai su PostRank" href="http://www.postrank.com/">PostRank</a> - Vuoi qualche dettaglio di analisi dei dati? Prosegui su PostRank e cerca il tuo argomento. Si aprirà un elenco di blog che sono contrassegnati con tale argomento in ordine di coinvolgimento sociale, compresi i commenti e le condivisioni sulle reti sociali come Twitter, Facebook, FriendFeed, Delicious, Myspace e altri ancora.</li>
</ul>
<h3>PageRank</h3>
<p>Se stai commentando blog per aumentare il tuo PageRank, allora vorrai cercare i post del blog che sono rilevanti per l&#8217;argomento, alcuni dei quali hanno un buon PageRank essi stessi, e preferibilmente quelli che ti consentono di avere link dofollow, in quanto è così che il &#8220;link juice&#8221; viene passato.</p>
<p>Per trovare i blog che sono dofollow, potete semplicemente fare una ricerca su Google per le directory blog dofollow o liste di blog dofollow. Alcune directory e liste sono vecchie, così come le informazioni PageRank magari obsolete o i siti potrebbero non essere più dofollow. Questo è una specie di colpo mancato.</p>
<p>Per trovare i post del blog con alto PR, un metodo che mi piace usare è una ricerca su Google per determinate parole chiave nel browser Firefox con il plugin SeoQuake. Quando lo installi, assicurati di controllare per andare al menu Strumenti&gt; SeoQuake&gt; Preferenze, e sotto plugins SE, e attivare la casella di controllo di Google nonché di modificare i parametri di carico a richiesta in modo da non sovraccaricare di Google e Yahoo con le richieste al punto che ti dà il divieto di ricerca. Meglio metterci qualche secondo in più, che non riuscire a farle.</p>
<p>Quindi, fai una ricerca su Google per parole chiave, più frasi aggiuntive per trovare i post di blog come Disqus (un popolare sistema di commenti per blog), &#8220;registrati o effettua il login per inviare commenti&#8221; (per i blog Drupal), sito: blogspot.com per i blog su Blogger, &#8220;Lascia un commento&#8221; (blog WordPress), ecc. È possibile ordinare i risultati per PageRank cliccando su PR e utilizzando le frecce per ordinare i risultati in ordine decrescente di PR.</p>
<h3>Posizionamento sui motori di ricerca</h3>
<p>Per rafforzare il posizionamento per delle parole chiave specifiche, si vuole trovare blog pertinenti che utilizzano link dofollow (come si farebbe per aumentare il PageRank), in più si desidera essere in grado di utilizzare parole chiave per il testo del link.<br />
Per questo è un po&#8217; più complicato ottenere l&#8217;approvazione nella moderazione del messaggio. Ci sono due modi per essere sicuri di essere al sicuro con l&#8217;utilizzo di parole chiave il testo di ancoraggio:</p>
<ol>
<li>Troverete un post sul blog dove gli altri lo fanno. Se ci sono altre persone che hanno avuto l&#8217;approvazione utilizzando le parole chiave del loro settore come testo nei collegamenti di testo nel corpo del commento, probabilmente si può anche provare a scrivere un nuovo commento.</li>
<li>Se si ricerca per parole chiave e &#8220;Il tuo nome @ Le tue Parole chiave&#8221; si potranno trovare i blog che utilizzano KeywordLuv. Sarà sufficiente inserire il tuo nome @ le parole chiave nel campo di nome per ottenere il tuo sito web legato alle parole chiave preferita e testo di ancoraggio.</li>
</ol>
<h3>Promozione degli articoli</h3>
<p>Se stai commentando blog per aumentare il PageRank, il posizionamento nella ricerca, o il traffico di post del blog particolare, è possibile cercare i blog abilitati con CommentLuv. Questi blog ti permettono di avere un link al tuo sito principale, nonché un link ad un post  sotto il tuo commento.</p>
<p>In genere, è possibile farlo semplicemente inserendo l&#8217;indirizzo URL del tuo blog o la pagina di autore / URL del profilo nel campo sito e CommentLuv di solito spinge su il tuo ultimo post. Se vuoi la possibilità di tirare su i tuoi ultimi 10 post, è possibile creare un account gratuito su ComLuv e quindi avere accesso ai tuoi ultimi post, collegati con i loro titoli.</p>
<p>Puoi anche promuovere gli articoli con CommentLuv che si trovano su una directory di articoli particolare tra EzineArticles, Hubpages, Squidoo, o qualsiasi rete che consente ad un feed RSS per gli articoli di un determinato autore.</p>
<h2>Filtri Antispam</h2>
<p>Ci sono diversi blocchi un cui puoi incorrere quando commenti un blog, soprattutto quando stai cercando di ottenere un link nel tuo commento. Il più grande sarà il filtro anti-spam.</p>
<h3>Akismet</h3>
<p>Akismet è il miglior filtro di protezione anti-spam per i blog WordPress, sia su domini autonomi che sul sito WordPress.com. La sfida con Akismet è che basta solo un blogger per contrassegnare un commento come spam prima che si finisce per innescare uno dei tanti aspetti che la loro banca dati usa per i controlli, e una volta dentro, si dovrà chiedere di essere rimossi dal loro database. Ma naturalmente, se si viene marcati come spam nuovamente, ci si rientrerà nuovamente.</p>
<p>Come fai a sapere se sei stato etichettato come spam da Akismet? In genere, il tuo commento potrà essere approvato in modo automatico o andare in moderazione.</p>
<p>Se invii il tuo commento, e non lo vedi come in moderazione, allora si potrebbe scrivere un e-mail al proprietario del blog per fargli sapere che hai appena inserito un commento e non compare sul sito.</p>
<p>Se invii il tuo commento su un post del blog che ha più di 30 giorni e ottieni uno schermo bianco, quindi congratulazioni - hai trovato un blog protetto Akismet che ha attivato l&#8217;opzione per eliminare eventuali commenti spam su vecchi post senza essere mai registrato nella blacklist di chi fa spam o di chi deve essere messo in moderazione.</p>
<p>Il tuo commento, quindi, non potrà mai essere visto. La tua unica possibilità, in questa fase di avere un commento su tale sito sarà di commentare su un post che è vecchio meno di 30 giorni e scrivere un e-mail al proprietario del blog per fargli sapere che sei nel loro filtro anti-spam.</p>
<h3>Drupal</h3>
<p>I blog Drupal (di solito quelli che hanno il login o per cui bisogna registrarsi) hanno anche un sistema di filtraggio dello spam. In questo caso si sa di essere stati bloccati, perché si riceverà un messaggio di avviso quando si invia il commento che appare come spam a causa del collegamento nel corpo del testo del commento. A questo punto, ti verrà richiesto di inserire un captcha - dopo di che, potrebbe andare sul sito o essere inviato alla moderazione.</p>
<p>In alternativa, può semplicemente dire che non sta per approvare affatto il tuo commento. Si può provare a cambiare la  frase chiave con meno parole chiave o qualcosa di diverso. E se questo non funziona, allora il tuo commento è probabilmente non è destinato a passare e basta con qualsiasi link nel testo del commento.</p>
<h2>Distunguiti dagli Spammer</h2>
<p>Quindi, se si fanno commenti su un sito che è fortemente moderato e dispone di un filtro anti-spam attivo, come si può distinguersi e farsi vedere come un commentatore legittimo e non come uno spammer?</p>
<h3>Gravatar</h3>
<p>Uno dei modi più importanti per distinguersi dagli spammer nel blog di qualcuno è l&#8217;uso di un Gravatar, che mette una foto accanto al tuo commento. In qualità di blogger che usa Akismet, posso dire che il 99% degli spam non ha un Gravatar, quindi se il tuo commento non finisce nel filtro antispam, può risaltare molto meglio se hai la tua immagine accanto ad essa.</p>
<h3>Profili</h3>
<p>Se un sito richiede la registrazione per inviare un commento, assicurati di compilare alcuni dettagli nel profilo.  Ci vuole solo un minuto in più per compilare alcuni campi e magari aggiungere un&#8217;immagine al il profilo se richiesto, e ti farà sembrare meno come uno spammer e più come una persona reale.</p>
<h3>Passaggio o colpo secco</h3>
<p>Gli spammer di solito fanno una delle due cose - commentare il post più alto PR che possono trovare su un sito, o passare da molti posti su cui possono mettere le mani (anche se in realtà questo capita raramente).<br />
La cosa migliore è fare forse due commenti alla tua prima visita, il tuo obiettivo (post più pertinente o con PR superiore) e su un post recente.</p>
<p>Se si vuole continuare ad essere in grado di commentare in un blog, sarà utile iscriversi ai commenti (se questo è un&#8217;opzione) quindi se il blogger risponde a voi, vi verrà comunicato via e-mail e si può tornare indietro a rispondere nuovamente. Ho visto alcuni blogger che approvare un commento e rispondere, e se la persona non torna, cancellarla dopo (o togliere il collegamento) perché in questo caso è probabile che si tratti di uno spammer.</p>
<h2>Moderazione</h2>
<p>L&#8217;altro grande blocco nel commentare i blog è la moderazione. A volte puoi pensare di essere stato fortunato perché hai inviato il tuo commento ed è stato approvato automaticamente. Ma non festeggiare troppo presto. Potresti voler controllare dopo alcuni giorni per assicurarti che sia ancora lì. Alcuni siti approvano automaticamente qualsiasi commento, ma poi eliminano il link o tutto il commento in seguito.</p>
<h3>Links nel campo &#8217;sito web&#8217; del commento</h3>
<p>Su Wordpress, Blogspot, o altri siti si possono compilare i campi nome, indirizzo e-mail e sito web, la migliore possibilità di ottenere il tuo commento approvato è quello di seguire la policy dei commenti, esplicita e implicita. Se si trova una policy dei commenti, leggila e rispettala, e il tuo commento dovrebbe essere approvato. Se non si vede niente che dice esplicitamente che la policy dei commenti permette o non permette, dai un&#8217;occhiata ai commenti approvati precedentemente.<br />
Tutti usano un nome reale o un nickname? Poi le parole chiave, probabilmente non sono ammesse nel campo del nome, e se fai una prova, il tuo commento non verrà approvato. Segui quello che fanno gli altri se vuoi andare sul sicuro.</p>
<h3>Links nel corpo del commento</h3>
<p>Probabilmente la più grande bandiera rossa che indica gli spammer sono i commenti con un link incorporato nel corpo del commento. Se il blog ti permette di aggiungere un link in un campo sito, è meglio usare quellor prima di aggiungere il link nel il corpo del commento a farlo approvare. Ma se non è un opzione disponibile (come sui blog di Drupal o altri a cui dovete registrarvi o connettervi con Twitter / Facebook) e quindi devi avere per forza il link nel corpo del commento, hai quattro opzioni.</p>
<p>1. Includi il link come &#8220;firma&#8221;, come si farebbe in un messaggio email. A volte questo scivolerà nalla moderazione.<br />
2. Includi il tuo link solo se risponde a una domanda di un post del blog o di un altro commentatore. Se il post sul blog dice &#8220;dove posso comprare cibo per cani a un prezzo buono&#8221; e il tuo link è a un negozio che vende cibo per cani scontato, allora potrebbe essere il benvenuto.<br />
3. Includi il tuo link solo se in qualche modo dà un valore aggiunto al post.<br />
4. Se nessuno di questi vale per te, trova altri blog che hanno approvato i commenti con i link nel corpo del commento. Molto probabilmente conterranno spam, solo assicurati che gli altri collegamenti non siano veramente spazzatura e dovresti essere in buona compagnia.</p>
<p>In breve, il tuo link deve aggiungere valore al post o discussione. Punto. Altrimenti o non sarà approvato, o puoi finire in compagnia di spam su un sito con scarsa moderazione</p>
<h2>La regola d&#8217;oro di commentare sul blog</h2>
<p>Ultimo, ma più importante, quando si tratta di commentare sul blog, vi è un universale &#8220;Regola d&#8217;oro&#8221;, che dovrebbe essere seguita, senza scuse.<br />
Lascia un tuo commento prezioso per il post e la discussione.</p>


<p>Per il momento non ci sono post correlati</p>]]></content:encoded>
			<wfw:commentRss>http://www.studiomader.it/risorse-utili/guida-completa-al-link-building-con-commenti-sui-blog/feed</wfw:commentRss>
		</item>
		<item>
		<title>I migliori siti in cui caricare video (a scopo professionale)</title>
		<link>http://www.studiomader.it/risorse-utili/i-migliori-siti-in-cui-caricare-video-a-scopo-professionale</link>
		<comments>http://www.studiomader.it/risorse-utili/i-migliori-siti-in-cui-caricare-video-a-scopo-professionale#comments</comments>
		<pubDate>Sat, 06 Mar 2010 17:28:11 +0000</pubDate>
		<dc:creator>Michele Mader</dc:creator>
		
		<category><![CDATA[Risorse utili]]></category>

		<category><![CDATA[Social Networks]]></category>

		<guid isPermaLink="false">http://www.studiomader.it/?p=100</guid>
		<description><![CDATA[La fruizione di video è in continuo aumento e costituisce la direzione in cui va l&#8217;internet del futuro (se vi servono grafici sull&#8217;argomento, potete chiedermeli nei commenti), insieme all&#8217;aumento della consultazione del web usando piattaforme mobile.
Nel lavoro che svolgo, capita spesso che qualcuno chieda di rendere disponibile qualche video sul proprio sito, e a questa [...]


Per il momento non ci sono post correlati]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" style="margin:5px;" title="Siti di hosting video -" src="http://www.thesavvyoperator.com/wp-content/uploads/2010/01/savvy-youtube-ss-300x184.jpg" alt="" width="200" height="123" />La <strong>fruizione di video è in continuo aumento</strong> e costituisce la direzione in cui va l&#8217;internet del futuro (se vi servono grafici sull&#8217;argomento, potete chiedermeli nei commenti), insieme all&#8217;aumento della consultazione del web usando piattaforme mobile.</p>
<p>Nel lavoro che svolgo, capita spesso che qualcuno chieda di rendere disponibile qualche video sul proprio sito, e a questa domanda solitamente rispondo di sfruttare servizi di condivisione video, principalmente per motivi di <strong>Web Marketing</strong> e <strong>ottimizzazione per i motori di ricerca (SEO)</strong>, detto in breve, chi fa un sito di solito vuole che sia visto dal <strong>maggior numero di persone possibile</strong>.</p>
<p>Ci sono molti siti di <strong>condivisione e hosting di video</strong> su Internet (detto in inglese <strong>video sharing</strong>, per chi vuole cercare su google approfondimenti). Ma quali sono i migliori da utilizzare per caricare i propri video?<span id="more-100"></span></p>
<p>Dipende da come si vuole condividere i video e da quanto controllo si vuole avere su dove i potenziali clienti possono vedere i video.</p>
<p>Ecco i migliori siti di <strong>video hosting</strong>:</p>
<h2>Youtube</h2>
<p><img class="alignleft" style="margin:5px;" title="Youtube" src="http://www.thesavvyoperator.com/wp-content/uploads/2010/01/savvy-youtube-ss-300x184.jpg" alt="" width="200" height="123" /><a href="http://www.youtube.com">Youtube</a> è di gran lunga il sito più grande di <strong>video hosting</strong>. I video inseriti su Youtube sono <strong>indicizzati quasi immediatamente da Google</strong> e generalmente si posizionano anche bene, se per descrivere il video sono state utilizzate delle parole chiave significative.</p>
<p>Anche l&#8217;inclusione dei video nei siti, è molto semplice e flessibile. Recentemente Google ha abilitato la possibilità di inserire dei link, in modo che uno possa mettere un collegamento al proprio sito, annotazioni, supporto per l&#8217;alta definizione e anche riconoscimento vocale. Al momento, con le <strong>impostazioni di default</strong>, la durata dei video è <strong>limitata a 10 minuti</strong>, comunque più che sufficienti per l&#8217;attenzione della maggior parte dei visitatori.</p>
<h2>Vimeo</h2>
<p><img class="alignleft" style="margin:5px;" title="Vimeo" src="http://www.thesavvyoperator.com/wp-content/uploads/2010/01/savvy-vimeo-ss-300x184.jpg" alt="" width="200" height="123" /><a href="http://www.vimeo.com">Vimeo</a> si qualifica come &#8220;<strong>comunità rispettosa di persone creative appassionate nella condivisione dei video che fanno. Proponiamo i migliori strumenti e la più alta qualità video nell&#8217;universo</strong>&#8220;. La differenza consiste nel fatto che Vimeo propone l&#8217;<strong>alta definizione</strong>,<strong> senza limiti di durata</strong>. Vimeo è particolarmente utile per video che durano più di 10 minuti. Il player che usa e la possibilità di inserire commenti in-line sono altre caratteristiche utili. Inoltre, permette di condividere contenuti in modo privato, utilizzando una protezione tramite password. In termini di interfaccia e stile, è senza dubbio il migliore.</p>
<h2>Viddler</h2>
<p><img class="alignleft" style="margin:5px;" title="Viddler" src="http://www.thesavvyoperator.com/wp-content/uploads/2010/01/savvy-viddler-ss-300x184.jpg" alt="" width="200" height="123" /><a href="http://www.viddler.com">Viddler</a> è  un po&#8217; una via di mezzo tra YouTube e Vimeo. Lo stile è molto simile a YouTube. Viddler promuove  la sua <strong>possibilità di condivisione</strong> e la possibilità di <strong>gestire feeds RSS</strong>, cosa che d&#8217;altra parte fanno anche gli altri 2 siti precedentemente citati. Viddler ha anche l&#8217;integrazione con podcast e iTunes, che è interessante quanto la possibilità di inserire commenti e il tagging sulla time-line. Caratteristiche che iniziano ad essere adottate anche dai suoi concorrenti.</p>
<h2>Flickr</h2>
<p><img class="alignleft" style="margin:5px" title="Flickr" src="http://www.thesavvyoperator.com/wp-content/uploads/2010/01/savvy-flickr-ss-300x184.jpg" alt="" width="200" height="123" />Si, <a href="http://www.flickr.com">Flickr</a> supporta anche i video, oltre alle Foto. Però questa funzionalità è <strong>limitata 90 secondi o 150 MB</strong> di dimensioni del filmato, per cui è bene saper usare buoni software di editing video. Ci sono alcune opzioni di condivisione e non è possibile l&#8217;embedding. E&#8217; possibile che queste decisioni siano state prese per mantenere gli utenti sul sito a guardare le foto. Questa è una buona opzione se si vogliono condividere foto e video contemporaneamente.</p>
<h2>Facebook</h2>
<p><img class="alignleft" style="margin:5px;" title="Facebook" src="http://www.thesavvyoperator.com/wp-content/uploads/2010/01/savvy-facebook-ss-300x181.jpg" alt="" width="200" height="122" />Come succede per le foto, <a href="http://www.facebook.com">Facebook</a> sta diventando uno dei maggiori siti di hosting video. Questo è ottimo se si vogliono<strong> condividere i filmati con amici e contatti</strong>, ma non alltrettanto se si vogliono portare utenti sul proprio sito. Si possono condividere i contatti sulla propria Pagina Fan, ma il tagging e le descrizioni non sono fatte bene come Youtube, Vimeo o Viddler. Per la condivisione, Facebook è forse la scelta migliore. Per l&#8217;hosting video, gli RSS e la possibilità di inclusione, è meglio usare gli altri servizi.</p>
<h2>Conclusioni</h2>
<p>In breve, se su cerca di usare i <strong>video come strumento SEO</strong>, includere i propri video in più siti, la scelta migliore probabilmente è Youtube. Per <strong>filmati più lunghi e di buona qualità</strong>, meglio Vimeo e Viddler. Per il <strong>social networking</strong>, invece la scelta migliore è sicuramente Youtube.</p>
<p>L&#8217;ideale sarebbe caricare i filmati su quanti più siti possibile, ma dovendo fare una scelta, perché non si vuole passare la vita a caricare filmati, la scelta migliore al momento è youtube, dove la qualità è comunque più che accettabile ed ha la maggiore base di utenti facilmente raggiungibili.</p>
<p>Per una comparazione anche tecnica di questi e molti altri siti, vedi:</p>
<p>http://en.wikipedia.org/wiki/Comparison_of_video_services</p>
<p>Per un elenco dettagliato dei siti che offrono il servizio di hosting video, vedi:</p>
<p>http://en.wikipedia.org/wiki/List_of_video_hosting_websites</p>
<p>in cui sono elencati (tra gli altri), i seguenti siti:</p>
<ul>
<li>Afreeca</li>
<li>AniBOOM</li>
<li>AtomUploads (parte di <span class="mw-redirect">AtomFilms</span>)</li>
<li>Blinkx</li>
<li>Blip.tv</li>
<li>Break.com</li>
<li>Buzznet</li>
<li>Crackle</li>
<li>Dailymotion</li>
<li>EngageMedia</li>
<li>ExpoTV</li>
<li>Facebook</li>
<li><span class="mw-redirect">Funnyordie.com</span></li>
<li>Flickr</li>
<li>Gawkk</li>
<li>Gubb (Gubb.tv)</li>
<li>Tangle.com (precedentemente Godtube)</li>
<li><span class="mw-redirect">Google Video</span> (no nuovi uploads)</li>
<li>Indiavideo.org</li>
<li>Kewego</li>
<li>Liveleak</li>
<li>Mail.ru</li>
<li>Megaupload</li>
<li>Metacafe</li>
<li>Mevio</li>
<li>Myspace</li>
<li>MyVideo</li>
<li>Nico Nico Douga (Giapponese)</li>
<li>OneWorldTV</li>
<li>Ourmedia</li>
<li><span class="mw-redirect">pandora tv</span></li>
<li>Photobucket</li>
<li>Rayzz</li>
<li>Revver</li>
<li>Rambler Vision (Russo)</li>
<li>ReelTime.com</li>
<li>RuTube</li>
<li>Sapo Videos (Portoghese)</li>
<li>ScienceStage</li>
<li>Sevenload</li>
<li><span class="mw-redirect">The Video Bay</span></li>
<li>Trilulilu (Rumeno)</li>
<li>TroopTube</li>
<li>Truveo</li>
<li>Tudou (Cinese)</li>
<li><span class="mw-redirect">Vbox7</span> (Bulgaro)</li>
<li>Veoh</li>
<li>Viddler</li>
<li>Vidoosh (Iraniano)</li>
<li>Vimeo</li>
<li>VReel</li>
<li>Vuze</li>
<li>Vzaar</li>
<li>Yahoo! Video</li>
<li>Youku (Cinese)</li>
<li>YouTube</li>
<li>Zoopy</li>
</ul>


<p>Per il momento non ci sono post correlati</p>]]></content:encoded>
			<wfw:commentRss>http://www.studiomader.it/risorse-utili/i-migliori-siti-in-cui-caricare-video-a-scopo-professionale/feed</wfw:commentRss>
		</item>
		<item>
		<title>Come funziona Google Buzz: guida completa</title>
		<link>http://www.studiomader.it/risorse-utili/come-funziona-google-buzz-guida-completa</link>
		<comments>http://www.studiomader.it/risorse-utili/come-funziona-google-buzz-guida-completa#comments</comments>
		<pubDate>Sun, 14 Feb 2010 11:47:55 +0000</pubDate>
		<dc:creator>Michele Mader</dc:creator>
		
		<category><![CDATA[Risorse utili]]></category>

		<category><![CDATA[Social Networks]]></category>

		<category><![CDATA[Buzz]]></category>

		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://www.studiomader.it/?p=95</guid>
		<description><![CDATA[Google ultimamente continua a lanciare nuovi prodotti, da ognuno dei quali potrebbe nascere un&#8217;azienda di tutto rispetto. In questo post voglio trattare quella che potrebbe essere una rivoluzione nell&#8217;ambito dei social networks: Google Buzz.
Lo scopo di Google, rilasciando Buzz è di conquistare un nuovo mercato, oltre a quello energetico, dei telefoni cellulari, della connessione domestica [...]


Per il momento non ci sono post correlati]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" style="margin:5px;" title="Logo Google Buzz" src="http://www.google.com/s2/static/images/1444417344-GoogleBuzzLogo68.png" alt="" width="200" height="50" />Google ultimamente continua a lanciare nuovi prodotti, da ognuno dei quali potrebbe nascere un&#8217;azienda di tutto rispetto. In questo post voglio trattare quella che potrebbe essere una rivoluzione nell&#8217;ambito dei <strong>social networks</strong>: <strong>Google Buzz</strong>.</p>
<p>Lo scopo di Google, rilasciando <strong>Buzz </strong>è di <strong>conquistare un nuovo mercato</strong>, oltre a quello energetico, dei telefoni cellulari, della connessione domestica con fibre ottiche in Gigabit ecc.</p>
<p>Concentriamoci però qui per quanto possibile al momento, nel fare una <strong>guida definitiva a Google Buzz</strong>.</p>
<h2>Cosa è Buzz</h2>
<p><strong>Buzz </strong>è il nuovo servizio annunciato il 9 febbraio 2010. Buzz gioca il ruolo di punto di <strong>accentramento di vari flussi di social network</strong>, principalmente basati su Google, come la Chat, Google Reader o Picasa, ma include anche servizi esterni come Twitter e Flickr. Un punto da notare è che i Tweets possono essere visualizzati su Buzz, ma i Buzz non possono essere pubblicati automaticamente su Twitter.<span id="more-95"></span></p>
<p>Potrà essere fatto con applicazioni esterne utilizzando le Google Buzz API, ma non è previsto nell&#8217;interfaccia di default.</p>
<h2>Come funziona Buzz</h2>
<p>Buzz è in generale molto semplice da usare.  Ad esempio, la funzionalità di auto-follow (o auto-suggest probabilmente nei prossimi giorni) permette di trovare subito tutti i propri contatti, semplicemente tramite il loro indirizzo GMail. Iniziare è semplice come entrare in un account GMail.</p>
<p>Una volta entrati, ci troviamo di fronte alla schermata iniziale. Da qui si può leggere una introduzione a Buzz. Se uno non ha voglia di leggere tutto, può cliccare sulla label &#8220;Buzz&#8221; ed arrivare subito al sodo. A questo punto Google ti accoglie con un&#8217;altra schermata di benvenuto.</p>
<div class="wp-caption aligncenter" style="width: 410px"><img title="Benvenuto in Buzz" src="http://www.androidspin.com/wp-content/uploads/2010/02/snapz01.png" alt="Welcome to Buzz" width="400" height="240" /><p class="wp-caption-text">Welcome to Buzz</p></div>
<p>Sostanzialmente, questo ti dice che Buzz è un modo di condividere e connetterti con altri sfruttando la facilità e la sicurezza di Google. Vedrai la gente che segui e che ti segue automaticamente dall&#8217;inizio. Ti dice anche quali siti sono già collegati al tuo Buzz. A questo punto puoi anche collegare altri siti semplicemente cliccando su &#8220;Collega altri&#8221;.</p>
<div class="wp-caption aligncenter" style="width: 260px"><img title="Siti collegati" src="http://www.androidspin.com/wp-content/uploads/2010/02/addtwitter.png" alt="Connected sites" width="250" height="281" /><p class="wp-caption-text">Connected sites</p></div>
<p>I siti collegati aggiungono elementi ai tuoi Buzz. Ad esempio gli RSS di questo sito vanno ad arricchire i miei Buzz. Stesso discorso vale per lo status della Chat, oppure per i Tweets, le foto aggiunte a Picasa o le storie condivise con Google Reader. In pratica, in questo modo riunisci tutta la tua attività sociale in un unico punto.</p>
<p>Ok, ora puoi iniziare il tuo Buzz.</p>
<h2>Bene, come faccio ad averlo?</h2>
<p>Buzz è disponibile tra le etichette di sistema di GMail. Una volta disponibile ti sarà chiesto di dare un&#8217;occhiata a cos&#8217;è Buzz e come iniziare ad usarlo. La Label compare sotto la posta in arrivo.</p>
<h2>Alcuni trucchi utili</h2>
<p><strong>@qualcuno</strong>: Se vuoi aggiungere qualcuno alla conversazione, semplicemnte fai una citazione tipo twitter utilizzando la chiocciola ed iniziando a digitare il nome che hai salvato nei contatti di GMail. I tuoi contatti saranno aggiunti automaticamente.</p>
<p>Caricamento immagini: Basta mettere un link nel tuo Buzz, che carica la pagina Web, guarda le immagini che ci sono dentro e ti chiede quale usare per rendere il tuo post più bello esteticamente.</p>
<h2><img class="aligncenter" src="http://www.androidspin.com/wp-content/uploads/2010/02/linkpull-300x209.png" alt="" width="300" height="209" /></h2>
<h2>Alcuni altri usi di Buzz</h2>
<p>Per chi è ancora diffidente sulle caratteristiche di Buzz, ci sono altri usi che si possono considerare prima di scartare l&#8217;ipotesi di usarlo.</p>
<p>Dato che Buzz è facilmente utilizzabile da tutti i principali modelli di SmartPhones (iPhone, BlackBerry, Android ecc), una possibilità può essere quella di caricarci i propri files, invece di memorizzarli localmente, in modo da non doversi preoccupare dello spazio disponibile sul telefono.</p>
<h2>Quali sono gli svantaggi?</h2>
<p>Ci sono alcuni punti che non piacciono agli utenti che possono essere non consapevoli del fatto che quando pubblicano qualcosa, questo può essere totalmente pubblico.</p>
<p><strong>Auto-follow</strong>: Questo può essere utile quando si inizia ad usare Buzz, ma se usato con leggerezza, si rendono noti con facilità tutti i contatti con cui si sono avuti scambi email. Meglio fare attenzione alla configurazione di questi aspetti e di chi può vedere cosa.</p>
<p><strong>GPS e Pubblico, significa pubblico</strong>. Quando si rende qualche informazione pubblica, diventa effettivamente disponibile a tutti. Questo include la localizzazione geografica, specialmente se stai usando un telefono cellulare. La cosa migliore è rendere di default i post come privati, in modo da poterli rendere visibili solo ad alcuni gruppi di contatti</p>
<p><img class="aligncenter" src="http://www.androidspin.com/wp-content/uploads/2010/02/private-post-groups-300x203.png" alt="" width="300" height="203" />Un&#8217;altra cosa che può risultare fastidiosa è che mette i Buzz nella posta in arrivo. Questo può essere poco opportuno se uno commenta un Buzz molto popolare e poi riceve le notifiche delle risposte al commento.</p>
<h2>Conclusioni</h2>
<p>Google Buzz è un nuovo passo avanti nella direzione giusta in cui si svilupperanno i social networks. Questo permette di avere post illimitati, senza vincoli sul numero di caratteri e raggruppati in thread, che possono contenere anche elementi multimediali.</p>
<p>Gli utenti che godranno dei benefici maggiori sono quelli che già utilizzano gli altri servizi di Google, rispetto a quelli che utilizzano servizi Microsoft o Yahoo.</p>
<p>Questa è una grossa opportunità per Google che può partire con un social network di decine di milioni di utenti nel mondo, sebbene le modalità di attivazione all&#8217;interno di GMail possano essere considerate un po&#8217; invasive, dato che si mischiano comunicazioni tipicamente riservate a comunicazioni pubbliche.</p>
<p>A questo punto attendiamo l&#8217;integrazione con Facebook.</p>
<p>Voi cosa ne pensate?</p>
<p>Vedi qui sotto il video ufficiale di presentazione di Google.</p>
<p><object width="425" height="344" data="http://www.youtube.com/v/yi50KlsCBio&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/yi50KlsCBio&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></p>
<p>Fonte: <a title="Permanent Link to Google Buzz, The Complete Guide (As of now)" href="http://www.androidspin.com/2010/02/10/google-buzz-the-complete-guide/">Google Buzz, The Complete Guide (As of now)</a></p>


<p>Per il momento non ci sono post correlati</p>]]></content:encoded>
			<wfw:commentRss>http://www.studiomader.it/risorse-utili/come-funziona-google-buzz-guida-completa/feed</wfw:commentRss>
		</item>
		<item>
		<title>Aumenta la tassa su chiavette USB, CD, DVD, e qualsiasi supporto.</title>
		<link>http://www.studiomader.it/risorse-utili/aumenta-la-tassa-su-chiavette-usb-cd-dvd-e-qualsiasi-supporto</link>
		<comments>http://www.studiomader.it/risorse-utili/aumenta-la-tassa-su-chiavette-usb-cd-dvd-e-qualsiasi-supporto#comments</comments>
		<pubDate>Tue, 19 Jan 2010 07:47:47 +0000</pubDate>
		<dc:creator>Michele Mader</dc:creator>
		
		<category><![CDATA[Risorse utili]]></category>

		<guid isPermaLink="false">http://www.studiomader.it/?p=91</guid>
		<description><![CDATA[È stato pubblicato il decreto del Ministero dei beni culturali 30 dicembre 2009 sull&#8217;&#8221;equo compenso&#8220;, la quota anticipata di diritto d&#8217;autore che il consumatore paga all&#8217;acquisto di dispositivi per la riproduzione di opere audiovisive protette dalla legge.
Il decreto definisce, i nuovi importi degli aumenti dei prezzi che devono essere applicati alle memorie di massa (per esempio [...]


Per il momento non ci sono post correlati]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="CD e chiavette USB" src="http://www.ilsole24ore.com/art/SoleOnLine4/ARCH_Immagini/Tecnologia%20e%20Business/2010/01/dvd-usb_324.jpg?uuid=d38d6960-01c0-11df-9054-66bb1a6c98d4" alt="" width="324" height="230" />È stato pubblicato il decreto del <strong>Ministero dei beni culturali</strong> 30 dicembre 2009 sull&#8217;&#8221;<strong>equo compenso</strong>&#8220;, la quota anticipata di diritto d&#8217;autore che<strong> il consumatore paga all&#8217;acquisto</strong> di dispositivi per la riproduzione di opere audiovisive protette dalla legge.</p>
<p>Il decreto definisce, i nuovi importi degli aumenti dei <strong>prezzi che devono essere applicati alle memorie di massa</strong> (per esempio Dvd e chiavette Usb)  in funzione della loro capacità e a masterizzatori, computer e telefoni cellulari che consentono la memorizzazione di opere audiovisive protette dalla <strong>legge sul diritto d&#8217;autore</strong>.</p>
<p>Ecco alcuni dati riportati da &#8220;<a href="http://www.ilsole24ore.com/art/SoleOnLine4/Tecnologia%20e%20Business/2010/01/diritto-copia-privata.shtml">il sole 24 ore</a>&#8221; e <a href="http://www.webmasterpoint.org/news/tassa-siae-dell-equo-compenso-su-pc-cellulari-lettori-mp3-di-quanto-aumenteranno-i-prezzi_p35289.html">altre fonti</a>:</p>
<table border="0">
<tbody>
<tr>
<td>Chiavetta USB 4GB</td>
<td>0.36€</td>
</tr>
<tr>
<td>DVD riscrivibile</td>
<td>0.50€</td>
</tr>
<tr>
<td>Memoria flash 15GB su lettore MP3</td>
<td>quasi 10 €</td>
</tr>
<tr>
<td>HD 250GB dentro lettore DVD</td>
<td>30€</td>
</tr>
<tr>
<td>Confezione da 20 CD</td>
<td>5.87€</td>
</tr>
<tr>
<td>Confezione da 20 DVD</td>
<td>8.20€</td>
</tr>
<tr>
<td>decoder DGTV con hard disk integrato</td>
<td>16.10€</td>
</tr>
</tbody>
</table>
<p>Personalmente sono assolutamente contrario a questa nuova tassa per 2 motivi:</p>
<ul>
<li>costituisce sostanzialmente una <strong>tassa sull&#8217;innovazione</strong>, cosa di cui il nostro paese ha disperatamente bisogno;</li>
<li>viene applicata dando sostanzialmente scontata la <strong>cattiva fede del consumatore</strong> (supponendo che salverà contenuti coperti da diritto d&#8217;autore).</li>
</ul>
<p><span id="more-91"></span><br />
In particolare, se nel primo caso potremmo anche sopportare la cosa (d&#8217;altra parte la gente raramente è contenta di una nuova tassa), nel secondo caso la trovo estremamente diseducativa.</p>
<p>E&#8217; come se acquistando una macchina, facessero pagare in anticipo tutte le infrazioni che è previsto che faremo in futuro.</p>
<ul>
<li>Se le abbiamo già pagate, a questo punto perché non superare il limite di velocità e parcheggiare in divieto di sosta?</li>
<li>A chi vanno i diritti d&#8217;autore? Se sul mio disco salverò solo l&#8217;opera completa del cantante X, perché i soldi devono andare al cantante Y?</li>
<li>Diventa ancora più stupido comportarsi legalmente. Nessuno ci restituirà mai i soldi in caso di condotta corretta, e questo punto è forse quello che mi dà più fastidio.</li>
<li>Perché dobbiamo pagare in anticipo un bene di cui probabilmente non fruiremo mai?</li>
</ul>
<p>A questo si aggiungono alcune altre considerazioni tipo:</p>
<ul>
<li>La pirateria non ha più bisogno di memorie, ormai i contenuti piratati si trovano anche in streaming</li>
<li>Il software viene piratato almeno quanto la musica e i video. Perché le aziende di software non ricevono gli stessi aiuti della SIAE?</li>
<li>Se qualcuno ordina un gadget tecnologico su ebay tedesco, questo sarà di fatto esente dalla tassa perché il personale alla dogana non può assumersi il rischio di smontare tutto, senza essere in grado di rimontarlo perfettamente.</li>
</ul>
<p>Da persona che non ascolta più musica da anni e non compra DVD, principalmente perché la radio soddisfa le mie esigenze di base con una gamma di generi che va ben oltre le mie necessità comunque i prodotti commerciali sono talmente standardizzati perché nessuno ha più voglia di rischiare di distribuire un CD che non venderà, che ascoltati una decina di pezzi, gli altri sono più o meno tutti uguali.</p>
<p>Stesso discorso per i film&#8230; ci sono sempre i soliti generi destinati a soddisfare le varie tipologie di spettatore. In quanti film avete visto l&#8217;amore impossibile realizzarsi malgrado le resistenze di chi sta intorno? In quanti film avete visto il disastro naturale e l&#8217;umanità salvata dal visionario a cui all&#8217;inizio non crede nessuno? In quanti film c&#8217;è l&#8217;uomo che viene punito per aver cercato di dominare la natura? In quanti film c&#8217;è la principessa che si innamora del ranocchio operoso? Non vedo perché i miei soldi devono andare a gente che continua a rifare sempre le stesse cose con piccole varianti e cambiamenti d&#8217;abito e di ambientazione. Date i miei soldi tutti ai discendenti di Shakespeare che è l&#8217;autore più plagiato, giusto perché non si possono trovare i discendenti di Omero e della Bibbia intesa come opera letteraria.</p>
<p>Perché io che preferisco usare server Linux piuttosto che scaricare una copia pirata di Windows 7 Ultimate &#8216;Ntani Platinum Super stica&#8217; edition, Open Office piuttosto che Word e Excel, Notepad++ piuttosto che Ultraedit e Dreamweaver, Mplayer piuttosto che altri software commerciali, Google Calendar piuttosto che Outlook, Open Project piuttosto che Microsoft Project devo essere trattato da pirata?</p>
<p>Perché devo pagare pezzi musicali che non scaricherò mai perché tanto si trovano legalmente in streaming su YouTube, Last.fm e infiniti altri siti?</p>
<p>Perché devo pagare film tutti uguali, quando per addormentarmi mi bastano i telefilm che vanno in onda sulla TV di cui pago il canone?</p>
<p>Forse la SIAE dovrebbe interrogarsi sul perché i consumatori non comprano i prodotti che vengono venduti, considerando anche che i prodotti più piratati risultano essere anche quelli più venduti.</p>
<p>Non è che magari il prezzo di un DVD musicale è un tantino troppo elevato, considerando che comunque su negozi online come iTunes vanno alla grande e che il costo del supporto è molto vicino allo zero?</p>
<p>Non è che magari dovrebbero cambiare modello di business, per cui non funziona più vendere un album di 10-15 pezzi in cui solo un paio riscuotono successo?</p>


<p>Per il momento non ci sono post correlati</p>]]></content:encoded>
			<wfw:commentRss>http://www.studiomader.it/risorse-utili/aumenta-la-tassa-su-chiavette-usb-cd-dvd-e-qualsiasi-supporto/feed</wfw:commentRss>
		</item>
		<item>
		<title>Google logo per il 09/09/2009 09:09:09</title>
		<link>http://www.studiomader.it/fun/google-logo-per-il-09092009-090909</link>
		<comments>http://www.studiomader.it/fun/google-logo-per-il-09092009-090909#comments</comments>
		<pubDate>Thu, 10 Sep 2009 12:57:43 +0000</pubDate>
		<dc:creator>Michele Mader</dc:creator>
		
		<category><![CDATA[Fun]]></category>

		<category><![CDATA[curiosità]]></category>

		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://www.studiomader.it/?p=84</guid>
		<description><![CDATA[Per un breve periodo di tempo Google ha fatto vedere questo logo.
Precisamente, alle ore 9:09:09 del  9 settembre 2009.
Non è la prima volta che Google fa un logo visualizzato per un brevissimo periodo di tempo.
In precedenza, un&#8217;iniziativa analoga era stata presa per il timestamp UNIX 1234567890, corrispondente alle 23:31:30 secondi del 13 febbraio 2009 [...]


Per il momento non ci sono post correlati]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignnone" style="width: 286px"><img title="Google logo 09-09-2009" src="http://blogoscoped.com/files/google-9-9-9-logo.gif" alt="Google logo 09-09-2009" width="276" height="110" /><p class="wp-caption-text">Google logo 09-09-2009 </p></div>
<p>Per un breve periodo di tempo Google ha fatto vedere questo logo.<br />
Precisamente, alle ore 9:09:09 del  9 settembre 2009.</p>
<p>Non è la prima volta che Google fa un logo visualizzato per un brevissimo periodo di tempo.</p>
<p>In precedenza, un&#8217;iniziativa analoga era stata presa per il timestamp UNIX 1234567890, corrispondente alle 23:31:30 secondi del 13 febbraio 2009 (UTC).</p>
<div class="wp-caption alignnone" style="width: 286px"><img title="Logo Google per il Timestamp 1234567890" src="http://blogoscoped.com/files/google-unix-logo-2009.gif" alt="Logo Google per il Timestamp 1234567890" width="276" height="110" /><p class="wp-caption-text">Logo Google per il Timestamp 1234567890</p></div>


<p>Per il momento non ci sono post correlati</p>]]></content:encoded>
			<wfw:commentRss>http://www.studiomader.it/fun/google-logo-per-il-09092009-090909/feed</wfw:commentRss>
		</item>
		<item>
		<title>Uscito Chrome 3D</title>
		<link>http://www.studiomader.it/fun/uscito-chrome-3d</link>
		<comments>http://www.studiomader.it/fun/uscito-chrome-3d#comments</comments>
		<pubDate>Wed, 01 Apr 2009 07:58:24 +0000</pubDate>
		<dc:creator>Michele Mader</dc:creator>
		
		<category><![CDATA[Fun]]></category>

		<category><![CDATA[curiosità]]></category>

		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://www.studiomader.it/?p=76</guid>
		<description><![CDATA[
Navigazione web su Chrome 3D


Nuova rivoluzione tecnologica in arrivo da parte di Google:  il Web 3D. 
Finalmente è possibile navigare il web in 3 dimensioni grazie alla nuova versione di Chrome 3D, sviluppato con l&#8217;aiuto della nuova intelligenza artificiale CADIE. (Entità Cognitiva Autoeuristica a Intelligenza Distribuita (Cognitive Autoheuristic Distributed-Intelligence Entity, CADIE))
Pubblicato oggi da Google l&#8217;aggiornamento del [...]


Per il momento non ci sono post correlati]]></description>
			<content:encoded><![CDATA[<div id="attachment_77" class="wp-caption alignleft" style="width: 330px">
<div class="mceTemp">
<dl id="attachment_80" class="wp-caption alignleft" style="width: 330px;">
<dt class="wp-caption-dt"><a href="http://www.studiomader.it/wp-content/uploads/2009/04/chrome-3d.jpg"><img class="size-full wp-image-80 " title="chrome-3d" src="http://www.studiomader.it/wp-content/uploads/2009/04/chrome-3d.jpg" alt="Chrome 3D - Navigazione web tridimensionale" width="320" height="240" /></a><p class="wp-caption-text">Chrome 3D - Navigazione web tridimensionale</p></div></p>
</dt>
<dd class="wp-caption-dd">Navigazione web su Chrome 3D</dd>
</dl>
</div>
<p>Nuova rivoluzione tecnologica in arrivo da parte di Google:  il Web 3D. </p>
<p>Finalmente è possibile navigare il web in 3 dimensioni grazie alla nuova versione di <a href="http://www.google.com/intl/en/landing/chrome/cadie/">Chrome 3D</a>, sviluppato con l&#8217;aiuto della nuova intelligenza artificiale <a title="cadie" href="http://www.google.com/intl/en_us/landing/cadie/index.html">CADIE</a>. (Entità Cognitiva Autoeuristica a Intelligenza Distribuita (Cognitive Autoheuristic Distributed-Intelligence Entity, CADIE))</p>
<p>Pubblicato oggi da Google l&#8217;aggiornamento del suo browser, che, come si vede dall&#8217;immagine permette di navigare il web in 3D, utilizzando gli appositi <a href="http://www.google.com/intl/en/landing/chrome/cadie/glasses.pdf">occhialini stereoscopici</a>, ovviamente scaricabili anch&#8217;essi e stampabili dal sito.</p>
<p>Il browser si può scaricare dalla pagina:<br />
<a href="http://www.google.com/intl/en/landing/chrome/cadie/eula.html">http://www.google.com/intl/en/landing/chrome/cadie/eula.html</a><br />
che per il momento è disponibile solo in inglese.<br />
Il browser si basa su una nuova tecnologia in grado di convertire in tempo reale in anaglifi, anche le pagine web sviluppate per il web &#8220;tradizionale&#8221;, come si vede dall&#8217;immagine che ho riportato all&#8217;inizio di questa pagina.</p>


<p>Per il momento non ci sono post correlati</p>]]></content:encoded>
			<wfw:commentRss>http://www.studiomader.it/fun/uscito-chrome-3d/feed</wfw:commentRss>
		</item>
		<item>
		<title>Sull&#8217;importanza di avere un servizio di hosting di qualità</title>
		<link>http://www.studiomader.it/fun/sullimportanza-di-avere-un-servizio-di-hosting-di-qualita</link>
		<comments>http://www.studiomader.it/fun/sullimportanza-di-avere-un-servizio-di-hosting-di-qualita#comments</comments>
		<pubDate>Sun, 29 Mar 2009 10:43:21 +0000</pubDate>
		<dc:creator>Michele Mader</dc:creator>
		
		<category><![CDATA[Fun]]></category>

		<category><![CDATA[curiosità]]></category>

		<guid isPermaLink="false">http://www.studiomader.it/?p=69</guid>
		<description><![CDATA[Quando organizziamo un evento, per cui ci si aspetta o almeno si auspica che sul sito dedicato ci arrivino molti visitatori, è di fondamentale importanza assicurarsi del fatto che l&#8217;infrastruttura, ed in particolare il server su cui il sito viene ospitato sia all&#8217;altezza.
Questo è uno dei tipici casi, in cui se farete bene il vostro [...]


Per il momento non ci sono post correlati]]></description>
			<content:encoded><![CDATA[<p>Quando organizziamo un evento, per cui ci si aspetta o almeno si auspica che sul sito dedicato ci arrivino molti visitatori, è di fondamentale importanza assicurarsi del fatto che l&#8217;infrastruttura, ed in particolare il server su cui il sito viene ospitato sia all&#8217;altezza.</p>
<p>Questo è uno dei tipici casi, in cui se farete bene il vostro lavoro, nessuno vi dirà &#8220;bravo&#8221;, però se lo farete male correte il rischio di fare la fine del FAI, che in occasione delle giornate FAI di primavera probabilmente riceve qualche migliaio o decine di migliaia di richieste all&#8217;ora ed il server fallisce miseramente dando il messaggio di errore sottostante. Questo per tutta la durata del fine settimana. A volte si riescono ad ottenere i breadcrumbs, ma mai la pagina completa.</p>
<p><img  title="error" src="http://www.studiomader.it/wp-content/uploads/2009/03/error.gif" alt="Errore URL" width="50%" height="50%" /></p>
<p>Trascuriamo il fatto che non viene indicato il system administrator da contattare.</p>
<p>Il vero problema è che in questo modo tutti gli italiani che non hanno a disposizione un elenco cartaceo dei beni culturali aperti non hanno idea di dove possono andare. O meglio, vanno su altri siti, come ad esempio, l&#8217;<a title="- Giornata Fai di primavera 2009 -" href="http://www.toscanaetirreno.com/it/blog/mappa-beni-fai-aperti-toscana" target="_blank">elenco dei beni culturali FAI aperti in Toscana</a> su Google Maps che se vogliamo, dal punto di vista dell&#8217;organizzazione è ancora peggio perché si perde l&#8217;occasione di far acquistare la tessera online.</p>
<p>Una cosa che a un tecnico come me fa tristezza è il fatto che questo <strong>problema si può aggirare anche in pochi minuti</strong>.</p>
<ol>
<li>A partire dalle misure più drastiche, tipo aprire un blog su Wordpress.com o su Blogspot.com (magari prossimamente pubblicherò un confronto di questi servizi gratuiti), pubblicare qui le informazioni importanti e quindi fare un redirect dal proprio sito. Certo, ci sarebbe da rinunciare alla grafica e a molte altre funzionalità, però almeno si darebbe alle persone la possibilità di partecipare all&#8217;evento e non si darebbe alle persone il messaggio di avere scarse competenze tecniche.</li>
<li>Un&#8217;altra soluzione possibile potrebbe essere di togliere alcuni elementi non essenziali dalle pagine del sito, in modo da diminuire il numero di query per ogni utente, e magari togliere elementi in Flash e immagini non essenziali, in modo da non sprecare connettività. Al limite, fare una versione delle pagine esclusivamente in testo HTML. Ottima leggibilità e permettono comunque al server di supportare il carico di utenti almeno fino al lunedì quando si possono adottare soluzioni definitive.</li>
</ol>
<p>Il lunedì, invece i proprietari del sito dovrebbero fare una riunione e:</p>
<ul>
<li>considerare di cambiare tecnologia (PHP/MySQL su linux regge circa 100 volte più utenti rispetto ad ASP su Windows)</li>
<li>aggiornare l&#8217;hardware del server (soluzione molto costosa)</li>
<li>ripensare l&#8217;architettura dell&#8217;applicazione in modo da ottimizzarne le prestazioni</li>
<li>mettere in atto meccanismi di caching</li>
</ul>
<p>Voi che altro fareste?</p>
<p>Da notare che i<strong> rimedi </strong><strong>che ho proposto per affrontare l&#8217;emergenza</strong> richiedono tutti poche ore lavorative e sono <strong>praticamente a costo zero</strong>, in quanto l&#8217;unico costo è quello di un tecnico con competenze poco più che base di HTML.</p>
<p><strong>Aggiornamento</strong>: il sito è tornato online stasera.<br />
La differenza confontandolo con quello nella cache di Google che si nota è che nell&#8217;intestazione è stato sostituito il <a href="http://www.fondoambiente.it/swf/faitop.swf?urlSite=http%3A%2F%2Fwww%2Efondoambiente%2Eit%2F&#038;urlFaiTopSfondo=http%3A%2F%2Fwww%2Efondoambiente%2Eit%2Fcomuni%2FgeneraXmlTopFlash%2Easp%3FidFolder%3D1176" rel="nofollow">Flash</a> con un&#8217;intestazione analoga in HTML.<br />
Purtroppo non posso sapere se sono stati fatti altri interventi dietro le quinte o se il semplicemente il problema si è risolto anche grazie alla diminuzione di visitatori.<br />
Se qualcuno che ci ha lavorato, vuole intervenire qui, sarò felice di ospitarlo.</p>
<p>Peccato che dopo le 18.00 non ci sarà molta gente che possa usufruirne.</p>


<p>Per il momento non ci sono post correlati</p>]]></content:encoded>
			<wfw:commentRss>http://www.studiomader.it/fun/sullimportanza-di-avere-un-servizio-di-hosting-di-qualita/feed</wfw:commentRss>
		</item>
		<item>
		<title>20 consigli utili per usare al meglio i fogli di stile CSS (tutorial CSS)</title>
		<link>http://www.studiomader.it/risorse-utili/20-consigli-utili-per-usare-al-meglio-i-fogli-di-stile-css-tutorial-css</link>
		<comments>http://www.studiomader.it/risorse-utili/20-consigli-utili-per-usare-al-meglio-i-fogli-di-stile-css-tutorial-css#comments</comments>
		<pubDate>Sat, 21 Mar 2009 23:58:41 +0000</pubDate>
		<dc:creator>Michele Mader</dc:creator>
		
		<category><![CDATA[Risorse utili]]></category>

		<category><![CDATA[grafica]]></category>

		<guid isPermaLink="false">http://www.studiomader.it/?p=65</guid>
		<description><![CDATA[da hongkiat.com

L&#8217;utilizzo di fogli di stile (CSS) permette di ottenere un design       esteticamente piacevole, mentre è più facile       e meno costoso costruire siti.
I CSS separano il Markup dalla Presentazione, favorendo       sviluppatori ed utenti
Il successo di CSS deriva [...]


Per il momento non ci sono post correlati]]></description>
			<content:encoded><![CDATA[<div class="entry-author"><span class="entry-source-title-parent">da <a class="entry-source-title" href="https://www.google.com/reader/view/feed/http%3A%2F%2Fwww.hongkiat.com%2Fblog%2Ffeed%2F" target="_blank">hongkiat.com</a></span></div>
<p><img src="http://hongki.at/images/css_beginners/useful_css.jpg" alt="useful css for beginners" /></p>
<p>L&#8217;utilizzo di fogli di stile (CSS) permette di ottenere un design       esteticamente piacevole, mentre è più facile       e meno costoso costruire siti.</p>
<p>I <strong>CSS separano il Markup dalla Presentazione</strong>, favorendo       sviluppatori ed utenti</p>
<p>Il successo di CSS deriva dai <strong>numerosi vantaggi </strong>che       fornisce ai progettisti.</p>
<p>Il primo è il r<strong>icco insieme delle caratteristiche.</strong> Utilizzando uno stile       dichiarativo semplice, i progettisti possono stabilire       posizionamento, margini e allineamento, colori, stile del       testo, elenchi numerati e molto di più. Inoltre,       direzione di scrittura, stile dei caratteri e altre       convenzioni che possono essere diverse da una lingua all&#8217;altra. I CSS sostengono inoltre un numero crescente di varie       tradizioni tipografiche ed hanno fatto progressi significativi       verso la rappresentazione di documenti multilingue.</p>
<p>Il secondo vantaggio è<strong> il riutilizzo.</strong> I fogli di stile       possono essere condivisi da più pagine multiple,       rendendo semplice aggiornare un intero sito, cambiando una       singola riga di CSS. Poiché i moduli di stile       possono essere messi in memoria cache, questo significa       anche prestazioni migliorate. CSS promuove l&#8217;accessibility       in molti modi, senza compromettere il design. Separare il       markup dallo stile permette agli agenti di       accessibilità di comunicare le informazioni secondo       le necessità di utenti con disabilità. La       progettazione CSS assicura un buon equilibrio fra l&#8217;autore       e i bisogni dell&#8217;utente, permettendo agli utenti di fare       uso di più pagine. I fogli di stile riducono anche       la dipendenza dall&#8217;utilizzo di tabelle HTML per il layout,       che può essere una barriera per alcuni utenti       disabili che utilizzino tecnologie assistive come gli       screen reader.</p>
<p>Un ulteriore vantaggio di CSS <strong>è la più       semplice pubblicazione su media differenti</strong>; lo stesso       documento può essere visualizzato con vari       dispositivi (da grandi monitor a colori, a telefoni mobili,       a stampanti) semplicemente applicando il foglio di stile       appropriato. Il software può scegliere il foglio di       stile più appropriato in modo automatico, (come       deciso dall&#8217;autore del foglio stesso), e permettere       all&#8217;utente di scegliere da tra i vari fogli di stile       disponibili, per soddisfare le proprie necessità.</p>
<p>Questo è sufficiente per convincere all&#8217;utilizzo dei CSS nel fare siti web. A questo punto indicherò alcuni suggerimenti (<strong>CSS tips</strong>) per utilizzare i fogli di stile al meglio. Possono essere abbastanza ovvi, però consiglio di leggere tutti i punti ugualmente.</p>
<p>Se vi viene in mente qualche altro suggerimento utile, potete segnalarmelo nei commenti.</p>
<ol>
<li>
<h4>Usare un <code>reset.css</code></h4>
<p>Normalmente i browser tipo Firefox e Internet Explorer hanno diversi stili di default. Un reset.css ridefinisce la visualizzazione di tutti gli stili di base, in modo da poter partire da delle fondamenta solide, con impostazioni che permettono la stessa visualizzazione su tutti i browsers.</p>
<p>Ecco alcuni dei framework reset.css più utilizzati - <a href="http://developer.yahoo.com/yui/reset/" target="_blank"><strong>Yahoo Reset CSS</strong></a>, <a href="http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/" target="_blank"><strong>Eric Meyer’s CSS Reset</strong></a>,  <a href="http://devkick.com/lab/tripoli/" target="_blank"><strong>Tripoli</strong></a></li>
<li>
<h4>Usare le abbreviazioni CSS</h4>
<p>Le abbreviazioni CSS offrono una via più breve di scrivere codice CSS, e, meglio ancora, rendono il codice più pulito e semplice da capire.</p>
<p>Ad esempio, invece di creare un CSS tipo questo:</p>
<pre>.header {
      background-color: #fff;
      background-image: url(image.gif);
      background-repeat: no-repeat;
      background-position: top left;
    }</pre>
<p>Si può abbreviare nel seguente:</p>
<pre>.header {
      background: #fff url(image.gif) no-repeat top left
    }</pre>
<p><strong>Approfondimenti</strong> - <a href="http://www.sitepoint.com/article/introduction-css-shorthand/" target="_blank"><strong>Introduction to CSS Shorthand</strong></a>, <a href="http://www.javascriptkit.com/dhtmltutors/cssshorthand.shtml" target="_blank"><strong>Useful CSS shorthand properties</strong></a></li>
<li>
<h4>Capire <code>Class</code> e <code>ID</code></h4>
<p>Questi due selettori possono confondere i principianti. Nei CSS, <code>class</code> è rappresentato da un punto &#8220;.&#8221; mentre <code>id</code> è un hash ‘#&#8221;. In breve, <code>id</code> è usato su elementi che sono unici e non si ripetono, <code>class</code> d&#8217;altra parte può essere riutilizzato varie volte. Notare che hanno priorità diverse.</p>
<p><strong>Approfondimenti</strong> - <a href="http://webdesign.about.com/cs/css/qt/tipcssclassvsid.htm" target="_blank">Class vs. ID</a> | <a href="http://css-discuss.incutio.com/?page=ClassesVsIds" target="_blank">When to use Class, ID</a> | <a href="http://codepunk.hardwar.org.uk/acss06.htm" target="_blank">Applying Class and ID together</a></li>
<li>
<h4>Potere degli elenchi puntati <code>&lt;li&gt;</code></h4>
<p><code>&lt;li&gt;</code> è molto utile quando usato correttamente insieme a <code>&lt;ol&gt;</code> o <code>&lt;ul&gt;</code>, in particolare quando usato per stilizzare i menu di navigazione.</p>
<p><strong>Approfondimenti</strong> - <a href="http://www.alistapart.com/articles/taminglists/" target="_blank"><strong>Taming Lists</strong></a>, <a href="http://mirificampress.com/permalink/the_amazing_li" target="_blank"><strong>Amazing LI</strong></a></li>
<li>
<h4>Dimentica <code>&lt;table&gt;</code>, prova <code>&lt;div&gt;<br />
</code></h4>
<p>Uno dei maggiori vantaggi di CSS è che si possono usare i <code>&lt;div&gt;</code> per ottenere la massima flessibilità in termini di stilizzazione. <code>&lt;div&gt;</code> sono diversi da <code>&lt;table&gt;,</code> dove i contenuti sono bloccati da celle <code>&lt;td&gt;</code>. Si può tranquillamente affermare che nella stragrande maggioranza dei casi, i layout ottenibili con l&#8217;uso di tabelle, si possono ottenere in modo migliore utilizzando i <code>&lt;div&gt;</code>.</p>
<p><strong>Approfondimenti</strong> -  <a href="http://www.alistapart.com/stories/practicalcss/" target="_blank"><strong>Tables are dead</strong></a>,  <a href="http://www.sitepoint.com/article/tables-vs-css/" target="_blank"><strong>Tables Vs. CSS</strong></a>,  <a href="http://www.decloak.com/Dev/CSSTables/CSS_Tables_01.aspx" target="_blank"><strong>CSS vs tables</strong></a></li>
<li>
<h4>Strumenti di debug per CSS</h4>
<p>è sempre utile avere un&#8217;anteprima istantanea del layout mentre si lavora sui CSS, aiuta a capire e a debuggare gli stili CSS meglio. Ecco alcuni strumenti di debugging gratuiti che si possono installare nei browsers: <a href="http://chrispederick.com/work/web-developer/" target="_blank">FireFox Web Developer</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/1806" target="_blank">DOM Inspector</a>, <a href="http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&amp;displaylang=en" target="_blank">Internet Explorer Developer Toolbar</a>, e <a href="http://getfirebug.com/" target="_blank">Firebug</a>.</p>
<p><img src="http://hongki.at/images/css_beginners/firebug.jpg" alt="" /></li>
<li>
<h4>Evitare selettori superflui</h4>
<p>A volte le dichiarazioni CSS possono essere semplificate, ad esempio invece di scrivere cose tipo:</p>
<ul>
<li>
<pre>ul li { ... }</pre>
</li>
<li>
<pre>ol li { ... }</pre>
</li>
<li>
<pre>table tr td { ... }</pre>
</li>
</ul>
<p>Si possono abbreviare tipo:</p>
<ul>
<li>
<pre>li { ... }</pre>
</li>
<li>
<pre>td { ... }</pre>
</li>
</ul>
<p>Spiegazione: <code>&lt;li&gt;</code> esiste solo all&#8217;interno di <code>&lt;ul&gt;</code> o <code>&lt;ol&gt;</code> <code>e &lt;td&gt;</code> sarà solo all&#8217;interno di <code>&lt;tr&gt;</code> e <code>&lt;table&gt;</code> quindi non è realmente necessario specificarli nuovamente.</li>
<li>
<h4>Conoscere <code>!important</code></h4>
<p>Qualsiasi stile marcato con <code>!important</code> sarà utilizzato indipendentemente dal fatto che ci sia una regola che lo ridefinisce in seguito.</p>
<pre>.page {	background-color:blue !important;	background-color:red;}</pre>
<p>In quest&#8217;esempio, <code>background-color:blue</code> sarà adottato perché è marcato con <code>!important</code>, anche quando c&#8217;è una direttiva <code>background-color:red;</code> che lo segue. <code>!important</code> è usato in situazioni dove vuoi forzare uno stile senza che questo possa essere sovrascritto. Attenzione che potrebbe non funzionare in vecchie versioni di Internet Explorer.</li>
<li>
<h4>Rimpiazzare testi con immagini</h4>
<p>Questa è una pratica comunemente adottata per sostituire <code>&lt;h1&gt;title&lt;/h1&gt;</code> da un titolo basato su un testo a un&#8217;immagine. Ecco come si può fare.</p>
<pre>h1 {
text-indent:-9999px;
background:url("title.jpg") no-repeat;
width:100px;
height:50px;
}</pre>
<p><span>Spiegazione: <code>text-indent:-9999px;</code></span> sposta il testo del titolo fuori dallo schermo, sostituendolo con l&#8217;immagine specificata da <code>background: {...}</code> con <code>width</code> e <code>height</code> specificate.</li>
<li>
<h4>Capire il posizionamento CSS</h4>
<p>Il seguente articolo fornisce una spiegazione chiara di come si usa il posizionamento nei fogli di stile - <code>position: {...}</code></p>
<p><strong>Approfondimento</strong> - <a href="http://www.barelyfitz.com/screencast/html-training/css/positioning/" target="_blank"><strong>Learn CSS Positioning in Ten Steps</strong></a></li>
<li>
<h4>CSS <code>@import</code> vs <code>&lt;link&gt;</code></h4>
<p>Ci sono 2 modi per includere un file CSS esterno - usare rispettivamente <code>@import</code> e <code>&lt;link&gt;</code>. Se non sai che metodo usare, ecco un articolo che entra nel dettaglio del funzionamento dei due metodi.</p>
<p><strong>Approfondimento</strong> -  <a href="http://webdesign.about.com/od/beginningcss/f/css_import_link.htm" target="_blank"><strong>Difference Between @import and link</strong></a></li>
<li>
<h4>Progettare Form con i CSS</h4>
<p>I form possono essere progettati e personalizzati facilmente con i CSS. I seguenti articoli mostrano come:</p>
<p><strong>Approfondimenti</strong> -  <a href="http://jeffhowden.com/code/css/forms/" target="_blank"><strong>Table-less form</strong></a>,  <a href="http://www.formassembly.com/form-garden.php" target="_blank"><strong>Form Garden</strong></a>, <a href="http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/" target="_blank"><strong>Styling even more form controls</strong></a></p>
<p><img src="http://hongki.at/images/css_beginners/select.jpg" alt="" /></li>
<li>
<h4>Ispirati dai migliori</h4>
<p>Se cerchi in giro dei siti ben fatti basati sull&#8217;utilizzo di CSS-based per ispirarti, o semplicemente guardando in giro per alcune buone UI, ecco alcuni siti che servono come catalogo CSS posso raccomandare:</p>
<ul>
<li><a href="http://cssremix.com/" target="_blank">CSS Remix</a></li>
<li><a href="http://www.cssreboot.com/" target="_blank">CSS Reboot</a></li>
<li><a href="http://www.cssbeauty.com/" target="_blank">CSS Beauty</a></li>
<li><a href="http://www.csselite.com/" target="_blank">CSS Elite</a></li>
<li><a href="http://cssmania.com/" target="_blank">CSS Mania</a></li>
<li><a href="http://www.cssleak.com/" target="_blank">CSS Leak</a></li>
</ul>
<p><img src="http://hongki.at/images/css_beginners/css-showcase.jpg" alt="" /></p>
<p>Ne volete altri ancora? Ecco <a href="http://www.nuff-respec.com/technology/css-gallery-roundup" target="_blank"><strong>74 Gallerie CSS</strong></a>.</li>
<li>
<h4>Angoli arrotondati in CSS</h4>
<p>Il seguente articolo fornisce una descrizione di come creare angoli arrotondati con i CSS compatibili cross-browser. <a href="http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm" target="_blank"><strong>Rounded corners in CSS</strong></a>.</p>
<p><a href="http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm" target="_blank"><img src="http://hongki.at/images/css_beginners/rounded-borders.jpg" alt="" width="380" height="285" /></a></li>
<li>
<h4>Tenere il codice CSS Pulito</h4>
<p>Se il codice CSS è disordinato, è probabile che la confusione aumenti e diventi sempre più difficile capire come funziona il codice. Per i principianti: utilizzare l&#8217;indentazione corretta e commentare il codice correttamente.</p>
<p><strong>Approfondimenti</strong> - <a href="http://www.smashingmagazine.com/2008/11/12/12-principles-for-keeping-your-code-clean/" target="_blank"><strong>12 Principles For Keeping Your Code Clean</strong></a>, <a href="http://www.lonniebest.com/FormatCSS/" target="_blank"><strong>Format CSS Codes Online</strong></a></li>
<li>
<h4>Unità di misura tipografiche: <code>px</code> vs <code>em</code></h4>
<p>Non sai se usare le unità di misura <code>px</code> o <code>em</code>? I seguenti articoli spiegano in dettaglio le differenze.</p>
<p><strong>Approfondimenti</strong> -  <a href="http://www.explainth.at/en/css/units.shtml" target="_blank"><strong>Units of Measurement in CSS</strong></a>, <a href="http://www.bigbaer.com/css_tutorials/css_font_size.htm" target="_blank"><strong>CSS Font size explained</strong></a><strong>, </strong> <a href="http://webdesign.about.com/cs/typemeasurements/a/aa042803a.htm" target="_blank"><strong>Using Points, Pixels, Ems, or Percentages for CSS Fonts</strong></a></li>
<li>
<h4>Tabella di compatibilità CSS per i Browsers</h4>
<p>Sappiamo tutti che i vari browser non supportano pienamente gli standards e quindi possono visualizzare diversamente gli stili CSS. Può essere utile avere una guida di riferimento, dei grafici o degli elenchi che mostrano le compatibilità CSS di ciascun browser in modo esauriente.</p>
<p>Tabelle di supporto CSS: <a href="http://www.quirksmode.org/css/contents.html" target="_blank"><strong>#1</strong></a>, <a href="http://www.webdevout.net/browser-support-css" target="_blank"><strong>#2</strong></a>, <a href="http://vzone.virgin.net/sizzling.jalfrezi/stylebml.htm" target="_blank"><strong>#3</strong></a>, <a href="http://www.richinstyle.com/bugs/table.html" target="_blank"><strong>#4</strong></a>.</p>
<p><img src="http://hongki.at/images/css_beginners/csstable.jpg" alt="" /></li>
<li>
<h4>Design Multicolonne in CSS</h4>
<p>Progettare design multicolonna che funzionino perfettamente in tutti i browsers richiede perfetta padronanza dei CSS ed è una vera sfida anche per i grafici più esperti. Ecco alcuni articoli che possono aiutare:</p>
<ul>
<li><a href="http://www.alistapart.com/articles/holygrail" target="_blank">In Search of the Holy Grail</a></li>
<li><a href="http://alistapart.com/articles/fauxcolumns/" target="_blank">Faux Columns</a></li>
<li><a href="http://warpspire.com/tipsresources/web-production/css-column-tricks/" target="_blank">Top reasons your CSS columns are messed up</a></li>
<li><a href="http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html" target="_blank">Litte Boxes (examples)</a></li>
<li><a href="http://alistapart.com/articles/multicolumnlayouts" target="_blank">Multi-Column Layouts Climb Out of the Box</a></li>
<li><a href="http://24ways.org/2008/absolute-columns" target="_blank">Absolute Columns</a></li>
</ul>
<p><img src="http://hongki.at/images/css_beginners/multicolumns.jpg" alt="" /></li>
<li>
<h4>Utilizza un editor CSS gratuito</h4>
<p>Gli strumenti dedicati sono sempre meglio del blocco note. Eccone alcuni consigliati:</p>
<p><strong>Approfondimenti</strong> - <a href="http://www.hostm.com/simplecss-download.m" target="_blank"><strong>Simple CSS</strong></a>, <a href="http://notepad-plus.sourceforge.net/" target="_blank"><strong>Notepad ++</strong></a>, <a href="http://www.athlab.com/Astyle/index.html#Features" target="_blank"><strong>A Style CSS Editor</strong></a></p>
<p><img src="http://hongki.at/images/css_beginners/notepadplus.jpg" alt="" /></li>
<li>
<h4>Capire i Media Types</h4>
<p>Ci sono alcuni media types quando si dichiarano i CSS con <code>&lt;link&gt;</code>. print, projection e screen sono alcuni dei tipi comunemente usati. Capirli ed usarli correttamente permettono di ottenere una migliore accessibilità per gli utenti. I seguenti articoli spiegano come gestire i CSS Media types.</p>
<p><strong>Approfondimenti</strong> - <a href="http://www.yourhtmlsource.com/stylesheets/cssmediatypes.html" target="_blank"><strong>CSS and Media Types</strong></a>, <a href="http://www.w3.org/TR/CSS2/media.html" target="_blank"><strong>W3 Media Types</strong></a>, <a href="http://www.javascriptkit.com/dhtmltutors/cssmedia.shtml" target="_blank"><strong>CSS Media Types</strong></a>, <a href="http://www.w3schools.com/CSS/css_mediatypes.asp" target="_blank"><strong>CSS2 Media Types</strong></a></li>
</ol>


<p>Per il momento non ci sono post correlati</p>]]></content:encoded>
			<wfw:commentRss>http://www.studiomader.it/risorse-utili/20-consigli-utili-per-usare-al-meglio-i-fogli-di-stile-css-tutorial-css/feed</wfw:commentRss>
		</item>
		<item>
		<title>Come mettere la nuova interfaccia delle Google Maps sul nostro sito</title>
		<link>http://www.studiomader.it/risorse-utili/come-mettere-la-nuova-interfaccia-delle-google-maps-sul-nostro-sito</link>
		<comments>http://www.studiomader.it/risorse-utili/come-mettere-la-nuova-interfaccia-delle-google-maps-sul-nostro-sito#comments</comments>
		<pubDate>Sat, 28 Feb 2009 22:49:05 +0000</pubDate>
		<dc:creator>Michele Mader</dc:creator>
		
		<category><![CDATA[Open Source]]></category>

		<category><![CDATA[Risorse utili]]></category>

		<category><![CDATA[google maps]]></category>

		<guid isPermaLink="false">http://www.studiomader.it/?p=62</guid>
		<description><![CDATA[Spiegazione passo passo di come implementare i nuovi controlli 3D sulle Mappe Google personalizzate usando le Google Maps API. In pratica, per aggiungere i nuovi controlli in "stile 3D" e anche i comportamenti associati di mouse e tastiera, è sufficiente una riga di codice map.setUIToDefault();


Per il momento non ci sono post correlati]]></description>
			<content:encoded><![CDATA[<div id="attachment_61" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-61" title="mappa-google-default-ui" src="http://www.studiomader.it/wp-content/uploads/2009/03/mappa-google-default-ui-300x275.jpg" alt="Nuova interfaccia Google Maps" width="300" height="275" /><p class="wp-caption-text">Nuova interfaccia Google Maps</p></div>
<p>Da quando Google ha aggiornato esteticamente le Google Maps con i controlli tipo quello indicato nella figura qui di fianco, noi che facciamo siti Web eravamo rimasti un po&#8217; amareggiati dal fatto che sui nostri siti eravamo rimasti con quelle Google Maps con un look così vecchio.</p>
<p>Fortunatamente, da mercoledì mattina non è più così. In un post sul <a href="http://googlegeodevelopers.blogspot.com/2009/02/posted-by-jez-fletcher-maps-api-team.html" target="_blank">blog ufficiale</a>, Google ha comunicato la possibilità di avere la nuova interfaccia anche sulle mappe create da noi.</p>
<p>In pratica, per aggiungere i nuovi controlli in &#8220;stile 3D&#8221; e anche i comportamenti associati di mouse e tastiera, è sufficiente una riga di codice:</p>
<pre>  // Create a map.
  var map = new GMap2(myMapDiv);
  // Give it the maps.google.com experience.
  map.setUIToDefault();</pre>
<p>La nuova funzione, presente dalla <span style="text-decoration: underline;">versione 2.146 delle Google Maps</span> è <strong>setUIToDefault()</strong>.</p>
<p>Questa funzione inoltre garantisce che se Google farà degli ulteriori aggiornamenti all&#8217;interfaccia, questi saranno automaticamente trasmessi anche sul nostro sito.</p>
<p>Questa funzione inoltre modificherà i controlli secondo le dimenzioni della mappa. Per mappe di dimensioni maggiori di 300 x 400, i controlli di default sono i seguenti:</p>
<ul>
<li><code>GLargeMapControl3D</code></li>
<li><code>GMapTypeControl</code></li>
<li><code>GScaleControl</code></li>
</ul>
<p>Per mappe di dimensioni 00 x 400 o più piccole, i controlli di default sono:</p>
<ul>
<li><code>GSmallZoomControl3D</code></li>
<li><code>GMenuMapTypeControl</code></li>
</ul>
<p>Entrambi abilitano lo zoom con la rotella del mouse, lo zoom con il doppio click e i controlli tramite tastiera <code>GKeyboardHandler</code> alla mappa.</p>
<p>Volendo, poi si può personalizzare l&#8217;interfaccia secondo i nostri gusti. Se vogliamo disattivare lo zoom con la rotella del mouse, possiamo istanziare l&#8217;oggetto  GMapUIOptions e aggiustarne le opzioni come preferiamo. Ad esempio:</p>
<pre>  // Get the default GMapUIOptions.
  var uiOptions = map.getDefaultUI();
  // Disable scroll wheel zoom.
  uiOptions.zoom.scrollwheel = false;
  // Now set the map's UI with the tweaked options.
  map.setUI(uiOptions);</pre>
<p>Oltre a questo, si può anche accedere direttamente ai nuovi controlli 3D usati su maps.google.com:</p>
<ul>
<li><code>GLargeMapControl3D</code></li>
<li><code>GSmallZoomControl3D</code></li>
</ul>
<p>La documentazione completa delle funzioni, della classe GMapUIOptions e di tutti i controlli, sono disponibili su: <a href="http://code.google.com/apis/maps/documentation/reference.html#GMapUIOptions">Google Maps API Reference</a>.</p>


<p>Per il momento non ci sono post correlati</p>]]></content:encoded>
			<wfw:commentRss>http://www.studiomader.it/risorse-utili/come-mettere-la-nuova-interfaccia-delle-google-maps-sul-nostro-sito/feed</wfw:commentRss>
		</item>
		<item>
		<title>Guida definitiva per trovare facilmente immagini liberamente utilizzabili su siti e blog</title>
		<link>http://www.studiomader.it/risorse-utili/guida-definitiva-per-trovare-facilmente-immagini-liberamente-utilizzabili-su-siti-e-blog</link>
		<comments>http://www.studiomader.it/risorse-utili/guida-definitiva-per-trovare-facilmente-immagini-liberamente-utilizzabili-su-siti-e-blog#comments</comments>
		<pubDate>Sat, 31 Jan 2009 07:04:36 +0000</pubDate>
		<dc:creator>Michele Mader</dc:creator>
		
		<category><![CDATA[Risorse utili]]></category>

		<category><![CDATA[grafica]]></category>

		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.studiomader.it/?p=56</guid>
		<description><![CDATA[Per tutti noi che abbiamo un blog o un sito personale e non vogliamo fare i fotografi professionisti o spendere cifre considerevoli per comprare le immagini che illustrano un concetto ed al tempo stesso vogliamo essere a posto con la coscienza nei confronti di qualunque normativa sul copyright e della volontà degli autori stessi, trovare [...]


Per il momento non ci sono post correlati]]></description>
			<content:encoded><![CDATA[<div id="attachment_55" class="wp-caption alignleft" style="width: 290px"><img class="size-full wp-image-55" title="Fotocamera" src="http://www.studiomader.it/wp-content/uploads/2009/01/fotocamera.png" alt="Fotocamera" width="280" height="200" /><p class="wp-caption-text">Fotocamera</p></div>
<p>Per tutti noi che abbiamo un blog o un sito personale e non vogliamo fare i fotografi professionisti o spendere cifre considerevoli per comprare le immagini che illustrano un concetto ed al tempo stesso vogliamo <strong>essere a posto </strong>con la coscienza nei confronti di qualunque normativa sul copyright e della volontà degli autori stessi, trovare un&#8217;immagine può rivelarsi non semplice.</p>
<p>Per questo qui sotto elenco alcune risorse utili allo scopo. Ho dato un ordine logico, in base di <strong>diritti di autore decrescenti</strong>. Per esperienza, posso dire che di solito le immagini migliori si trovano nel dominio Creative Commons, ma per trovare le <strong>immagini più adatte</strong>, ovviamente è meglio spendere più tempo e ricercare più fonti possibili.</p>
<p><strong>Immagini di pubblico dominio</strong></p>
<p>Queste sono le immagini utilizzabili con maggiore libertà. Non ci sono restrizioni e non è richiesta attribuzione. Si possono utilizzare liberamente, modificare ed usare anche a scopo commerciale. Ma come si trovano?</p>
<ol>
<li><strong>Wikipedia ti è amica.</strong> In questo caso, si può trovare un <em>elenco di risorse</em> utilizzando la voce: <a title="Wikipedia:Risorse di immagini di pubblico dominio" href="http://it.wikipedia.org/wiki/Wikipedia:Risorse_di_immagini_di_pubblico_dominio">risorse di immagini di pubblico dominio</a> oppure la voce in inglese: <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://en.wikipedia.org/wiki/Public_domain_image_resources');" href="http://en.wikipedia.org/wiki/Public_domain_image_resources">public domain image resources</a>, dove sono elencate raggruppate per categorie.</li>
<li><strong>Il governo degli Stati Uniti.</strong> Co sono molte ottime immagini di pubblico dominio. Il governo ha anche fatto fare un elenco ei <em>migliori cataloghi di immagini libere</em> <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.dotgovwatch.com/?/archives/8-The-Best-Copyright-Free-Photo-Libraries.html');" href="http://www.dotgovwatch.com/?/archives/8-The-Best-Copyright-Free-Photo-Libraries.html">best copyright-free image libraries</a>.</li>
<li><strong>Il buon vecchio DMOZ.</strong>Perché non cercare nella directory aperta per le immagini libere? Le categorie di DMOZ sono controllate da esseri umani, e quindi ci si può fidare dei collegamenti elencati. Ad esempio: <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.dmoz.org/Computers/Graphics/Clip_Art/Public_Domain/');" href="http://www.dmoz.org/Computers/Graphics/Clip_Art/Public_Domain/">clip art in the public domain</a>.</li>
<li>La libreria del congresso USA. <a onclick="javascript:pageTracker._trackPageview('/outbound/comment/http://www.loc.gov/rr/print/list/listguid.html');" href="http://www.loc.gov/rr/print/list/listguid.html">Elenchi di immagini su temi comuni</a>.  Non ci sono restrizioni</li>
</ol>
<p><strong>Immagini Creative Commons<br />
</strong></p>
<p>Subito dopo il pubblico dominio, la migliore alternativa sono le licenze Creative Commons. Queste immagini solitamente sono fatte da persone come te a cui piace condividere il lavoro in cambio del riconoscimento dell&#8217;attribuzione dell&#8217;autore. Se si utilizzano immagini con licenza Creative Commons, bisogna guardare la tipologia di licenza e seguire accuratamente le indicazioni fornite. Ci sono ottime risorse Creative Commons:</p>
<ol>
<li><strong>Flickr.</strong> Ci sono davvero molte immagini su Flickr! Per trovare immagini creative commons, dobbiamo usare la <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://flickr.com/search/advanced/');" href="http://flickr.com/search/advanced/">Ricerca Avanzata di Flickr</a>. Dato che normalmente non abbiamo bisogno di modificare le immagini che troviamo, non è necessario selezionare la voce .&#8221;			Per quanto riguarda la voce: &#8221;			<label for="cccommercial">Trova contenuti da usare a livello commerciale</label>&#8220;, decidiamo in base all&#8217;uso che vogliamo fare dell&#8217;immagine.</li>
<li><strong>Google. </strong>Non è sufficiente fare una normale ricerca per immagini su Google, in quanto i risultati normalmente contengono immagini con diritto d&#8217;autore e quindi inutilizzabili. Però fortunatamente qualcuno ha fatto il lavoro  sporco per noi e ed utilizzando Google coop ha creato un <strong>motore di ricerca personalizzato</strong> apposta: <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.google.com/coop/cse?cx=012858603691896329299:-kcbpgwtfdo');" href="http://www.google.com/coop/cse?cx=012858603691896329299:-kcbpgwtfdo">Connected Classroom Creative Commons Image Search</a>, che cerca in 14 siti contenenti solo immagini Creative Commons.</li>
<li><strong>Bad Neighborhood. </strong>No, non c&#8217;entra niente il cattivo vicinato, è solo il nome di un sito che contiene un altro motore di ricerca per immagini: <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.bad-neighborhood.com/creative-commons-image-search.htm');" href="http://www.bad-neighborhood.com/creative-commons-image-search.htm">Creative Commons Google Image Search Assistant</a>. Dal punto di vista tecnico, è un Google Hack, ma permette di aggirare una limitazione dell&#8217;interfaccia di ricerca per immagini di Google e ci risparmia del tempo e semplifica la vita.</li>
</ol>
<p><strong>Free Stock Images</strong></p>
<p>Ci sono parecchi siti di questo tipo. Queste non sono immagini con diritti d&#8217;autore limitati, però gli autori permettono l&#8217;utilizzo delle delle loro immagini seguendo alcune regole. Alcuni richiedono la citazione della fonte e altri no. Alcuni richiedono di sapere dove viene usata l&#8217;immagine&#8230; Bisogna leggere sempre le linee guida e rispettare le regole indicate!</p>
<ol>
<li><strong>Stock Exchange.</strong> Questo è uno dei siti più usati al mondo. L&#8217;URL è molto semplice da ricordare (<a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.sxc.hu');" href="http://www.sxc.hu/">sxc.hu</a>). Qui sono elencati i risultati “premium” all&#8217;inizio di ogni pagina di risultati della ricerca, che richiedono l&#8217;acquisto per essere utilizzate, quindi attenzione a non utilizzarle per sbaglio. Se non si vede il watermark sull&#8217;immagine, dovrebbe essere tutto a posto.</li>
<li><strong>MorgueFile.</strong> In questo sito gli artisti generalmente chiedono di essere notificati quando si usano le loro foto. <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.morguefile.com');" href="http://www.morguefile.com/">MorgueFile</a>, e non è un grosso sforzo lasciare  un commento per dirgli dove vengono usate le loro foto.</li>
<li><strong>Top Free Photo Site Lists.</strong> Tutti hanno un&#8217;opinione su quali sono i siti di Immagini Stock gratuite. Così un altro approccio può essere vedere cosa dice la gente: <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://speckyboy.com/2008/05/23/top-25-free-stock-image-resource-sites/');" href="http://speckyboy.com/2008/05/23/top-25-free-stock-image-resource-sites/">SpeckyBoy</a>, <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.dazzlindonna.com/blog/2007/07/18/favorite-10-free-stock-photo-download-sites/');" href="http://www.dazzlindonna.com/blog/2007/07/18/favorite-10-free-stock-photo-download-sites/">DazzlinDonna</a>, <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://hubpages.com/hub/What-are-the-best-sites-for-free-stock-photos');" href="http://hubpages.com/hub/What-are-the-best-sites-for-free-stock-photos">HubPages</a>, <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.photoshopsupport.com/resources/stock-photos.html');" href="http://www.photoshopsupport.com/resources/stock-photos.html">PhotoshopSupport</a>, <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.digitalimagemagazine.com/blog/featured/25-free-stock-photo-sites/');" href="http://www.digitalimagemagazine.com/blog/featured/25-free-stock-photo-sites/">Digital Image Magazine</a>, <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.nooti.com/design/free-stock-photos.php');" href="http://www.nooti.com/design/free-stock-photos.php">Nooti</a>…</li>
<li><strong>Bad Neighborhood.</strong> Naturalmente, anche qui c&#8217;è il meta-motore di ricerca <a onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.bad-neighborhood.com/free-image-meta-search.htm');" href="http://www.bad-neighborhood.com/free-image-meta-search.htm">Free Image Meta Search</a> che esplora vare siti di immagini liberamente utilizzabili e risparmia la fatica di dover fare una ricerca sito per sito. D&#8217;altra parte la ricerca fatta con Google coop può essere meno efficace di quella offerta dai singoli siti con il tagging degli autori.</li>
</ol>
<p>Da appassionato di fotografia, ricordo che fare foto belle non è un compito semplice e costa tempo e soldi, per cui invito a rispettare il lavoro degli autori e seguire i termini d&#8217;uso con cui le foto vengono messe a disposizione.</p>
<p>Articolo liberamente ispirato da <a href="http://www.webuildpages.com/blog/blogging/the-simple-guide-to-finding-free-images-for-your-blog-posts/" target="_blank">WeBuildPages</a>.</p>


<p>Per il momento non ci sono post correlati</p>]]></content:encoded>
			<wfw:commentRss>http://www.studiomader.it/risorse-utili/guida-definitiva-per-trovare-facilmente-immagini-liberamente-utilizzabili-su-siti-e-blog/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
