<?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>FireTeam &#187; Grafica Web</title>
	<atom:link href="http://www.fireteam.it/category/grafica/grafica-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fireteam.it</link>
	<description>#fuoco@AzzurraNet</description>
	<lastBuildDate>Tue, 16 Mar 2010 15:55:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Introduzione a SVG &#8211; Scalable Vector Graphics</title>
		<link>http://www.fireteam.it/2009/06/introduzione-svg-scalable-vector-graphics/</link>
		<comments>http://www.fireteam.it/2009/06/introduzione-svg-scalable-vector-graphics/#comments</comments>
		<pubDate>Sat, 13 Jun 2009 12:00:20 +0000</pubDate>
		<dc:creator>francesco</dc:creator>
				<category><![CDATA[Grafica Web]]></category>
		<category><![CDATA[svg]]></category>

		<guid isPermaLink="false">http://www.fireteam.it/?p=97</guid>
		<description><![CDATA[

Non lo sai? Esiste un formato grafico vettoriale, SVG, completamente gratuito ed integrato col web (almeno secondo gli standard W3C) . Ha le potenzialità per essere un&#8217;alternativa ad Adobe Flash.
Firefox, Opera, Chrome, Safari già lo supportano come standard. Internet Explorer alla versione 7 ancora no. Ma esiste un plugin della Adobe con il quale riuscirete [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;"><img class="alignleft size-full wp-image-99" title="I want you be free and vectorial" src="http://www.fireteam.it/wp-content/uploads/2009/05/i_want_you_be_free_and_vectorial.png" alt="I want you be free and vectorial" width="249" height="317" /></div>
<div style="text-align: justify;">
<p>Non lo sai? Esiste un formato grafico vettoriale, <a href="http://www.w3.org/Graphics/SVG/">SVG</a>, completamente gratuito ed integrato col web (almeno secondo gli standard <a href="http://www.w3.org/">W3C</a>) . Ha le potenzialità per essere un&#8217;alternativa ad <a href="http://www.adobe.com/">Adobe Flash</a>.</p>
<p>Firefox, Opera, Chrome, Safari già lo supportano come standard. Internet Explorer alla versione 7 ancora no. Ma esiste un <a href="http://www.adobe.com/svg/viewer/install/auto/">plugin della Adobe</a> con il quale riuscirete a visualizzare SVG anche con IE!</div>
<p>La mia pagina <a href="http://nurabsal.altervista.org/">http://nurabsal.altervista.org</a> è completamente vettoriale e realizzata con grafica SVG. Andate a visitarla, ma soprattutto diffondete la notizia sull&#8217;SVG!</p>
<p><strong>Scalable Vector Graphics</strong> abbreviato in <strong>SVG</strong>, indica una tecnologia in grado di visualizzare oggetti di <a title="Grafica vettoriale" href="http://it.wikipedia.org/wiki/Grafica_vettoriale">grafica vettoriale</a> e, pertanto, di gestire immagini scalabili dimensionalmente.<br />
Più specificamente si tratta di un linguaggio derivato dall&#8217;<a title="XML" href="http://it.wikipedia.org/wiki/XML">XML</a>, cioè di un&#8217;applicazione del metalinguaggio posto a base degli sviluppi del Web da parte del consorzio <a class="mw-redirect" title="W3C" href="http://it.wikipedia.org/wiki/W3C">W3C</a>, che si pone l&#8217;obiettivo di descrivere figure bidimensionali statiche e animate.</p>
<p><span id="more-97"></span></p>
<h2>Introduzione al formato SVG</h2>
<p>Le caratteristiche principali del formato SVG sono:</p>
<ul>
<li><strong>Vettoriale</strong>: al contrario del formato grafico raster (ad esempio Gif o Jpeg), è possibile scalare e zoommare a piacimento l&#8217;immagine SVG senza perdita di qualità.</li>
<li><strong>Interattivo</strong>: attraverso un linguaggio di scripting è possibile rendere l&#8217;immagine SVG interattiva.</li>
<li><strong>Dinamico</strong>: è possibile creare delle animazioni attraverso l&#8217;uso del linguaggio di animazione SMIL (Synchronized Multimedia Integration Language), un altro formato standard del W3C.</li>
<li>&#8220;<strong>Open</strong>&#8220;: non è un formato proprietario, le specifiche sono liberamente consultabili sul sito del W3.</li>
<li><strong>XML-based</strong>: permette lo sviluppo con i numerosi strumenti già esistenti per XML.</li>
<li><strong>Testuale</strong>: è possibile creare e modificare documenti SVG con un semplicissimo editor di testo; inoltre si hanno grandi benefici in ambito Web comprimendo i file testuali.</li>
</ul>
<h2>Alcuni esempi di lavori in SVG</h2>
<p>I seguenti oggetti sono in formato SVG, per visualizzarli se sei su Internet Explorer scarica e installa il <a href="http://www.adobe.com/svg/viewer/install/auto/">plugin della Adobe</a> SVG.</p>
<p>Per i fan del frisbee:</p>
<p><center></p>
<div id="fresbee_freestyle"><embed src="http://www.fireteam.it/wp-content/uploads/2009/05/fresbee_freestyle.svg" width="275" height="275"  type="image/svg+xml" wmode="transparent"></embed></div>
<p></center></p>
<p><center></p>
<div id="me"><embed src="http://www.fireteam.it/wp-content/uploads/2009/05/me1.svg" width="320" height="500"  type="image/svg+xml" wmode="transparent"></embed></div>
<p></center></p>
<p>Ecco qui invece una simulazione di un braccio meccanico automatizzato (un braccio meccanico bedimensionale a tre link accoppiati con giunti rotoidali, in poche parole un pendolo triplo nel piano):</p>
<p><center></p>
<div id="pendolum3"><embed src="http://www.fireteam.it/wp-content/uploads/2009/05/pendolum3.svg" width="550" height="550" type="image/svg+xml" wmode="transparent"></embed></div>
<p></center></p>
<p>Conoscete le serie geometriche?</p>
<p><center></p>
<div id="serie"><embed src="http://www.fireteam.it/wp-content/uploads/2009/05/quadrato_infinito.svg"  width="250" height="400" type="image/svg+xml" wmode="transparent"></embed></div>
<p></center></p>
<p>Maggiori dettagli su questi lavori in SVG su  <a href="http://nurabsal.altervista.org/">http://nurabsal.altervista.org</a>. Ciao!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fireteam.it/2009/06/introduzione-svg-scalable-vector-graphics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
