<?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>Tip(z) &#187; JavaScript</title>
	<atom:link href="http://tipz.tittahit.se/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://tipz.tittahit.se</link>
	<description>En lärares webbscanning  och länktip(z)</description>
	<lastBuildDate>Thu, 26 Jan 2012 05:45:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Dreamweaver CS5 och SPRY</title>
		<link>http://tipz.tittahit.se/2011/05/dreamweaver-cs5-och-spry/</link>
		<comments>http://tipz.tittahit.se/2011/05/dreamweaver-cs5-och-spry/#comments</comments>
		<pubDate>Wed, 11 May 2011 13:37:13 +0000</pubDate>
		<dc:creator>thomas</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://tipz.tittahit.se/?p=2824</guid>
		<description><![CDATA[Det finns färdiga javascriptbiliotek i Dreamweaver som gör det möjligt att snabbt få hjälp att göra vissa saker. Jag har gjort några demo för mina elever som visar: Hur man flyttar och ändrar en vertikal meny i en Dreamweavermall till en horisontell. Hur man gör en horisontell drop-down-meny (nedfällbar) med hjälp av Spry, ett javascriptbibliotek [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2825 ram1" title="Dreamweaver cs 5 och demo av spry flikpanel" src="http://tipz.tittahit.se/wp-content/uploads/2011/05/110511_dreamweaver_spry.jpg" alt="" width="499" height="337" /></p>
<p>Det finns färdiga javascriptbiliotek i Dreamweaver som gör det möjligt att snabbt få hjälp att göra vissa saker. Jag har gjort några demo för mina elever som visar:</p>
<ol>
<li><a href="http://kurs-resurs.se/demo/dreamweaver_cs5/flytta_meny/">Hur man  flyttar och ändrar en vertikal meny i en Dreamweavermall till en  horisontell</a>.</li>
<li><a href="http://kurs-resurs.se/demo/dreamweaver_cs5/spry_horisontell/">Hur  man gör en horisontell drop-down-meny </a>(nedfällbar) med hjälp av Spry, ett  javascriptbibliotek i Dreamweaver.</li>
<li><a href="http://kurs-resurs.se/demo/dreamweaver_cs5/spry_flikpanel/">Hur man  gör en flikpanel</a>, där man får olika &#8220;undersidor&#8221; i valfritt antal flikar. Också en spry-funktion.</li>
</ol>
<ul>
<li></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://tipz.tittahit.se/2011/05/dreamweaver-cs5-och-spry/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animering i html5, css och javascript</title>
		<link>http://tipz.tittahit.se/2010/10/animering-i-html5-css-och-javascript/</link>
		<comments>http://tipz.tittahit.se/2010/10/animering-i-html5-css-och-javascript/#comments</comments>
		<pubDate>Tue, 19 Oct 2010 05:03:58 +0000</pubDate>
		<dc:creator>thomas</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Webbdesign]]></category>

		<guid isPermaLink="false">http://tipz.tittahit.se/?p=1997</guid>
		<description><![CDATA[Jag läste ett blogginlägg där Louis Simoneau berättar om en konferens han varit på (Web Directions South). Introduktionen där var en &#8220;vanlig presentationsanimering&#8221;. När han upptäckte att allt var gjort i html, css och javascript förändrades hans inställning. Han fascinerades av vilken kraft det finns i att använda &#8220;de vanliga&#8221; webbteknikerna. Animeringen var gjord av [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.themaninblue.com/experiment/wds10/"><img class="alignnone size-full wp-image-1998" title="Animering av Cameron Moll vid öppning av Web Direction South" src="http://tipz.tittahit.se/wp-content/uploads/2010/10/101017_html5animering.jpg" alt="" width="499" height="206" /></a></p>
<p>Jag läste <a title="Vad man kan göra med HTML5, CSS och Javascript" href="http://blogs.sitepoint.com/2010/10/18/the-wds-title-sequence-explained-html5-and-css3-in-action/">ett blogginlägg</a> där Louis Simoneau berättar om en konferens han varit på (Web Directions South). Introduktionen där var en &#8220;vanlig presentationsanimering&#8221;. När han upptäckte att allt var gjort i html, css och javascript förändrades hans inställning. Han fascinerades av vilken kraft det finns i att använda &#8220;de vanliga&#8221; webbteknikerna.</p>
<p>Animeringen var gjord av <a title="Cameron Moll - presentation" href="http://themaninblue.com/about/">Cameron Adams</a>. Den innehåller över 800 rader css och mer än 2400 rader javascript (jQuery oräknat). För den som är intresserad av koden till detta gör Louis <a href="http://blogs.sitepoint.com/2010/10/18/the-wds-title-sequence-explained-html5-and-css3-in-action/">en liten kommentar</a> till den. Du kan även läsa <a title="Cameron Moll kommenterar sin animering till Web Directions South" href="http://themaninblue.com/writing/perspective/2010/10/18/">Camerons egen kommentar</a> till den.</p>
<p>Animeringen? Jo, <a title="Animering vid Web Directions South" href="http://www.themaninblue.com/experiment/wds10/">den finns här</a>. <a href="http://blogs.sitepoint.com/2010/10/18/the-wds-title-sequence-explained-html5-and-css3-in-action/">Enligt Louis</a> behöver man använda Chrome och vissa inställningar för att se den. Det funkade direkt med min inställning av Chrome.</p>
]]></content:encoded>
			<wfw:commentRss>http://tipz.tittahit.se/2010/10/animering-i-html5-css-och-javascript/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>JavaScript Kit</title>
		<link>http://tipz.tittahit.se/2009/05/javascript-kit/</link>
		<comments>http://tipz.tittahit.se/2009/05/javascript-kit/#comments</comments>
		<pubDate>Mon, 04 May 2009 05:31:07 +0000</pubDate>
		<dc:creator>thomas</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://tipz.tittahit.se/?p=867</guid>
		<description><![CDATA[JavaScript Kit har en referens på nätet. Här finns givetvis tutorials och gratis script också.]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-868" href="http://tipz.tittahit.se/2009/05/javascript-kit/javascript_kit/"><img class="alignnone size-full wp-image-868 ram1" title="javascript kit" src="http://tipz.tittahit.se/wp-content/uploads/2009/04/javascript_kit.png" alt="javascript kit" width="500" height="94" /></a></p>
<p><a title="JavaScript Kit - reference" href="http://www.javascriptkit.com/jsref/index.shtml">JavaScript Kit</a> har en referens på nätet. Här finns givetvis tutorials och gratis script också.</p>
]]></content:encoded>
			<wfw:commentRss>http://tipz.tittahit.se/2009/05/javascript-kit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

