<?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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Semanticstone &#187; Turorial</title>
	<atom:link href="http://www.semanticstone.net/category/risorse/segnalazione-tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.semanticstone.net</link>
	<description>tutto il web che conta in pillole!</description>
	<lastBuildDate>Mon, 23 Jan 2012 13:36:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Leggere gli ePub con (nonostante) DRM Adobe su tutti i vostri dispositivi</title>
		<link>http://www.semanticstone.net/risorse/segnalazione-tutorial/leggere-gli-epub-con-nonostante-drm-adobe-su-tutti-i-vostri-dispositivi/</link>
		<comments>http://www.semanticstone.net/risorse/segnalazione-tutorial/leggere-gli-epub-con-nonostante-drm-adobe-su-tutti-i-vostri-dispositivi/#comments</comments>
		<pubDate>Mon, 14 Feb 2011 09:06:51 +0000</pubDate>
		<dc:creator>Alessandro</dc:creator>
				<category><![CDATA[Opinioni]]></category>
		<category><![CDATA[Turorial]]></category>
		<category><![CDATA[Adobe Digital Editions]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Biblet]]></category>
		<category><![CDATA[DRM]]></category>
		<category><![CDATA[eBook]]></category>
		<category><![CDATA[Edigita]]></category>
		<category><![CDATA[epub]]></category>
		<category><![CDATA[eReader]]></category>
		<category><![CDATA[iOs]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[ipod]]></category>

		<guid isPermaLink="false">http://www.semanticstone.net/?p=1217</guid>
		<description><![CDATA[Con la piattaforma eDigita da una parte e lo store Biblet dall&#8217;altra il libro digitale per il grande pubblico sembra essere approdato anche in Italia. Non mi esprimo in merito a varietà dell&#8217;offerta e al costo dei libri: nel primo caso troppo limitata e nel secondo troppo esoso. Piuttosto, in questo post sintetizzerò brevemente i [...]


Post Correlati:<ol><li><a href='http://www.semanticstone.net/risorse/manuali-risorse/epub-manuali-italiano/' rel='bookmark' title='Permanent Link: ePub due manuali nuovi nuovi'>ePub due manuali nuovi nuovi</a> <small>L&#8217;editoria digitale, seppur con fatica, è diventata una realtà anche...</small></li><li><a href='http://www.semanticstone.net/articoli/leditoria-digitale-oggi/' rel='bookmark' title='Permanent Link: L&#8217;editoria digitale oggi secondo Apple'>L&#8217;editoria digitale oggi secondo Apple</a> <small>Giovedì scorso Apple ha detto la sua sull&#8217;argomento proponendo, fra...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Con la piattaforma <a href="http://www.edigita.it/edigita/"><strong>eDigita</strong></a> da una parte e lo store <a href="http://www.biblet.it/catalogo"><strong>Biblet</strong></a> dall&#8217;altra il libro digitale per il grande pubblico sembra essere approdato anche in Italia.</p>
<p>Non mi esprimo in merito a varietà dell&#8217;offerta e al costo dei libri: nel primo caso troppo limitata e nel secondo troppo esoso. Piuttosto, in questo post sintetizzerò brevemente<strong> i metodi per poter fruire legalmente gli ePub sulla maggior parte dei dispositivi (tablet, eReader e smatphone)</strong>.</p>
<h3>Leggere ePub con DRM Adobe su dispositivi iOs (iPhone, iPod e iPad)</h3>
<p>Per fruire i contenuti con questi dispositivi sono necessarie due cose:</p>
<ul>
<li><a href="http://www.adobe.com/products/digitaleditions/"><strong>Adobe Digital Editions</strong></a> disponibile sia su <strong>PC</strong> che su <strong>MAC </strong>(necessario anche per <strong>autorizzare gli eReader</strong>)</li>
<li>un&#8217;applicazione che supporti il <strong>DRM ADOBE</strong> (personalmente ho testato <a href="http://itunes.apple.com/it/app/bluefire-reader/id394275498?mt=8"><strong>Bluefire</strong></a> e <a href="http://itunes.apple.com/us/app/txtr/id298464404?mt=8"><strong>Txtr</strong></a>)</li>
</ul>
<p>Per prima cosa si scaricherà e installerà l&#8217;applicazione Flex, <strong>Adobe Digital Editions</strong>. Avviandola per la prima volta vi verrà chiesto di autorizzare il computer attraverso l&#8217;inserimento di un <strong>Adobe Id</strong>; scegliete di crearne una gratuitamente e procedete con l&#8217;inserimento dei vostri dati fino al completamento della procedura e all&#8217;<strong>autorizzazione del computer</strong>.</p>
<p>Il passo successivo consisterà nell&#8217;acquisto di un libro su uno dei suddetti store (biblet o uno degli store eDigita, consiglio per varietà il sito della <a href="http://www.lafeltrinelli.it/ebooks/c-1-2/0/">Feltrinelli</a>) ; se volete testare la cosa senza spendere un euro potete scaricare &#8220;<a href="http://www.biblet.it/pirandello-luigi-il-fu-mattia-pascal-mondadori-9788852013089-urnisbn9788852013089-1286450095530.html">il fu Mattia Pascal</a>&#8221; attualmente gratuito su Biblet, ma protetto da <strong>DRM Adobe</strong>. Completato l&#8217;acquisto scaricherete un file di pochi Kb con <strong>estensione .acsm</strong> (su biblet è <strong>URLLink.acsm</strong>). Facendo doppio click sul suddetto file si avvierà lo scaricamento del libro acquistato attraverso Adobe Digital Editions. A scaricamento ultimato potrete leggere il libro sul vostro computer precedentemente autorizzato.</p>
<p><strong>Per recuperare l&#8217;ePub scaricato</strong> andate sulla freccetta in alto a sinistra del libro e cliccate su &#8220;<em>informazioni sull&#8217;elemento</em>&#8220;. Nella finestra così ottenuta ci sarà, fra le altre cose, la locazione del file sul vostro computer (di norma c:\Users\nomeUtente\Documents\My Digital Editions\nomeEpub.ePub )</p>
<p><a href="http://www.semanticstone.net/wp-content/uploads/2011/02/bluefirereader.jpg"><img class="alignleft size-thumbnail wp-image-1230" title="bluefirereader" src="http://www.semanticstone.net/wp-content/uploads/2011/02/bluefirereader-150x150.jpg" alt="bluefire reader ipad" width="150" height="150" /></a>Ora, se non lo avete già fatto, scaricate e installate <strong>Bluefire </strong>(applicazione gratuita su App Store) sul vostro dispositivo iOs. Avviate l&#8217;applicazione e inserite i dati relativi alla vostra <strong>Adobe Id</strong>. Ora collegate  il dispositivo al vostro computer e cercate in iTunes, nel pannello &#8220;<em>condivisione file</em>&#8220;  l&#8217;app di <strong>Bluefire</strong>. Caricate nella suddetta applicazione l&#8217;ePub appena acquistato.</p>
<p>Alternativa praticabile per acquisti su <strong>piattaforma eDigita</strong> (testata su <a href="http://www.lafeltrinelli.it/">lafeltrinelli.it</a> ): <a href="http://www.lafeltrinelli.it/fcom/it/home/Speciali/eBooks-su-Ipad.html">come spiega il sito della Feltrinelli</a> è possibile acquistare direttamente il libro via iPad/iPod/iPhone. In questo caso dovete avere preventivamente scaricato, installato e autorizzato Bluefire con l&#8217;Adobe id. Acquistate direttamente il libro digitale dal vostro dispositivo; quando lo scaricherete potrete decidere di <strong>aprirlo direttamente in Bluefire</strong>.</p>
<h3>Leggere ePub con Txtr senza connettere il dispositivo a iTunes</h3>
<p><a href="http://www.semanticstone.net/wp-content/uploads/2011/02/txtr_logo_quote_60.png"><img class="alignleft size-full wp-image-1229" title="txtr_logo_quote_60" src="http://www.semanticstone.net/wp-content/uploads/2011/02/txtr_logo_quote_60.png" alt="app txtr" width="120" height="60" /></a>In questa variante possiamo evitare di collegare il dispositivo iOs a iTunes grazie all&#8217;<strong>account online</strong> fornito da <strong>Txtr</strong>. La procedura è pressochè identica fino al recupero del file ePub dalla cartella di Adobe Digital Editions.</p>
<p>Per creare un account su Txtr andate <a href="http://txtr.com/">sul portale</a> e create un account (questioni di pochi secondi) e loggatevi. A questo punto cliccate su upload e caricate il libro precedentemente acquistato.</p>
<p>Se non lo avete già fatto scaricate ed installate l&#8217;applicazione per il vostro dispositivo iOs. Al primo avvio andate in impostazioni e inserite i dati sia dell&#8217;account appena creato sia quelli relativi all&#8217;Adobe Id. A questo punto nella vostra libreria apparirà il libro precedentemente caricato (che verrà scaricato in locale sul dispositivo).</p>
<p>I vantaggi di questa variante sono evidenti se disponente di più dispositivi. Infatti Txtr è disponibile su iPhone, iPod e iPad inoltre ne esiste una versione <strong>Android </strong>(per la quale vale la medesima procedura). Unico neo (grosso come una casa) di tutta la storia è l&#8217;<strong>Adobe id che, a quanto pare, ha una limitazione di 5 attivazioni superate le quali non permette l&#8217;autorizzazione di altri dispositivi/programmi</strong>. Probabilmente l&#8217;adozione di questa piattaforma di protezione sarà il <strong>principale collo di bottiglia alla diffusione del libro digitale in Italia</strong>.</p>
<h3>Leggere gli ePub con device Android</h3>
<p><a href="http://www.semanticstone.net/wp-content/uploads/2011/02/app-android.jpg"><img class="alignleft size-full wp-image-1232" title="app-android" src="http://www.semanticstone.net/wp-content/uploads/2011/02/app-android.jpg" alt="biblet android" width="163" height="258" /></a>Qui le alternative sono il già citato Txtr disponibile su android e l&#8217;<strong>app ufficiale di Biblet</strong>. Biblet si collega, come Txtr, direttamente al vostro account online sincronizzando sul dispositivo gli ePub acquistati.</p>
<h3>Leggere gli ePub tramite eReader</h3>
<p>In questo caso è necessario <strong>autorizzare il dispositivo</strong>. Per farlo bisogna possedere un <strong>dispositivo compatibile</strong> con Adobe Digital Editions (<a href="http://blogs.adobe.com/digitalpublishing/supported-devices">la lista di riferimento</a>).<a href="http://www.semanticstone.net/wp-content/uploads/2011/02/Sony-PRS600-Red.jpg"><img class="alignright size-thumbnail wp-image-1234" style="float: right; padding: 15px;" title="Sony-PRS600-Red" src="http://www.semanticstone.net/wp-content/uploads/2011/02/Sony-PRS600-Red-150x150.jpg" alt="e-reader Sony PRS600 Rosso" width="150" height="150" /></a> Personalmente ho testato la cosa con un <strong>Sony PRS-600</strong>; in questo caso specifico (e credo valga per tutti gli eReader Sony) è necessario installare l&#8217;ultima release del <strong>software di gestione della libreria</strong> (<strong>ReaderLibrary </strong>attualmente alla versione 3.3.00.07130) oltre ovviamente all&#8217;onnipresente Adobe Digital Editions. Una volta installato collegate il dispositivo al computer, avviate Adobe Digital Editions; dovrebbe apparirvi una finestrella che vi permetterà di autorizzare il suddetto dispositivo. A quel punto potrete copiare come meglio credete gli ePub sul vostro eReader.</p>
<p>Spero di aver fatto un po di chiarezza sull&#8217;argomento. <strong>Tuttavia, devo dire che è davvero un peccato tarpare le ali a questo mercato che rischia, per colpa della totale frammentazione e di tutti questi paletti virtuali, di non decollare mai in Italia</strong>.</p>
<h3>Due parole sul DRM ADOBE e l&#8217;ADOBE ID</h3>
<p>Durante la stesura di questo tutorial mi sono scontrato con il principale limite del DRM ADOBE implementato da <strong>eDigita </strong>(in parte) e da <strong>Biblet</strong>. A quanto pare <strong>è possibile autorizzare un numero finito di dispositivi</strong> (sei per la precisione), superato tale limite non sarà più possibile associare alcun software e/o device. Ai più potrà sembrare un limite ragionevole ma facciamo due calcoli: Adobe Digital Editions installato sul fisso di casa, una copia sul portatile, un&#8217;app sul cellulare e una sull&#8217;iPad; siamo già a 4 autorizzazioni. Se, come me desiderate testare un paio di applicazioni per dispositivo avete già superato il limite&#8230;</p>
<p>Detto questo non si può fare a meno di osservare quanto risulti più facile rimuovere protezione di un prodotto acquistato per fruirne liberamente; se questo non è un paradosso&#8230;<img src="http://www.semanticstone.net/?ak_action=api_record_view&id=1217&type=feed" alt="" /></p>


<p>Post Correlati:<ol><li><a href='http://www.semanticstone.net/risorse/manuali-risorse/epub-manuali-italiano/' rel='bookmark' title='Permanent Link: ePub due manuali nuovi nuovi'>ePub due manuali nuovi nuovi</a> <small>L&#8217;editoria digitale, seppur con fatica, è diventata una realtà anche...</small></li><li><a href='http://www.semanticstone.net/articoli/leditoria-digitale-oggi/' rel='bookmark' title='Permanent Link: L&#8217;editoria digitale oggi secondo Apple'>L&#8217;editoria digitale oggi secondo Apple</a> <small>Giovedì scorso Apple ha detto la sua sull&#8217;argomento proponendo, fra...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.semanticstone.net/risorse/segnalazione-tutorial/leggere-gli-epub-con-nonostante-drm-adobe-su-tutti-i-vostri-dispositivi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sviluppare un layout in HTML5 da zero</title>
		<link>http://www.semanticstone.net/risorse/segnalazione-tutorial/sviluppare-un-layout-in-html5-da-zero/</link>
		<comments>http://www.semanticstone.net/risorse/segnalazione-tutorial/sviluppare-un-layout-in-html5-da-zero/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 06:33:10 +0000</pubDate>
		<dc:creator>Alessandro</dc:creator>
				<category><![CDATA[Turorial]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.semanticstone.net/?p=801</guid>
		<description><![CDATA[Oggi segnaliamo un interessante articolo di Smashing Magazine, &#8220;Coding A HTML 5 Layout From Scratch&#8221; in cui viene spiegato come realizzare un layout in HTML5 e mantenere comunque la retrocompatibilità nei confronti dei browser meno performanti (leggi internet explorer, di qualsivoglia versione&#8230;). Il tutorial è molto chiaro e corredato da immagini eloquenti. Il risultato è [...]


Post Correlati:<ol><li><a href='http://www.semanticstone.net/varie/creare-un-tab-menu-flessibile/' rel='bookmark' title='Permanent Link: Creare un tab menu flessibile'>Creare un tab menu flessibile</a> <small>Stavo giusto cercando una tecnica efficace, robusta e flessibile per...</small></li><li><a href='http://www.semanticstone.net/risorse/liste-risorse/template-css-a-gogo/' rel='bookmark' title='Permanent Link: Template CSS a GoGo'>Template CSS a GoGo</a> <small> Vi segnalo questa utilissima risorsa pienza zeppa di template...</small></li><li><a href='http://www.semanticstone.net/risorse/liste-risorse/html5-guide-ed-articoli-di-approfondimento/' rel='bookmark' title='Permanent Link: HTML5 guide ed articoli di approfondimento'>HTML5 guide ed articoli di approfondimento</a> <small>L&#8217;HTML5 rappresenterà quasi sicuramente una grossa fetta del futuro del...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Oggi segnaliamo un interessante articolo di <strong>Smashing Magazine</strong>, &#8220;<strong><a href="http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Coding A HTML 5 Layout From Scratch</a></strong>&#8221; in cui viene spiegato come realizzare un layout in <strong>HTML5</strong> e mantenere comunque la retrocompatibilità nei confronti dei browser meno performanti (leggi internet explorer, di qualsivoglia versione&#8230;). Il tutorial è molto chiaro e corredato da immagini eloquenti.</p>
<p>Il risultato è un <strong>template </strong>solido che permette, seppur con qualche compromesso, di utilizzare i potenti strumenti messi a disposizione dal nuovo linguaggio per realizzare già oggi layout in <strong>HTML5</strong>.</p>
<p>Qui potete vedere il <a href="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/images/smashing-html5/files/index.html">risultato finale</a><img src="http://www.semanticstone.net/?ak_action=api_record_view&id=801&type=feed" alt="" /></p>


<p>Post Correlati:<ol><li><a href='http://www.semanticstone.net/varie/creare-un-tab-menu-flessibile/' rel='bookmark' title='Permanent Link: Creare un tab menu flessibile'>Creare un tab menu flessibile</a> <small>Stavo giusto cercando una tecnica efficace, robusta e flessibile per...</small></li><li><a href='http://www.semanticstone.net/risorse/liste-risorse/template-css-a-gogo/' rel='bookmark' title='Permanent Link: Template CSS a GoGo'>Template CSS a GoGo</a> <small> Vi segnalo questa utilissima risorsa pienza zeppa di template...</small></li><li><a href='http://www.semanticstone.net/risorse/liste-risorse/html5-guide-ed-articoli-di-approfondimento/' rel='bookmark' title='Permanent Link: HTML5 guide ed articoli di approfondimento'>HTML5 guide ed articoli di approfondimento</a> <small>L&#8217;HTML5 rappresenterà quasi sicuramente una grossa fetta del futuro del...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.semanticstone.net/risorse/segnalazione-tutorial/sviluppare-un-layout-in-html5-da-zero/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery una guida in italiano su html.it</title>
		<link>http://www.semanticstone.net/javascript/jquery-javascript-2/jquery-una-guida-in-italiano-su-htmlit/</link>
		<comments>http://www.semanticstone.net/javascript/jquery-javascript-2/jquery-una-guida-in-italiano-su-htmlit/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 11:06:44 +0000</pubDate>
		<dc:creator>Alessandro</dc:creator>
				<category><![CDATA[Turorial]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Formazione]]></category>
		<category><![CDATA[guida]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[italiano]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.semanticstone.net/blog/?p=701</guid>
		<description><![CDATA[Segnalo questa (per ora) piccola guida su jQuery in italiano che può essere utile per chi non ha una grande dimestichezza con la lingua anglosassone. Attualmente c&#8217;è solamente un introduzione e la prima lezione sui selettori ma immagino che &#8220;fioriranno&#8221; a breve anche le altre parti sicuramente più interessanti Post Correlati:Appunti jQuery &#8211; i selettori [...]


Post Correlati:<ol><li><a href='http://www.semanticstone.net/tutorial/jquery-selettori-base/' rel='bookmark' title='Permanent Link: Appunti jQuery &#8211; i selettori'>Appunti jQuery &#8211; i selettori</a> <small>jQuery è particolarmente apprezzabile dai designer perchè fornisce un set...</small></li><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/5-tecniche-css3-replicate-con-jquery/' rel='bookmark' title='Permanent Link: 5 tecniche CSS3 replicate con jQuery'>5 tecniche CSS3 replicate con jQuery</a> <small> A parer mio un grande merito di framework come...</small></li><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/jquery-aree-cliccabili-bigtarget/' rel='bookmark' title='Permanent Link: jQuery &#8211; BigTarget: aumentare la dimensione delle aree cliccabili'>jQuery &#8211; BigTarget: aumentare la dimensione delle aree cliccabili</a> <small>I plugin di jQuery fioccano peggio che la neve in...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Segnalo questa (per ora) piccola <strong><a href="http://javascript.html.it/guide/leggi/168/guida-jquery/">guida su jQuery in italiano</a></strong> che può essere utile per chi non ha una grande dimestichezza con la lingua anglosassone. Attualmente c&#8217;è solamente un introduzione e la prima lezione sui selettori ma immagino che &#8220;fioriranno&#8221; a breve anche le altre parti sicuramente più interessanti<img src="http://www.semanticstone.net/?ak_action=api_record_view&id=701&type=feed" alt="" /></p>


<p>Post Correlati:<ol><li><a href='http://www.semanticstone.net/tutorial/jquery-selettori-base/' rel='bookmark' title='Permanent Link: Appunti jQuery &#8211; i selettori'>Appunti jQuery &#8211; i selettori</a> <small>jQuery è particolarmente apprezzabile dai designer perchè fornisce un set...</small></li><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/5-tecniche-css3-replicate-con-jquery/' rel='bookmark' title='Permanent Link: 5 tecniche CSS3 replicate con jQuery'>5 tecniche CSS3 replicate con jQuery</a> <small> A parer mio un grande merito di framework come...</small></li><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/jquery-aree-cliccabili-bigtarget/' rel='bookmark' title='Permanent Link: jQuery &#8211; BigTarget: aumentare la dimensione delle aree cliccabili'>jQuery &#8211; BigTarget: aumentare la dimensione delle aree cliccabili</a> <small>I plugin di jQuery fioccano peggio che la neve in...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.semanticstone.net/javascript/jquery-javascript-2/jquery-una-guida-in-italiano-su-htmlit/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>5 tecniche CSS3 replicate con jQuery</title>
		<link>http://www.semanticstone.net/javascript/jquery-javascript-2/5-tecniche-css3-replicate-con-jquery/</link>
		<comments>http://www.semanticstone.net/javascript/jquery-javascript-2/5-tecniche-css3-replicate-con-jquery/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 10:45:47 +0000</pubDate>
		<dc:creator>Alessandro</dc:creator>
				<category><![CDATA[Turorial]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.semanticstone.net/blog/?p=660</guid>
		<description><![CDATA[A parer mio un grande merito di framework come jQuery è di sopperire alle limitazioni dei vecchi browser (internet explore 6 in primis, ma buttiamo pure ie7 nel calderone ) permettendoci di attingere a tecniche altrimenti inapplicabili. Questo articolo fornisce 5 esempi pratici di come altrettante tecniche presenti nei CSS 3 possono essere replicate fedelmente [...]


Post Correlati:<ol><li><a href='http://www.semanticstone.net/tutorial/css-tutorial/appunti-css3i-background-multipli/' rel='bookmark' title='Permanent Link: Appunti CSS3:i background multipli'>Appunti CSS3:i background multipli</a> <small>La gestione del Background di un elemento è probabilmente una...</small></li><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/browserdetect-riconoscere-il-browser-dellutente-con-jquery/' rel='bookmark' title='Permanent Link: BrowserDetect &#8211; riconoscere il browser dell&#8217;utente con jQuery'>BrowserDetect &#8211; riconoscere il browser dell&#8217;utente con jQuery</a> <small>Riconoscere il browser dell&#8217;utente che naviga le nostre pagine è...</small></li><li><a href='http://www.semanticstone.net/varie/i-box-css-angoli-arrotondati/' rel='bookmark' title='Permanent Link: Bordi arrotondati (Css &amp; Javascript)'>Bordi arrotondati (Css &amp; Javascript)</a> <small>Una selezione di tool e strumenti vari per la creazione...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter" src="http://noupe.com/img/css3-jquery1.jpg" alt="" width="500" height="160" /><br />
A parer mio un grande merito di <strong>framework</strong> come <strong>jQuery</strong> è di sopperire alle limitazioni dei <strong>vecchi browser</strong> (<strong>internet explore 6</strong> in primis, ma buttiamo pure <strong>ie7</strong> nel calderone <img src='http://www.semanticstone.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  ) permettendoci di attingere a tecniche altrimenti inapplicabili. <a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html">Questo articolo</a> fornisce <strong>5 esempi pratici</strong> di come altrettante tecniche presenti nei <strong>CSS 3</strong> possono essere replicate fedelmente utilizzando <strong>jQuery</strong>.</p>
<p><span id="more-660"></span>Le tecniche illustrate sono:</p>
<ul>
<li>Bordi arrotondati per box</li>
<li>Uso delle Immagini per i bordi</li>
<li>Backgrounds multipli</li>
<li>Ombreggiatura per testo e box</li>
<li>Gestione delle trasparenze e dell&#8217;opacità</li>
</ul>
<p>L&#8217;autore propone per ognuna di queste proprietàil corrispondente plugin. L&#8217;articolo è ottimo e pieno di esempi; buona lettura<img src="http://www.semanticstone.net/?ak_action=api_record_view&id=660&type=feed" alt="" /></p>


<p>Post Correlati:<ol><li><a href='http://www.semanticstone.net/tutorial/css-tutorial/appunti-css3i-background-multipli/' rel='bookmark' title='Permanent Link: Appunti CSS3:i background multipli'>Appunti CSS3:i background multipli</a> <small>La gestione del Background di un elemento è probabilmente una...</small></li><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/browserdetect-riconoscere-il-browser-dellutente-con-jquery/' rel='bookmark' title='Permanent Link: BrowserDetect &#8211; riconoscere il browser dell&#8217;utente con jQuery'>BrowserDetect &#8211; riconoscere il browser dell&#8217;utente con jQuery</a> <small>Riconoscere il browser dell&#8217;utente che naviga le nostre pagine è...</small></li><li><a href='http://www.semanticstone.net/varie/i-box-css-angoli-arrotondati/' rel='bookmark' title='Permanent Link: Bordi arrotondati (Css &amp; Javascript)'>Bordi arrotondati (Css &amp; Javascript)</a> <small>Una selezione di tool e strumenti vari per la creazione...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.semanticstone.net/javascript/jquery-javascript-2/5-tecniche-css3-replicate-con-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>gestire background di sfondo con i CSS</title>
		<link>http://www.semanticstone.net/risorse/segnalazione-tutorial/gestire-il-ampi-background-di-sfondo-con-i-css/</link>
		<comments>http://www.semanticstone.net/risorse/segnalazione-tutorial/gestire-il-ampi-background-di-sfondo-con-i-css/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 09:25:50 +0000</pubDate>
		<dc:creator>Alessandro</dc:creator>
				<category><![CDATA[Turorial]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.semanticstone.net/blog/?p=541</guid>
		<description><![CDATA[Webdesignerwall è sempre ricco di risorse interessanti. Questo breve tutorial illustra come gestire al meglio ampi background nei propri layout con i CSS(proprio come quello dell&#8217;autore del blog). Il tutorial è indicato per gli utenti alle prime armi: la chiarezza espositiva e le numerose immagini facilitano enormemente l&#8217;apprendimento di questa tecnica. La ripropongo bremente qui [...]


Post Correlati:<ol><li><a href='http://www.semanticstone.net/tutorial/css-tutorial/appunti-css3i-background-multipli/' rel='bookmark' title='Permanent Link: Appunti CSS3:i background multipli'>Appunti CSS3:i background multipli</a> <small>La gestione del Background di un elemento è probabilmente una...</small></li><li><a href='http://www.semanticstone.net/risorse/tools-risorse/gestire-i-colori-di-un-progetto-whatsitscolor/' rel='bookmark' title='Permanent Link: Gestire i colori di un progetto &#8211; Whatsitscolor'>Gestire i colori di un progetto &#8211; Whatsitscolor</a> <small>Questo tool online l&#8217;ho trovato proprio per caso ma devo...</small></li><li><a href='http://www.semanticstone.net/risorse/liste-risorse/barckground-pattern-una-bella-lista-per-i-vostri-layout/' rel='bookmark' title='Permanent Link: Barckground pattern: una bella lista per i vostri layout!'>Barckground pattern: una bella lista per i vostri layout!</a> <small>Una lista eccellenti di pattern ripetibili per ravvivare il background...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.webdesignerwall.com/tutorials/how-to-css-large-background/"><img class="alignleft" src="http://www.webdesignerwall.com/wp-content/uploads/2008/10/wdw-bg-image.jpg" alt="" width="239" height="164" /></a><strong><a href="http://www.webdesignerwall.com/">Webdesignerwall</a></strong> è sempre ricco di risorse interessanti. Questo <a href="http://www.webdesignerwall.com/tutorials/how-to-css-large-background/">breve tutorial</a> illustra come gestire al meglio ampi <strong>background </strong>nei propri layout con i <strong>CSS</strong>(proprio come quello dell&#8217;autore del blog). Il <strong>tutorial </strong>è indicato per gli utenti alle prime armi: la chiarezza espositiva e le numerose immagini facilitano enormemente l&#8217;apprendimento di questa tecnica.</p>
<p>La ripropongo bremente qui di seguito (per approfondimenti rimando al tutorial originale):</p>
<p>Quando si utilizzano ampi background di sfondo si può cadere nell&#8217;errore di oggimizzare il background (non ripetibile) per una <strong>larghezza massima di 1280</strong>. Se qualche anno fa questa risoluzione erra sufficiente ad accontentare la totalità degli utenti oggi con l&#8217;ampiezza dei monitor sempre crescente tale risoluzione non basta più.</p>
<p><a href="http://www.webdesignerwall.com/demo/large-background/bad-example.html">Qui l&#8217;autore fa un esempio<br />
</a></p>
<h3><a href="http://www.webdesignerwall.com/demo/large-background/bad-example.html"><span id="more-541"></span></a>Background a immagine singola</h3>
<p>Una prima soluzione (la più semplice) consiste nel creare un immagine che degradi nel colore dello fondo. In questo modo superata una determinata larghezza l&#8217;immagine sfumerà elegantemente in un tono neutro.</p>
<p>L&#8217;esempio dell&#8217;autore vale più di mille parole</p>
<p>Lo stile necessario per gestire questa prima solzione è minimo:</p>
<p>[css]<br />
body {<br />
padding: 0;<br />
margin: 0;<br />
background: #f8f7e5 url(immagine_di_sfondo.jpg) no-repeat center top;<br />
width: 100%;<br />
display: table;<br />
}<br />
[/css]</p>
<p>A quanto pare width:100% e display:table servono a prevenire un difetto ri rendering su firefox.</p>
<h3>Background a doppia immagine</h3>
<p><a href="http://jobs.webdesignerwall.com/">In questo caso</a> viene utilizzato un pattern riptetuto per il body mentre il div principale utilizzerà come background una gif trasparente che ha il bordo di un colore molto simile a quello adoperato per pattern (ovviamente il colore di background del div dovrà essere transparent). A tale proposito si consiglia di non adoperare pattern con colori troppo contrastati.</p>
<h3>Cielo in Background</h3>
<p>Simile all&#8217;esempio precedente. <a href="http://www.webdesignerwall.com/demo/large-background/sky-background-2.html">In questo caso</a> lo fondo del <strong>body </strong>sarà ripetuto esclusivamente sull&#8217;asse delle x con il colore di sfondo del body identico a quello della parte bassa del background. La parte centrale con le nuvole sarà a carico del div principale che la posizionerà al centro come nell&#8217;esempio precedente (e non sarà trasparente ma riprenderà il medesimo pattern del body)<img src="http://www.semanticstone.net/?ak_action=api_record_view&id=541&type=feed" alt="" /></p>


<p>Post Correlati:<ol><li><a href='http://www.semanticstone.net/tutorial/css-tutorial/appunti-css3i-background-multipli/' rel='bookmark' title='Permanent Link: Appunti CSS3:i background multipli'>Appunti CSS3:i background multipli</a> <small>La gestione del Background di un elemento è probabilmente una...</small></li><li><a href='http://www.semanticstone.net/risorse/tools-risorse/gestire-i-colori-di-un-progetto-whatsitscolor/' rel='bookmark' title='Permanent Link: Gestire i colori di un progetto &#8211; Whatsitscolor'>Gestire i colori di un progetto &#8211; Whatsitscolor</a> <small>Questo tool online l&#8217;ho trovato proprio per caso ma devo...</small></li><li><a href='http://www.semanticstone.net/risorse/liste-risorse/barckground-pattern-una-bella-lista-per-i-vostri-layout/' rel='bookmark' title='Permanent Link: Barckground pattern: una bella lista per i vostri layout!'>Barckground pattern: una bella lista per i vostri layout!</a> <small>Una lista eccellenti di pattern ripetibili per ravvivare il background...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.semanticstone.net/risorse/segnalazione-tutorial/gestire-il-ampi-background-di-sfondo-con-i-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cambiare foglio Stile con jQuery</title>
		<link>http://www.semanticstone.net/risorse/segnalazione-tutorial/cambiare-foglio-stile-con-jquery/</link>
		<comments>http://www.semanticstone.net/risorse/segnalazione-tutorial/cambiare-foglio-stile-con-jquery/#comments</comments>
		<pubDate>Tue, 22 Jul 2008 16:02:24 +0000</pubDate>
		<dc:creator>Alessandro</dc:creator>
				<category><![CDATA[Turorial]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.semanticstone.net/blog/progettazione/cambiare-foglio-stile-con-jquery</guid>
		<description><![CDATA[In questo post mi domandavo come cambiare al volo foglio stile in base al browser. In &#8220;Switch stylesheets with jQuery&#8221; viene fornito uno script in jQuery agile agile per cambiare foglio stile. Con questo diviene semplice effettuare uno switching lato client in base al browser. Basterà sostituire: $(document).ready(function() { con il codice opportuno per i [...]


Post Correlati:<ol><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/rilevare-il-browser-con-jquery-un-apposito-plugin/' rel='bookmark' title='Permanent Link: Rilevare il browser con jQuery &#8211; un apposito plugin'>Rilevare il browser con jQuery &#8211; un apposito plugin</a> <small>E tre&#8230; questo plugin per jQuery rende più preciso e...</small></li><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/jquery-aree-cliccabili-bigtarget/' rel='bookmark' title='Permanent Link: jQuery &#8211; BigTarget: aumentare la dimensione delle aree cliccabili'>jQuery &#8211; BigTarget: aumentare la dimensione delle aree cliccabili</a> <small>I plugin di jQuery fioccano peggio che la neve in...</small></li><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/browserdetect-riconoscere-il-browser-dellutente-con-jquery/' rel='bookmark' title='Permanent Link: BrowserDetect &#8211; riconoscere il browser dell&#8217;utente con jQuery'>BrowserDetect &#8211; riconoscere il browser dell&#8217;utente con jQuery</a> <small>Riconoscere il browser dell&#8217;utente che naviga le nostre pagine è...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>In <strong><a href="http://www.semanticstone.net/blog/progettazione/rilevare-il-browser-con-jquery">questo post</a></strong> mi domandavo come cambiare al volo foglio stile in base al browser. In &#8220;<a href="http://www.kelvinluck.com/article/switch-stylesheets-with-jquery"><strong>Switch stylesheets with jQuery</strong></a>&#8221; viene fornito uno script in <strong>jQuery </strong>agile agile per cambiare foglio stile. Con questo diviene semplice effettuare uno <strong>switching lato client</strong> in base al browser.</p>
<p>Basterà sostituire:</p>
<pre>$(document).ready(function() {</pre>
<p>con il codice opportuno per i browser che si vogliono controllare.<img src="http://www.semanticstone.net/?ak_action=api_record_view&id=230&type=feed" alt="" /></p>


<p>Post Correlati:<ol><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/rilevare-il-browser-con-jquery-un-apposito-plugin/' rel='bookmark' title='Permanent Link: Rilevare il browser con jQuery &#8211; un apposito plugin'>Rilevare il browser con jQuery &#8211; un apposito plugin</a> <small>E tre&#8230; questo plugin per jQuery rende più preciso e...</small></li><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/jquery-aree-cliccabili-bigtarget/' rel='bookmark' title='Permanent Link: jQuery &#8211; BigTarget: aumentare la dimensione delle aree cliccabili'>jQuery &#8211; BigTarget: aumentare la dimensione delle aree cliccabili</a> <small>I plugin di jQuery fioccano peggio che la neve in...</small></li><li><a href='http://www.semanticstone.net/javascript/jquery-javascript-2/browserdetect-riconoscere-il-browser-dellutente-con-jquery/' rel='bookmark' title='Permanent Link: BrowserDetect &#8211; riconoscere il browser dell&#8217;utente con jQuery'>BrowserDetect &#8211; riconoscere il browser dell&#8217;utente con jQuery</a> <small>Riconoscere il browser dell&#8217;utente che naviga le nostre pagine è...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.semanticstone.net/risorse/segnalazione-tutorial/cambiare-foglio-stile-con-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Far coesistere firefox 3 e firefox 2</title>
		<link>http://www.semanticstone.net/risorse/segnalazione-tutorial/far-coesistere-firefox-3-e-firefox-2/</link>
		<comments>http://www.semanticstone.net/risorse/segnalazione-tutorial/far-coesistere-firefox-3-e-firefox-2/#comments</comments>
		<pubDate>Wed, 18 Jun 2008 12:01:12 +0000</pubDate>
		<dc:creator>Alessandro</dc:creator>
				<category><![CDATA[Turorial]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[firefox portable]]></category>
		<category><![CDATA[firefox3]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[multi-browser]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.semanticstone.net/blog/software/far-coesistere-firefox-3-e-firefox-2</guid>
		<description><![CDATA[Ora che Gran Paradiso è arrivato il primo impulso è quello di sostituirlo al caro vecchio firefox 2. Tuttavia per chi fa webdesign nasce la necessità di effettuare il testing multi-browser. Personalmente, (procedura testata sotto windows), ho risolto installando la versione portable di firefox3 (in inglese). Unico neo l&#8217;impossibilità di avere le due istanze contemporanemante [...]


Post Correlati:<ol><li><a href='http://www.semanticstone.net/varie/firefox-7-estensioni-per-lo-sviluppatore-web/' rel='bookmark' title='Permanent Link: Firefox 7 estensioni per lo sviluppatore web'>Firefox 7 estensioni per lo sviluppatore web</a> <small>Oggi vi voglio proporre una lista di ottime estensioni per...</small></li><li><a href='http://www.semanticstone.net/risorse/liste-risorse/firefox-6-plugin-per-i-webdesigner/' rel='bookmark' title='Permanent Link: Firefox: 6 plugin per i webdesigner'>Firefox: 6 plugin per i webdesigner</a> <small>Firefox è ormai da anni un compagno inseparabile per tutti...</small></li><li><a href='http://www.semanticstone.net/varie/plugin-firefox-web-developer-e-i-css/' rel='bookmark' title='Permanent Link: Plugin Firefox &#8211; web developer e i css'>Plugin Firefox &#8211; web developer e i css</a> <small> Nell&#8217;olimpo delle estensioni indispensabili deve essere assolutamente annoverato web...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.semanticstone.net/blog/wp-content/uploads//2008/06/firefox.jpg" style="float: left" alt="firefox 3 “Gran Paradiso” e Firefox2 insieme" />Ora che <strong>Gran Paradiso</strong> è arrivato il primo impulso è quello di sostituirlo al caro vecchio <strong>firefox 2</strong>. Tuttavia per chi fa webdesign nasce la necessità di effettuare il <strong>testing multi-browser</strong>.  Personalmente, (procedura testata sotto <strong>windows</strong>), ho risolto installando  la <strong><a href="http://portableapps.com/apps/internet/firefox_portable">versione portable di firefox3</a></strong>  (in inglese). Unico neo l&#8217;impossibilità di avere le due istanze contemporanemante attive (<strong>firefox </strong>2 e 3).</p>
<p>Per ovviare al problema, pinciolando nelle impostazioni ho trovato quello che serve nel file &#8220;<strong>FirefoxPortable.ini</strong>&#8220;.</p>
<ul>
<li>Trovate il file dentro la cartella dove avete installato <strong>firefox3</strong>, precisamente in &#8220;<strong>Other\source\</strong>&#8220;.</li>
<li>Aprite <strong>FirefoxPortable.ini</strong> con un editor testo, fra le varie impostazioni trovate proprio quello che serve: &#8220;AllowMultipleIstance&#8221;; settatelo a &#8220;true&#8221;.</li>
<li>Copiate il file sulla cartella principale dell&#8217;appicazione, per intenderci la stessa contenente FirefoxPortable.exe.</li>
</ul>
<p>Se avete fatto tutto correttamente dovreste avere un &#8220;<strong>GranParadiso</strong>&#8221; nuovo di pacca da affiancare al vecchio <strong>Firefox 2</strong> <img src='http://www.semanticstone.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /><br />
<span id="more-202"></span>Qui di seguito riporto alcuni articoli interessanti che trattano i medesimi argomenti [<a href="http://www.simonecarletti.com"><strong>Simone Carletti's Blog</strong></a>]:</p>
<ul>
<li><strong><a href="http://www.simonecarletti.com/blog/2006/09/installare_piu_copie_di_firefox.php">Installare più versioni di Firefox su Windows</a></strong>: qui viene spiegata la procedure &#8220;vera&#8221;, nel senso che viene spiegato come installare due versioni di firefox &#8220;normali&#8221;. Per farlo bisogna smanettare un filino di più&#8230;</li>
<li><a href="http://www.simonecarletti.com/blog/2008/06/firefox-2-firefox3-macosx-leopard.php"><strong>Installare contemporaneamente Firefox 2 e Firefox 3 su Mac OSX</strong></a>: la procedura per quelli della mela <img src='http://www.semanticstone.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </li>
</ul>
<p><img src="http://www.semanticstone.net/?ak_action=api_record_view&id=202&type=feed" alt="" /></p>


<p>Post Correlati:<ol><li><a href='http://www.semanticstone.net/varie/firefox-7-estensioni-per-lo-sviluppatore-web/' rel='bookmark' title='Permanent Link: Firefox 7 estensioni per lo sviluppatore web'>Firefox 7 estensioni per lo sviluppatore web</a> <small>Oggi vi voglio proporre una lista di ottime estensioni per...</small></li><li><a href='http://www.semanticstone.net/risorse/liste-risorse/firefox-6-plugin-per-i-webdesigner/' rel='bookmark' title='Permanent Link: Firefox: 6 plugin per i webdesigner'>Firefox: 6 plugin per i webdesigner</a> <small>Firefox è ormai da anni un compagno inseparabile per tutti...</small></li><li><a href='http://www.semanticstone.net/varie/plugin-firefox-web-developer-e-i-css/' rel='bookmark' title='Permanent Link: Plugin Firefox &#8211; web developer e i css'>Plugin Firefox &#8211; web developer e i css</a> <small> Nell&#8217;olimpo delle estensioni indispensabili deve essere assolutamente annoverato web...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.semanticstone.net/risorse/segnalazione-tutorial/far-coesistere-firefox-3-e-firefox-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Impaginare testo e immagini con i CSS</title>
		<link>http://www.semanticstone.net/risorse/segnalazione-tutorial/impaginere-testo-e-immagini-con-i-css/</link>
		<comments>http://www.semanticstone.net/risorse/segnalazione-tutorial/impaginere-testo-e-immagini-con-i-css/#comments</comments>
		<pubDate>Thu, 25 Jan 2007 20:09:08 +0000</pubDate>
		<dc:creator>Alessandro</dc:creator>
				<category><![CDATA[Turorial]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Progettazione]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.semanticstone.net/blog/?p=21</guid>
		<description><![CDATA[L&#8217;idea è semplice ma efficace: impaginare il testo in stile &#8220;magazine&#8221; attorno a immagini curve. L&#8217;autore definisce uno span in questo modo: curve2 { float: right; display: block; height: 16px; clear: right; } e poi definisce tramite div differenti la larghezza di ogni span per simulare l&#8217;effetto &#8220;contorno&#8221;. Un lavoraccio! ma l&#8217;effetto è più che [...]


Post Correlati:<ol><li><a href='http://www.semanticstone.net/varie/impaginare-il-testo-e-le-immagini-con-i-javascript/' rel='bookmark' title='Permanent Link: Impaginare il testo e le immagini con i javascript'>Impaginare il testo e le immagini con i javascript</a> <small>Tempo fa avevo segnalato un tutorial sull&#8217;impaginazione di testo e...</small></li><li><a href='http://www.semanticstone.net/tutorial/jquery-selettori-base/' rel='bookmark' title='Permanent Link: Appunti jQuery &#8211; i selettori'>Appunti jQuery &#8211; i selettori</a> <small>jQuery è particolarmente apprezzabile dai designer perchè fornisce un set...</small></li><li><a href='http://www.semanticstone.net/risorse/liste-risorse/5-script-ajax-che-forse-non-conosci/' rel='bookmark' title='Permanent Link: 5 script ajax che forse non conosci…'>5 script ajax che forse non conosci…</a> <small> Navigation Effect: ottimo effetto flow da applicare a un...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://couchfort.net/images/68.gif" title="css" alt="css" style="padding-right: 10px; padding-bottom: 5px" align="left" />L&#8217;idea è semplice ma efficace: impaginare il testo in stile &#8220;magazine&#8221; attorno a immagini curve. L&#8217;autore definisce uno span in questo modo:</p>
<p><strong>curve2 { float: right; display: block; height: 16px; clear: right; }</strong></p>
<p>e poi definisce tramite div differenti la larghezza di ogni span per simulare l&#8217;effetto &#8220;contorno&#8221;. Un lavoraccio! ma l&#8217;effetto è più che gradevole!<br />
LInk alla risorsa originale: <strong><a href="http://couchfort.net/article/59/css-curves">css-curves</a></strong><img src="http://www.semanticstone.net/?ak_action=api_record_view&id=38&type=feed" alt="" /></p>


<p>Post Correlati:<ol><li><a href='http://www.semanticstone.net/varie/impaginare-il-testo-e-le-immagini-con-i-javascript/' rel='bookmark' title='Permanent Link: Impaginare il testo e le immagini con i javascript'>Impaginare il testo e le immagini con i javascript</a> <small>Tempo fa avevo segnalato un tutorial sull&#8217;impaginazione di testo e...</small></li><li><a href='http://www.semanticstone.net/tutorial/jquery-selettori-base/' rel='bookmark' title='Permanent Link: Appunti jQuery &#8211; i selettori'>Appunti jQuery &#8211; i selettori</a> <small>jQuery è particolarmente apprezzabile dai designer perchè fornisce un set...</small></li><li><a href='http://www.semanticstone.net/risorse/liste-risorse/5-script-ajax-che-forse-non-conosci/' rel='bookmark' title='Permanent Link: 5 script ajax che forse non conosci…'>5 script ajax che forse non conosci…</a> <small> Navigation Effect: ottimo effetto flow da applicare a un...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.semanticstone.net/risorse/segnalazione-tutorial/impaginere-testo-e-immagini-con-i-css/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Box con angoli arrotondati</title>
		<link>http://www.semanticstone.net/risorse/segnalazione-tutorial/box-con-ancoli-arrotondati/</link>
		<comments>http://www.semanticstone.net/risorse/segnalazione-tutorial/box-con-ancoli-arrotondati/#comments</comments>
		<pubDate>Mon, 15 Jan 2007 08:28:18 +0000</pubDate>
		<dc:creator>Alessandro</dc:creator>
				<category><![CDATA[Turorial]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.semanticstone.net/blog/?p=14</guid>
		<description><![CDATA[In rete esistono una miriade di tecniche per realizzare box dai bordi arrotondati. Il difetto che li accomuna spesso è la loro riutilizzabilità. Creare dei box per un progetto specifico porta via del tempo che potrebbe essere speso in maniera più profiqua! Navigando in rete mi sono imbattuto in questo javascript che permette la creazione [...]


Post Correlati:<ol><li><a href='http://www.semanticstone.net/varie/i-box-css-angoli-arrotondati/' rel='bookmark' title='Permanent Link: Bordi arrotondati (Css &amp; Javascript)'>Bordi arrotondati (Css &amp; Javascript)</a> <small>Una selezione di tool e strumenti vari per la creazione...</small></li><li><a href='http://www.semanticstone.net/risorse/segnalazione-tutorial/impaginere-testo-e-immagini-con-i-css/' rel='bookmark' title='Permanent Link: Impaginare testo e immagini con i CSS'>Impaginare testo e immagini con i CSS</a> <small>L&#8217;idea è semplice ma efficace: impaginare il testo in stile...</small></li><li><a href='http://www.semanticstone.net/varie/glossy-box-arrotondati-e-luccicanti/' rel='bookmark' title='Permanent Link: Glossy: box arrotondati e luccicanti'>Glossy: box arrotondati e luccicanti</a> <small>Glossy merita un plauso per l&#8217;effettone molto &#8220;web 2.0&#8243; totalmente...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" title="box con angoli arrotondati" href="http://curvycorners.net/examples/demos/demo.html"><img alt="curvycorners" id="image12" src="http://www.semanticstone.net/blog/wp-content/uploads/2007/01/corners.jpg" /></a></p>
<p>In rete esistono una miriade di tecniche per realizzare box dai bordi arrotondati. Il difetto che li accomuna spesso è la loro riutilizzabilità. Creare dei box per un progetto specifico porta via del tempo che potrebbe essere speso in maniera più profiqua!<span id="more-31"></span></p>
<p>Navigando in rete mi sono imbattuto in questo <a title="curvycorners" href="http://curvycorners.net/usage.php">javascript</a> che permette la creazione e la completa personalizzazione di  box arrotondati. Il box è gestito da un unico div per il quale si deve scegliere un id o una classe (è quindi possibili avere più box con caratteristiche differenti). Per ogni box è possibile configurare separatamente il raggio di ogni angolo arrotondato, il colore e altre cosette.</p>
<p>E&#8217; inoltre garantito il supporto per i principali browser sia per windows che osx.</p>
<p><a rel="me" href="http://www.technorati.com/claim/eyiyphpj3c"><br />
</a><img src="http://www.semanticstone.net/?ak_action=api_record_view&id=31&type=feed" alt="" /></p>


<p>Post Correlati:<ol><li><a href='http://www.semanticstone.net/varie/i-box-css-angoli-arrotondati/' rel='bookmark' title='Permanent Link: Bordi arrotondati (Css &amp; Javascript)'>Bordi arrotondati (Css &amp; Javascript)</a> <small>Una selezione di tool e strumenti vari per la creazione...</small></li><li><a href='http://www.semanticstone.net/risorse/segnalazione-tutorial/impaginere-testo-e-immagini-con-i-css/' rel='bookmark' title='Permanent Link: Impaginare testo e immagini con i CSS'>Impaginare testo e immagini con i CSS</a> <small>L&#8217;idea è semplice ma efficace: impaginare il testo in stile...</small></li><li><a href='http://www.semanticstone.net/varie/glossy-box-arrotondati-e-luccicanti/' rel='bookmark' title='Permanent Link: Glossy: box arrotondati e luccicanti'>Glossy: box arrotondati e luccicanti</a> <small>Glossy merita un plauso per l&#8217;effettone molto &#8220;web 2.0&#8243; totalmente...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.semanticstone.net/risorse/segnalazione-tutorial/box-con-ancoli-arrotondati/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

