<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>wonderwhy-er blog » Web</title>
	
	<link>http://blog.wonderwhy-er.com</link>
	<description>Web, RIA, GAMES</description>
	<lastBuildDate>Mon, 12 Dec 2011 17:46:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/wonderwhy-er/blog/web" /><feedburner:info uri="wonderwhy-er/blog/web" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>wonderwhy-er/blog/web</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Write once, run everywhere is dead?</title>
		<link>http://feedproxy.google.com/~r/wonderwhy-er/blog/web/~3/uc9c7-_LhwU/</link>
		<comments>http://blog.wonderwhy-er.com/write-once-run-everywhere-is-dead/#comments</comments>
		<pubDate>Mon, 14 Nov 2011 14:40:53 +0000</pubDate>
		<dc:creator>wonderwhy-er</dc:creator>
				<category><![CDATA[Software Development]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.wonderwhy-er.com/?p=597</guid>
		<description><![CDATA[Tweet As usual I am slow to write about such things. So last week Adobe fired hundreds of people and announced that they are giving up on Flash for mobile browsers. There is already much written about it. Lot of  &#8220;Flash is dead&#8221; buzz on tech sites which sounds to me like an ill informed. [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.wonderwhy-er.com%2Fwrite-once-run-everywhere-is-dead%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://blog.wonderwhy-er.com/write-once-run-everywhere-is-dead/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.wonderwhy-er.com/write-once-run-everywhere-is-dead/"  data-text="Write once, run everywhere is dead?" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://blog.wonderwhy-er.com/write-once-run-everywhere-is-dead/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>As usual I am slow to write about such things. So last week <a href="http://www.engadget.com/2011/11/08/adobe-to-lay-off-750-workers-restructure-around-digital-media/">Adobe fired hundreds of people</a> and <a href="http://blogs.adobe.com/conversations/2011/11/flash-focus.html">announced that they are giving up on Flash for mobile browsers</a>. There is already much written about it. Lot of  &#8220;Flash is dead&#8221; buzz on tech sites which sounds to me like an ill informed. Some closer to Adobe people, who actually work in RIA, have a lot more sane views on the question. <a href="http://www.bytearray.org/?p=3744">Here</a>, <a href="http://www.peterelst.com/blog/2011/11/09/et-tu-adobe-flash-player-homicide/">here</a> and <a href="http://www.peterelst.com/blog/2011/11/09/et-tu-adobe-flash-player-homicide/">here</a> <a href="http://gamasutra.com/blogs/AnatolyRopotov/20111109/8260/Let_there_be_Flash.php">among</a> the <a href="http://flexblog.faratasystems.com/2011/11/14/the-rumors-of-flash-players-death-are-greatly-exaggerated">others</a>.</p>
<h2>My views and reactions</h2>
<p>My first reaction was &#8220;Well, now Flash as we know it is dead&#8221;. Or more precisely it got a terminal illness. On other side what exactly changed? Right now really nothing. Flash was not really used on Android browsers.</p>
<p>So what changed is promise. Before, may be somewhat unofficially Flash had a &#8220;Write once,  run everywhere&#8221; promise. You could do desktop, browser, mobile apps with it. But now&#8230; Even though flash was not really used on mobile browsers it was somewhat there. Now promise is no more. And it is very important for future prospects. And it probably will undermine demand for Flash from marketing sources.</p>
<h2>Mobile killed web</h2>
<p>Reading posts and comments around this Adobe move I was trying to gather up things that happened since iPhone came out. And it seems to me that its not only about  iOS killing Flash. Its about mobile revolution fragmenting the web.</p>
<p>Simple example are popular web services. How many versions of their interfaces there are? Up to five. Web version for desktop and for mobile. And native versions for desktop, iOS and Android. Though native desktop app is a rare beast. On other hand on mobile web version may not be rare but its rarely used if native app exists. For one thing with app you do not need to login, app remembers tour credentials.</p>
<p>Some even prophesying that mobile web is dead, people prefer app stores and native apps instead. And for good reasons.  HTML5 if far from being able to compete with full-blown apps experience.</p>
<h2>Right tool for the job</h2>
<p>One trend that is stable among big Flash developers is to say &#8220;right tool for the job&#8221; and &#8220;differentiate yourself by learning new stuff&#8221;. In a way what they say is that Flash is becoming a more niche thing and if you want to have many jobs and projects to pick from you better to expand your skills and tools in to other niches as well.</p>
<p>I started to learn both HTML/JS/CSS and Flash some 8 years ago. Made few ugly sites in HTML, made few small toys on Flash and one ugly site. And started to do more and more with Flash. Why? It could a lot more, it was a lot easier and more consistent too. It was fun. So I picked Flash because it was easier, more fun, and it was a profession with a lot less competition at least locally while there was demand. But even then Flash was a niche tool. But its niche was and still is cool. It was all about animations, flashy interfaces, multimedia rich tools in a browser, games, interactive and generative art in browser like a demoscene. So by picking this I was in a way filtering what kind of work will come my way, and this kind of work felt a lot more fun and interesting then making some internet shops and usual visit card text/image sites. I also loved web, open, without gatekeepers, with lot of opportunities on making something.</p>
<p>Now after 8 years not much have changed, I would rather say that demand for Flash even boomed over last years but in realm of social games. And now checking for available works for Flash developers it feels like 70% or more are social games related. While other 30% are marketing related.</p>
<p>For over a year I was starting to feel that Flash niche stops to be that fun for me and I want to be able to do more. Slowly started to learn other web technologies. After a year, and now with announcement of Adobe&#8230; I must say that for me nothing changed in standard web technology world. HTML/CSS/JS improved a lot. I at last can make imageless pretty looking sites and interfaces. It feels good. But when it comes to actually making a complete rich app with data input/output, sounds, complex interactions and consistently with good performance across all browsers&#8230; Its still the same pain it was years ago or so it seems to me&#8230;</p>
<p>So for me, more exploration is on side of servers and simple sites, for rich app experience in browser Flash was and will  be for near years my tool for the job.</p>
<p>But that&#8217;s years. Probably few. What&#8217;s then? I do feel a need to expand my experience as a professional developer. And I see two choices before me. One I talked about above, as web developer. Another one I see is as mobile app developer, aether native or reusing my Flash skills and doing AIR apps.</p>
<p>As I said above, I picked Flash because it was fun and works coming my way were fun with it. As I see future of web development for me right now seems like not fun. At least rich apps future. Flash will be fading away everywhere where HTML5 can pick up, but it will be usual HTML hell of consistency, performance, missing features and hacking all around it. It will be a work with unfinished product. It seems to me its still too early to seriously get in to the HTML5.</p>
<p>While if we speak about native mobile apps&#8230; It seems to me that out of everything that happens in software development world right now mobile apps are most fun. An uncharted waters with many interesting possibilities. Many also prophesying that mobile is future of computing and that desktop is dead. Anyways, this market is poised to grow. So fun possibilities in growing market.</p>
<p>Yet it is a world with gatekeepers, world attached to success of certain firms like Apple and Google and what they do. Now by picking technology like HTML5 or Flash you already become somewhat dependent. Web standards while better still are dependent on all major players decisions too. Just look at IE, WebGL, WebM cases. But on mobile platforms you are even more dependent,  just remember Apple change of rules with 30% cut from in app purchases that put many apps in to a tricky position. Like Amazon&#8230;</p>
<h2>Conclusions</h2>
<ul>
<li> Flash is not dead, it will stay alive as long as HTML5 will not pick up on all features Flash has, and it is long from it, 2 years at best, 10 at worst(I hope it will be faster), even then Flash may still manage to somehow stay ahead. So Flash seems to me still like a best option for cross platform RIA, especially with possibility to publish AIR apps in to iOS and Android markets.</li>
<li>There is no single tool to satisfy all use cases. I would like to do it all, mobile apps, web apps, explore all possibilities, yet HTML5 is not ready, Flash has it holes and uses cases and native apps usually are even more niche and attached to platforms.</li>
</ul>
<p>So I am confused. There is no single job out there that can provide you with broad enough possibilities, picking one feels wrong, trying to do it all feels wrong too.</p>
<p>So it is a stormy time with unclear horizon and without any safe cove to drop an anchor in to wait out. And I don&#8217;t see other options then to jump around, trying different new things, finding junior jobs in mobile or web to broaden skills, still doing Flash, and hoping that future will become more clear soon.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=uc9c7-_LhwU:xrSiNukl8Ao:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=uc9c7-_LhwU:xrSiNukl8Ao:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=uc9c7-_LhwU:xrSiNukl8Ao:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=uc9c7-_LhwU:xrSiNukl8Ao:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=uc9c7-_LhwU:xrSiNukl8Ao:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=uc9c7-_LhwU:xrSiNukl8Ao:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=uc9c7-_LhwU:xrSiNukl8Ao:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=uc9c7-_LhwU:xrSiNukl8Ao:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=uc9c7-_LhwU:xrSiNukl8Ao:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=uc9c7-_LhwU:xrSiNukl8Ao:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=uc9c7-_LhwU:xrSiNukl8Ao:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wonderwhy-er/blog/web/~4/uc9c7-_LhwU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.wonderwhy-er.com/write-once-run-everywhere-is-dead/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.wonderwhy-er.com/write-once-run-everywhere-is-dead/</feedburner:origLink></item>
		<item>
		<title>AI-Class subs browser update + source code</title>
		<link>http://feedproxy.google.com/~r/wonderwhy-er/blog/web/~3/gNHdIcvMY7Y/</link>
		<comments>http://blog.wonderwhy-er.com/ai-class-subs-browser-update-source-code/#comments</comments>
		<pubDate>Tue, 25 Oct 2011 15:16:46 +0000</pubDate>
		<dc:creator>wonderwhy-er</dc:creator>
				<category><![CDATA[My Stuff]]></category>
		<category><![CDATA[Software Development]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.wonderwhy-er.com/?p=589</guid>
		<description><![CDATA[Tweet Continuation to previous post. Update Third batch of lectures and homework&#8217;s is out for Stanford AI-Course and I just updated the page and data for it. Changes: Switched captions layout from list to tables, now does not look broken on smaller screens Added link to about, so far just my previous blog post about [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.wonderwhy-er.com%2Fai-class-subs-browser-update-source-code%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://blog.wonderwhy-er.com/ai-class-subs-browser-update-source-code/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.wonderwhy-er.com/ai-class-subs-browser-update-source-code/"  data-text="AI-Class subs browser update + source code" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://blog.wonderwhy-er.com/ai-class-subs-browser-update-source-code/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Continuation to <a href="http://blog.wonderwhy-er.com/subs-browser-for-stanford-ai-class/">previous post</a>.</p>
<h2>Update</h2>
<p>Third batch of lectures and homework&#8217;s is out for Stanford AI-Course and I just updated the page and data for it.</p>
<p><strong>Changes:</strong></p>
<ol>
<li>Switched captions layout from list to tables, now does not look broken on smaller screens</li>
<li>Added link to about, so far just my previous blog post about this(yeah, I am lazy to make a separate about page for it</li>
<li>Added update date to data, shown at the top of the page now</li>
</ol>
<p><strong>Remaining issues:</strong></p>
<ol>
<li>No iOS support, not planed too, I am under impression(which may be false) that its too much hassle to provide Flash-less alternative to YouTube JS API right now.</li>
<li>Broken under Android, was not intended for use on small screen anyways, not fixing it too</li>
</ol>
<h2>Source code</h2>
<p>Cut to the chase. Here is the <a title="Code repository for this small project" href="https://github.com/wonderwhy-er/Stanford-AI-Class-Subs-Browser">source code at GitHub</a>. Its intended mostly for those who want to make similar thing for other YouTube based courses or make an alternative language version(English only now).</p>
<p>And its my first use of GitHub so &#8220;Hello World&#8221; <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Anyways, most part of last week and weekend were taken by:</p>
<ol>
<li>Trying to make PHP scrapper for subs which failed</li>
<li>Remaking my Flash/AS3 code in to AIR app project so that people could work with it(had it in fla Flash authoring format before which worked well only in debugging environment)</li>
<li>Formatting and adding comments to source code</li>
</ol>
<p>Source code is published under MIT license, use it however you like but I will be thankful for mentioning where it came from <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p><strong>P.S</strong> Any help with PHP script, or more precisely, finding a way to download captions for YouTube videos trough PHP is welcome.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=gNHdIcvMY7Y:45jgHIkVkE0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=gNHdIcvMY7Y:45jgHIkVkE0:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=gNHdIcvMY7Y:45jgHIkVkE0:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=gNHdIcvMY7Y:45jgHIkVkE0:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=gNHdIcvMY7Y:45jgHIkVkE0:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=gNHdIcvMY7Y:45jgHIkVkE0:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=gNHdIcvMY7Y:45jgHIkVkE0:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=gNHdIcvMY7Y:45jgHIkVkE0:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=gNHdIcvMY7Y:45jgHIkVkE0:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=gNHdIcvMY7Y:45jgHIkVkE0:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=gNHdIcvMY7Y:45jgHIkVkE0:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wonderwhy-er/blog/web/~4/gNHdIcvMY7Y" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.wonderwhy-er.com/ai-class-subs-browser-update-source-code/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<feedburner:origLink>http://blog.wonderwhy-er.com/ai-class-subs-browser-update-source-code/</feedburner:origLink></item>
		<item>
		<title>Subs browser for Stanford ai-class</title>
		<link>http://feedproxy.google.com/~r/wonderwhy-er/blog/web/~3/lZb1Tuq1gTc/</link>
		<comments>http://blog.wonderwhy-er.com/subs-browser-for-stanford-ai-class/#comments</comments>
		<pubDate>Mon, 17 Oct 2011 20:07:58 +0000</pubDate>
		<dc:creator>wonderwhy-er</dc:creator>
				<category><![CDATA[My Stuff]]></category>
		<category><![CDATA[Software Development]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.wonderwhy-er.com/?p=579</guid>
		<description><![CDATA[Tweet Introduction So, last week Stanford ai-class has started. Immediately found out that not being able to read  question for quizzes in text was a problem. And clicking trough video to see it in the subs was not that fun aether. Immediately got an idea to fix that for myself and make an exercise in [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.wonderwhy-er.com%2Fsubs-browser-for-stanford-ai-class%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://blog.wonderwhy-er.com/subs-browser-for-stanford-ai-class/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.wonderwhy-er.com/subs-browser-for-stanford-ai-class/"  data-text="Subs browser for Stanford ai-class" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://blog.wonderwhy-er.com/subs-browser-for-stanford-ai-class/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><h2>Introduction</h2>
<p>So, last week Stanford ai-class has started.</p>
<p>Immediately found out that not being able to read  question for quizzes in text was a problem. And clicking trough video to see it in the subs was not that fun aether. Immediately got an idea to fix that for myself and make an exercise in HTML/JS/CSS out of it (I am kind of slowly learning it all trough small projects like this for last year).</p>
<h2>Try number one: <a title="Wiki page about bookmarklets" href="http://en.wikipedia.org/wiki/Bookmarklet">bookmarklet</a></h2>
<p>First, I remembered of bookmarklets. Small javascripts saved as a bookmark which you can &#8220;execute&#8221; inside any page. Developers often put in some small useful codes to inject in to pages for analysis  or some other reasons.</p>
<p>After checking ai-class page and requests found out from where player gets subs. Whole link is large and contains lot of unnecessary parameters, experimenting with it  shrunk it down to smaller size. And <a title="AI-Class, Unit 1 Lecture 2 Course Overview subs xml" href="http://www.youtube.com/api/timedtext?key=yttt1&amp;name=English%20via%20dotsub&amp;caps=asr&amp;lang=en&amp;v=Q7_GQq7cDyM">here</a> how it looks.</p>
<p>Then googled around a little for ways to make a cross domain request from JavaScript. Thing is that for security reasons in JavaScript making such requests is prohibited while for Flash a cross domain policy exists that allows domain owners to specify who can gain access. Found out that there is a partial workaround <a title="Little example" href="http://ajaxian.com/archives/using-yql-as-a-proxy-for-cross-domain-ajax">trough Yahoo! YQL</a>.</p>
<p>In the end I failed with that idea as there is no way to really figure out which video is playing right now on ai-class site. At least trough JS/HTML. May be it is possible to somehow query YouTube player for that.</p>
<p><strong>P.S</strong> Killed lot of time on hacking 3 levels of escaping of quotes. First quotes were for anchor href attribute in which bookmarklet code goes. Then quotes inside that code. And third quotes level in that YQL request <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  I hate escaping!</p>
<h2>Try number two: <a title="PHP library for transfering data, can be used to make server to server http requests" href="http://php.net/manual/en/book.curl.php">php curl</a></h2>
<p>Next quick try was to test PHP curl and see if I can retrieve subs from those urls on server side and make a page out of it. Tried, failed, after lot of fighting with JS on previous step gave up fast. And I don&#8217;t have idea how to &#8220;debug&#8221; curl http requests on server side anyways.</p>
<h2>Try number three: Flash local app</h2>
<p>Well after some fighting with JS and PHP I fall back to dark side <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  I am Flash developer for last 5 years soo&#8230; Something like an hour and I got this:</p>
<p><a href="http://blog.wonderwhy-er.com/wp-content/uploads/2011/10/forblog.jpg"><img class="alignnone size-full wp-image-581" title="AI-Course subtitles app" src="http://blog.wonderwhy-er.com/wp-content/uploads/2011/10/forblog.jpg" alt="" width="600" height="238" /></a></p>
<p>Just an app where I paste link to AI-Course video and get their subs formatted for reading.</p>
<p>Until homework started this was enough for me.</p>
<h2>Try number 4: <a title="API of how to embed and control YouTube player from JavaScript" href="http://code.google.com/apis/youtube/js_api_reference.html">YouTube JS Api</a> + XML</h2>
<p>While doing home works I realized that only text for current video is not enough. Seeing people making lecture notes helped that realization. So I needed ability to get all subs together and search trough them. But wait, text is not enough. Jumping to other videos I need to quickly refresh my knowledge is a &#8220;must&#8221; too.</p>
<p>That&#8217;s how idea started to form, I rewrite my app to take in all videos and subs for them. Output it in one XML. Use it as data source for a page. And add YouTube player controlled from JavaScript  to the mix.</p>
<p>First things I went to check was how to get list of ai-class lectures automatically. I am a programmer and for me doing copypasting job is a disgrace. I better write a script to do it for me <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  Poked around <a title="Zend YouTube API manual" href="http://framework.zend.com/manual/en/zend.gdata.youtube.html">Zen GData library for PHP and its YouTube API</a>. Turned out it was not so good for what I needed and there was easier way just trough <a title="Link to first 50 vidoes of ai-class channel on YouTube" href="http://gdata.youtube.com/feeds/api/users/knowitvideos/uploads/?start-index=1&amp;max-results=50">links like this</a>. Sadly it only lists public videos, so no homework&#8217;s. And also order is mixed, ended up parsing video names for ordering. Also turned out that only video owner can get subs trough their API <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  So my hacky way of spoofing player requests seems to be the only way.</p>
<p>Anyways, rewrote my Flash app to get all videos from there, sort them, get subs for each trough old method and output an <a title="XML with all lecture IDs and subtitles for them" href="http://www.wonderwhy-er.com/ai-class/ai-class.xml">XML like this</a>. Also ended up adding homework video ids by hand.</p>
<p>And then started making site:</p>
<ul>
<li>Made a PHP page with YouTube player and scripts to control it. Fast and easy.</li>
<li>Used SimpleXML in PHP to parse XML and output a list of lectures with subs. Easy again.</li>
<li> And then part I don&#8217;t like about current standard web development came, layout trough CSS. It got lot better in last 5 years but its still feels like hacking around achieving what you need trough not intuitive means. That&#8217;s why Flash won me over 7 years ago <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </li>
</ul>
<p>P.S I actually love CSS selectors idea, just layout part feels broken. And I love jQuery for bringing selectors to JS.</p>
<h2>Result</h2>
<p><a href="http://www.wonderwhy-er.com/ai-class/">And here is the result:</a></p>
<ul>
<li>You can open or close lectures separately. Or close/open them all together.</li>
<li>You can read whole transcripts of lectures and search trough them trough standard browser means.</li>
<li>And you can click on button to the right of each line to jump to that video on that moment. Magic! <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </li>
</ul>
<p>There are still some problems though:</p>
<ul>
<li>Firstly, using lists for layout here seems to be a bad idea. Should have used table with two columns instead. Will try soon.</li>
<li>There are some issues under Mac/Safari with referencing YouTube Player. As I am under winds can try stuff only blindly.</li>
<li>And script for making an XML still is in Flash/AS3, will need to spend some time trying to port it to PHP, not sure it will work.</li>
</ul>
<h2>Source code</h2>
<p>Ok, you can read more about source code in <a href="http://blog.wonderwhy-er.com/ai-class-subs-browser-update-source-code/">next post</a> or go straight to <a href="https://github.com/wonderwhy-er/Stanford-AI-Class-Subs-Browser">GitHub repository where it is</a>.</p>
<p>&nbsp;</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lZb1Tuq1gTc:7YJnnP0o5_Y:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lZb1Tuq1gTc:7YJnnP0o5_Y:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=lZb1Tuq1gTc:7YJnnP0o5_Y:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lZb1Tuq1gTc:7YJnnP0o5_Y:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lZb1Tuq1gTc:7YJnnP0o5_Y:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=lZb1Tuq1gTc:7YJnnP0o5_Y:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lZb1Tuq1gTc:7YJnnP0o5_Y:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lZb1Tuq1gTc:7YJnnP0o5_Y:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=lZb1Tuq1gTc:7YJnnP0o5_Y:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lZb1Tuq1gTc:7YJnnP0o5_Y:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=lZb1Tuq1gTc:7YJnnP0o5_Y:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wonderwhy-er/blog/web/~4/lZb1Tuq1gTc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.wonderwhy-er.com/subs-browser-for-stanford-ai-class/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		<feedburner:origLink>http://blog.wonderwhy-er.com/subs-browser-for-stanford-ai-class/</feedburner:origLink></item>
		<item>
		<title>Flash 11 is out</title>
		<link>http://feedproxy.google.com/~r/wonderwhy-er/blog/web/~3/N_iEPbBrSq8/</link>
		<comments>http://blog.wonderwhy-er.com/flash-11-is-out/#comments</comments>
		<pubDate>Wed, 05 Oct 2011 08:46:08 +0000</pubDate>
		<dc:creator>wonderwhy-er</dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Software Development]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.wonderwhy-er.com/?p=571</guid>
		<description><![CDATA[Tweet Actually it was yesterday, read about it on Google+ and already posted on Facebook about some of this. Download Flash 11 here. Check out Alternative Demos here. But news that struck me most were this. Epic Games is ready to release support of Unreal Engine 3 for Flash platform. And they showed Unreal Tournament [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.wonderwhy-er.com%2Fflash-11-is-out%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://blog.wonderwhy-er.com/flash-11-is-out/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.wonderwhy-er.com/flash-11-is-out/"  data-text="Flash 11 is out" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://blog.wonderwhy-er.com/flash-11-is-out/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p style="text-align: center;"><a href="http://epicgames.com/community/2011/10/unreal-engine-3-support-for-adobe-flash-player-announced/"><img class="aligncenter" title="Unreal Engine 3 in Flash 11" src="http://epicgames.com/community/wp-content/uploads/2011/10/UT3_Sanctuary_Flash_05.jpg" alt="" width="557" height="331" /></a></p>
<p>Actually it was yesterday, <a href="https://plus.google.com/114406572384204043190/posts/iQWRTM9z38r">read about it on Google+</a> and already <a href="http://www.facebook.com/wonderwhy.er/posts/123196451120204?notif_t=share_comment">posted on Facebook</a> about some of this.</p>
<p><a title="Get latest Flash" href="http://get.adobe.com/flashplayer/">Download Flash 11 here</a>.</p>
<p>Check out Alternative Demos <a href="http://alternativaplatform.com/en/showcase/">here</a>.</p>
<p>But news that struck me most were this. <a href="http://epicgames.com/community/2011/10/unreal-engine-3-support-for-adobe-flash-player-announced/">Epic Games is ready to release support of Unreal Engine 3 for Flash platform</a>. And they showed <a href="http://www.youtube.com/watch?feature=player_embedded&amp;v=IykhED4lAWM">Unreal Tournament 3  working in Flash</a> at Adobe Max 2011. Ouh boy what a year it will be for browser games. Unity shared a <a href="http://blogs.unity3d.com/2011/09/01/unity-and-flash-a-sneak-peek/">sneak peak</a> recently too, and now Unreal Engine.</p>
<p>Flash is well posed to become a console of the web but I have hard time figuring out how it all will play out. We still have Flash agnostic iOS, not all devices will work well with this, we still have traffic bottlenecks. Years back it was considered useless publishing a game ove 10Mb in size. Today? May be over 60mb is useless? We will see but considering that modern games rarely take less then a gigabyte of space and some up to a dozen of gigabytes, it will be interesting to see how developers work around this <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><strong>P.S</strong> Also turns out there already is a <a href="http://apps.facebook.com/battlepunkshd/">game using Flash 11 on Facebook</a>. Its actually a re-release of older game developed on Java called Battle Punks.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=N_iEPbBrSq8:khhnJqF7ndQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=N_iEPbBrSq8:khhnJqF7ndQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=N_iEPbBrSq8:khhnJqF7ndQ:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=N_iEPbBrSq8:khhnJqF7ndQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=N_iEPbBrSq8:khhnJqF7ndQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=N_iEPbBrSq8:khhnJqF7ndQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=N_iEPbBrSq8:khhnJqF7ndQ:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=N_iEPbBrSq8:khhnJqF7ndQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=N_iEPbBrSq8:khhnJqF7ndQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=N_iEPbBrSq8:khhnJqF7ndQ:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=N_iEPbBrSq8:khhnJqF7ndQ:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wonderwhy-er/blog/web/~4/N_iEPbBrSq8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.wonderwhy-er.com/flash-11-is-out/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.wonderwhy-er.com/flash-11-is-out/</feedburner:origLink></item>
		<item>
		<title>Stanford University free online AI introduction course</title>
		<link>http://feedproxy.google.com/~r/wonderwhy-er/blog/web/~3/YTF1zOybuTg/</link>
		<comments>http://blog.wonderwhy-er.com/stanford-university-free-online-ai-introduction-course/#comments</comments>
		<pubDate>Sat, 03 Sep 2011 10:21:06 +0000</pubDate>
		<dc:creator>wonderwhy-er</dc:creator>
				<category><![CDATA[Books And Publications]]></category>
		<category><![CDATA[Software Development]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.wonderwhy-er.com/?p=561</guid>
		<description><![CDATA[Tweet Something like a month ago read that this year Standford University Professors behind their AI introduction course are planing to run a free online version  with video lectures, quizzes, homeworks and exam. As of today registration to this course is open. I am in. Are you?]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.wonderwhy-er.com%2Fstanford-university-free-online-ai-introduction-course%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://blog.wonderwhy-er.com/stanford-university-free-online-ai-introduction-course/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.wonderwhy-er.com/stanford-university-free-online-ai-introduction-course/"  data-text="Stanford University free online AI introduction course" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://blog.wonderwhy-er.com/stanford-university-free-online-ai-introduction-course/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p style="text-align: left;"><a href="http://www.ai-class.com/"><img class="aligncenter" title="Introduction to Artificial Intelligence" src="http://www.ai-class.com/media/img/artificial_intelligence_header.jpg" alt="" width="602" height="286" /></a>Something like a month ago read that this year Standford University Professors behind their AI introduction course are planing to run a free online version  with video lectures, quizzes, homeworks and exam. As of today <a title="Register here" href="https://www.ai-class.com/registration/">registration to this course is open</a>. I am in. Are you?</p>
<p style="text-align: center;">
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=YTF1zOybuTg:U1GisfmEMdo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=YTF1zOybuTg:U1GisfmEMdo:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=YTF1zOybuTg:U1GisfmEMdo:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=YTF1zOybuTg:U1GisfmEMdo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=YTF1zOybuTg:U1GisfmEMdo:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=YTF1zOybuTg:U1GisfmEMdo:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=YTF1zOybuTg:U1GisfmEMdo:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=YTF1zOybuTg:U1GisfmEMdo:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=YTF1zOybuTg:U1GisfmEMdo:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=YTF1zOybuTg:U1GisfmEMdo:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=YTF1zOybuTg:U1GisfmEMdo:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wonderwhy-er/blog/web/~4/YTF1zOybuTg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.wonderwhy-er.com/stanford-university-free-online-ai-introduction-course/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.wonderwhy-er.com/stanford-university-free-online-ai-introduction-course/</feedburner:origLink></item>
		<item>
		<title>Brands with personality</title>
		<link>http://feedproxy.google.com/~r/wonderwhy-er/blog/web/~3/hkbTYp_HSwU/</link>
		<comments>http://blog.wonderwhy-er.com/brands-with-personality/#comments</comments>
		<pubDate>Mon, 25 Jul 2011 18:44:18 +0000</pubDate>
		<dc:creator>wonderwhy-er</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.wonderwhy-er.com/?p=553</guid>
		<description><![CDATA[Tweet After registering to Google+ I started to compare it to Facebook and it got me thinking on why I never really liked Facebook. Seems part of it is that some brands have a personality for me. And here decided to share personality I feel behind some of the brands. Apple Obviously one of brands [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.wonderwhy-er.com%2Fbrands-with-personality%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://blog.wonderwhy-er.com/brands-with-personality/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.wonderwhy-er.com/brands-with-personality/"  data-text="Brands with personality" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://blog.wonderwhy-er.com/brands-with-personality/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>After registering to Google+ I started to compare it to Facebook and it got me thinking on why I never really liked Facebook. Seems part of it is that some brands have a personality for me. And here decided to share personality I feel behind some of the brands.</p>
<h2>Apple</h2>
<p>Obviously one of brands with biggest personality <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  I did not got involved with them until iPhone 3G, but after few months understood that its not my kind of product and firm. Finally switched recently.</p>
<p>Anyways my perception of them as a personality is &#8220;<strong>religious messiah</strong>&#8220;. Why? Well here is a list:</p>
<ul>
<li>Their keynotes remind me of those religious events, lot of emotion, tasty words and such.</li>
<li>Same with their <a href="http://www.youtube.com/watch?v=h0dUuHo58UE&amp;feature=player_detailpage#t=179s">shops openings</a> and design.</li>
<li>And another obvious reason is Steve Jobs, I guess no comments are needed. Well just check <a href="http://en.wikipedia.org/wiki/Reality_distortion_field">that</a>.</li>
</ul>
<p>But that&#8217;s all things I don&#8217;t care much about, I mean I bought a phone and forgot about it right? Well no, sadly Apple reminds of religious organization in some other ways that do touch me.</p>
<ul>
<li>They handle problems and issues in similar to church way, denial and hiding(though I guess it is about anyone oversensitive of his reputation and public image).</li>
<li>They want to make world simple for people by deciding what&#8217;s good and what&#8217;s bad for them, same as morals in religious books to some extent.</li>
</ul>
<p>In the end I disrespect such things and even though I do find their hardware and to some extent software to be of good quality.</p>
<h2>Facebook</h2>
<p>I would call Facebook a<strong> troubled teenager</strong>. One who lacks tact, is stalkerish and jealous. And here is why:</p>
<ul>
<li>Almost any change and new feature and <a href="http://mattmckeon.com/facebook-privacy/">policy change</a>  they roll out, they miscalculate with default privacy settings which feels as if they overreach. As if they invade your privacy and being young did not learn a tact of how to behave yet.</li>
<li>Of course Mark Zuckerberg himself adds to this giving his past of young rebellious hacker.</li>
<li>They also are jealous of their friends not <a href="http://www.tgdaily.com/business-and-law-features/57200-facebook-blocks-exporter-tools-for-google">allowing </a>people to leave to other party and take their friend with them.</li>
</ul>
<p>All this adds to uncertainty in that brand&#8230; Who knows what weird thing they will pull off next.</p>
<h2>Google</h2>
<p>As for this brand, I must say that until now I did not think or feel of it much in that sense. Google products always were just products that worked well, I never felt personality behind any Google product. They were just products and tools that were giving all choice and information to me. Not filtering, censoring, deciding etc. Also they always were a many headed hydra. Most of their products were weakly tied so you could use them separately or together. Not something I could say about Apple or Microsoft who try to tie their products together&#8230;</p>
<p>The only thing I ever felt behind Google in press that they felt like geeky idealists. But for now they were able to allow them selves this. I wonder if it will continue as Google tries to reinvent themselves, become <a href="http://googleblog.blogspot.com/2011/07/more-wood-behind-fewer-arrows.html">less experimenting</a> and tying their products together around same account system and Google+.  So may be they will show some personality soon. Hope they will not.</p>
<h2>Other brands and personalities</h2>
<p>Guess that&#8217;s it, do you feel any personality behind these brands or others? Feel free to comment and share that <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>&nbsp;</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=hkbTYp_HSwU:W43vSZVI8gE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=hkbTYp_HSwU:W43vSZVI8gE:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=hkbTYp_HSwU:W43vSZVI8gE:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=hkbTYp_HSwU:W43vSZVI8gE:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=hkbTYp_HSwU:W43vSZVI8gE:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=hkbTYp_HSwU:W43vSZVI8gE:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=hkbTYp_HSwU:W43vSZVI8gE:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=hkbTYp_HSwU:W43vSZVI8gE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=hkbTYp_HSwU:W43vSZVI8gE:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=hkbTYp_HSwU:W43vSZVI8gE:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=hkbTYp_HSwU:W43vSZVI8gE:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wonderwhy-er/blog/web/~4/hkbTYp_HSwU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.wonderwhy-er.com/brands-with-personality/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.wonderwhy-er.com/brands-with-personality/</feedburner:origLink></item>
		<item>
		<title>3 days in Google+</title>
		<link>http://feedproxy.google.com/~r/wonderwhy-er/blog/web/~3/-fRSkUkVkq4/</link>
		<comments>http://blog.wonderwhy-er.com/3-days-in-google/#comments</comments>
		<pubDate>Fri, 15 Jul 2011 20:37:58 +0000</pubDate>
		<dc:creator>wonderwhy-er</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[My Stuff]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.wonderwhy-er.com/?p=536</guid>
		<description><![CDATA[Tweet So, three days ago I got an invite to Google+ I already heard about its roll out before, and actually was anticipating when deciding where to upload photos for public sharing (taken by my new Android Phone which is a separate story). Facebook is not public enough, I want to leave my DeviantArt account [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.wonderwhy-er.com%2F3-days-in-google%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://blog.wonderwhy-er.com/3-days-in-google/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.wonderwhy-er.com/3-days-in-google/"  data-text="3 days in Google+" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://blog.wonderwhy-er.com/3-days-in-google/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p style="text-align: center;"><a title="Google+" href="https://plus.google.com"><img class="aligncenter size-full wp-image-545" title="google-plus-screenshot-570x300" src="http://blog.wonderwhy-er.com/wp-content/uploads/2011/07/google-plus-screenshot-570x3001.png" alt="Google+" width="570" height="300" /></a>So, three days ago I got an invite to Google+</p>
<p>I already heard about its roll out before, and actually was anticipating when deciding where to upload photos for public sharing (taken by my new Android Phone which is a separate story). Facebook is not public enough, I want to leave <a href="http://wonderwhy-er.deviantart.com/">my DeviantArt</a> account for Flash stuff mostly etc etc. So I went for <a href="http://picasa.google.com/">Google Picasa</a> app to organize my photos and upload some to <a href="https://picasaweb.google.com">Picasa Web Albums</a>. Little bit more about it later.</p>
<h2>What Google+ is</h2>
<p>In short I would say that Google+ is holy union of  Twitter+Blog+Facebook. Why? There is written <a href="http://gigaom.com/2011/07/11/is-google-a-bigger-threat-to-twitter-than-it-is-to-facebook">much</a> about various feature of Google+ on the wen but I will stop at those who appeal to me:</p>
<ul>
<li><strong>Privacy and visibility</strong>. Google+ has a built in people grouping called Circles which servers two purposes. Filtering network content by Circles. And filtering visibility of content you publish by Circles who will see this content. Second purpose allows you to both leave personal messages, share things with family, or share with anybody. In this sense it is more or less similar to Facebook. But Google+ has a broader visibility called &#8220;Public&#8221; which is accessible to whole Internet. And it is a Twitter/Blog like improvement over a Facebook that I always lacked. In these sense while Facebook is walled off and feeds on the web Google+ allows to give back to the web. It is a very significant and key feature to me.</li>
<li>  <strong>Asynchronous relationships</strong>. While Facebook allows only friends status, Circles are asynchronous. Someone can add you to their Circle, but you may not add him. What it means? He will &#8220;follow&#8221; your public posts but will not see posts you made for your circles. So it allows broadcasting relationship. Facebook allows this trough Pages though.</li>
<li><strong>+1</strong> a Facebook &#8220;like&#8221; competitor Google rolled out earlier. Now it gains a lot more sense for users to use as it is a fast small sharing of what you liked. So now users have reasons to do it. Now I do, while before I was not doing it.</li>
<li><strong>Authorship</strong>. Google raised a playing field around <a title="How to mark" href="http://insidesearch.blogspot.com/2011/06/authorship-markup-and-web-search.html">content author marking</a>. Now recognized authors behind content are shown in Google search results. I think it can have a pretty big consequences for accountability of content. Now you can go and see contents author public account on Google+, potentially see his interests, employers, bias <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </li>
<li><strong>HangOut</strong> &#8211; a much mentioned feature based on a google video plugin. Managed to get a taste of it only yesterday. Some may call it a SkyPe killer but I don&#8217;t. It is an up to 10 people video chat app in a browser. My experience with it I could be put in short like &#8220;SkyPe made fun&#8221;. After it SkyPe feels like a strict, uptight business meeting application. I don&#8217;t know what Google did on usability(and I will need to investigate it later) but HangOut feels light, fast, and&#8230; fun&#8230; It feels like a party at friends place, you just jump in, start discussing, sharing, watching synchronized(rewinding and video itself) youtube video, jump out. Then jump in again. So, HangOut is not a SkyPe killer. They are different. You can&#8217;t use HangOut for some things you use SkyPe for and reverse is also true.</li>
<li><strong>Gorgeous public photo galleries</strong>. I did mention it above. <a href="https://plus.google.com/photos/105865352674761615254/albums">Here</a> are some photos taken by my SGS2 android phone. Not big implications with this feature, just best looking galleries I seen so far in social networks. Have a suspicion that it is Microsoft inspired as looks similar to Windows Phone 7 interface. But I guess Microsoft was inspired by some sites too.</li>
</ul>
<p>I think those are first things that come to mind after using Google+ for few days. I guess you can already see how with &#8220;public for web&#8221; posts it serves as twitter and blog, while with privacy and Circles it serves as a Facebook.</p>
<h2>What Google+ can become</h2>
<p>I talked about things on the surface. But some linger in the future or under the surface. It seems to me that with this move Google has chances of making internet truly social in a way Facebook never could  because of its more closed nature. Google+ gives back to the web. Also Google now can use +1 and authorship to effect search results and rankings. Which can solve some of Google search quality problems. I do hope though that they will allow turning +1 effect on and off to get &#8220;unbiased&#8221; results.</p>
<p>Also trough same +1 Google gets their hands on one of most crucial things for recommendations. Lists of things people like. Now Google can start providing similarity browsing and recommendations on all fronts. I do think that +1 in such context is the most important feature for Google, and us. Its a feedback we are giving to the Google so that it can improve its offering to us.</p>
<h2>Problems</h2>
<p>Nothing is perfect so here we go:</p>
<ul>
<li><strong>Its little bit confusing</strong>. Already seen people who are very computer savvy misunderstanding how asynchronous part of Circles work. What will your granny understand then?</li>
<li><strong>Privacy control is not fine grained enough</strong>. Like two examples from my experience. I post a public photo for web to see, and friend or even girlfriend posts a personal joke for example. Now whole world sees it. Why? Because comments inherit privacy status from parent post. So you are ending up with a choice of &#8220;too public&#8221; and &#8220;too censored&#8221; sometimes. Another example are people in your circles. You can choose what circles are shown(all or say celebrities you follow) and how public it is(only your family or whole world?). But you can&#8217;t make it so that whole world sees people you follow while your family sees all. And there are many other such small but very significant privacy control issues. Hope they will fix them. I sure am sending them feedback on all occasions <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  BTW their feed back is awesome, never seen anything like this.</li>
<li>There is also one two sided problem, <a href="http://en.wikipedia.org/wiki/Coupling_%28computer_science%29"><strong>dependency or coupling</strong></a>. One of biggest advantages over other firms Google always had is that its a multiheaded hydra. All projects drift independently not hurting and rarely improving each other. Well it started to change a little before but now it clearly comes to an end as Google+ seems to be posed to bring it all together. And some of us know how well it works for Microsoft, Yahoo and Apple. They ruin separate projects and user experience to tie  down their offering together, locking they users to use them together. I really hope it is not a fate that awaits Google and all its users. Though I already heard of bad consequences of this for some people. Mostly on a side of Google merging all kind of accounts across all its products in to one account.</li>
</ul>
<p>There is more of course, but service is only rolling out and I hope they are working on a clock of addressing it as I think Google+ has a big big potential. So far my feelings are similar to Google Wave roll out. I am very excited and pumped up as I never really liked Facebook, and do like Google+ a lot. But there is a crucial difference with Wave and Google+ for me. Wave was all cool and hypish as is Google+, but with Wave I entered few times, played with it and rarely returned since. Google+? I am using it each day now, publishing photos, cross posting from Facebook, started using +1, and am working on adding some of Google+ related feature to my blog and page. So, my use of it differs a lot, hope Google+ future will differ a lot too. So far there are claims that they already reaching 20 millions.</p>
<p>&nbsp;</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=-fRSkUkVkq4:Rzh6qJ1Z9t8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=-fRSkUkVkq4:Rzh6qJ1Z9t8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=-fRSkUkVkq4:Rzh6qJ1Z9t8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=-fRSkUkVkq4:Rzh6qJ1Z9t8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=-fRSkUkVkq4:Rzh6qJ1Z9t8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=-fRSkUkVkq4:Rzh6qJ1Z9t8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=-fRSkUkVkq4:Rzh6qJ1Z9t8:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=-fRSkUkVkq4:Rzh6qJ1Z9t8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=-fRSkUkVkq4:Rzh6qJ1Z9t8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=-fRSkUkVkq4:Rzh6qJ1Z9t8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=-fRSkUkVkq4:Rzh6qJ1Z9t8:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wonderwhy-er/blog/web/~4/-fRSkUkVkq4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.wonderwhy-er.com/3-days-in-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.wonderwhy-er.com/3-days-in-google/</feedburner:origLink></item>
		<item>
		<title>Learning some web technologies</title>
		<link>http://feedproxy.google.com/~r/wonderwhy-er/blog/web/~3/NF1oQ8IO9wk/</link>
		<comments>http://blog.wonderwhy-er.com/learning-some-web-technologies/#comments</comments>
		<pubDate>Fri, 18 Feb 2011 22:33:34 +0000</pubDate>
		<dc:creator>wonderwhy-er</dc:creator>
				<category><![CDATA[Books And Publications]]></category>
		<category><![CDATA[My Stuff]]></category>
		<category><![CDATA[Software Development]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.wonderwhy-er.com/?p=483</guid>
		<description><![CDATA[Tweet Over last months of 2010 I was coming to realization that I want to be able not only to make multimedia Flash apps in web but also build HTML pages and services around them. So decided to start slowly learning some. Also with HTML5 making core web stack more and more potent it would [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.wonderwhy-er.com%2Flearning-some-web-technologies%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://blog.wonderwhy-er.com/learning-some-web-technologies/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.wonderwhy-er.com/learning-some-web-technologies/"  data-text="Learning some web technologies" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://blog.wonderwhy-er.com/learning-some-web-technologies/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Over last months of 2010 I was coming to realization that I want to be able not only to make multimedia Flash apps in web but also build HTML pages and services around them. So decided to start slowly learning some. Also with HTML5 making core web stack more and more potent it would make me more prepared for challenges where HTML5 will be a better choice then Flash for rich internet applications.</p>
<p>Not that I don&#8217;t know or did not know some. I have basic knowledge of HTML/CSS/JS/PHP/MySQL. Kind of standard stack used today for various cases. But here my knowledge is gather from various small cases and web examples. Probably only part of it where I did get some formal education is relational data bases. What I wanted was to broaden my knowledge in all this.</p>
<p>Asking friends for ideas about good books to start from I was often asked &#8220;why books?&#8221;. Today you can learn anything from the web, thousands of examples, tutorials and documentation sites and active developer communities allow anyone to learn to program anything.</p>
<p>Thing is that I find it to be a bad way to start. Tutorials and examples often concentrate on solving something specific, are not always made with big picture in mind or sometimes even made badly and teach you bad things. I prefer to start from some book that give a broad and not deep view, showing how it is meant to be done without going too deep in to the details(details I will dig out later if I will need). I need this to get some ground under my feet from where I can start. And then explore the web myself knowing for what to look, what&#8217;s good and what&#8217;s not so good etc etc.</p>
<p>For starters I picked a little bit unusual direction <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  As I mentioned I more or less know PHP and I wanted to try something new. Also for some time I was curious about Google App Engine. Pocking around GAE I found that probably best languages for that platform right now are Python and Java. Well I knew Java years back and don&#8217;t want to return. So I went in direction of Python.</p>
<p>In last December I was ordering some books from Amazon and ended up ordering 3 books on web technologies.</p>
<h2>Google App Engine</h2>
<p><a href="http://www.amazon.com/Programming-Google-App-Engine-Infrastructure/dp/059652272X/ref=sr_1_1?ie=UTF8&amp;qid=1298045767&amp;sr=8-1"><img class="alignleft" title="Google App Engine" src="http://ecx.images-amazon.com/images/I/41f1htRZF3L._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" alt="" width="300" height="300" /></a>First book from those I started to read was specifically about Google App Engine. This book covers whole GAE platform as far as I can tell. On programming part it includes both Python and Java specifics, classes and code examples. It helps you trough your first Google App Engine application. Big part of it is Data Store. Then it comes trough various other features of GAE like memory cache, google account integration apis, various other built in apis.</p>
<p>For me most interesting part was Data Store. I am pretty familiar with relational databases and ideas behind them and was always curious what Data Store is, how it works, where better to use it and this books gives pretty good overview on that side. Actually something like 1/3 of this book is about Data Store related stuff.</p>
<p>Some interesting things about App Engine. It was designed with &#8220;return answer as fast as possible&#8221;  ideology for rich web apps. One related to that interesting feature is that app can return result first and then start working on updating data, indexes etc. I guess that possible to do with any stack but I never looked on it from that optimization point.</p>
<p>As far as Data Store goes it reminds me of simple Object Orientated Database. It basically stores entities by unique keys that may have properties and something like classes forced by code. Also Data Store allows building indexes to run queries on some of the property types. As far as I can say there are 3 significant differences from SQL database:</p>
<ul style="text-align: left;">
<li>Query language is simple, does not allow joins and some types of queries that need calculations</li>
<li>You can retrieve entities not trough queries but directly if you know their unique keys, it is lot faster then trough query</li>
<li> It is possible to store an array as entity property, it also allows running queries that target content of arrays so you can get entities who have some kind of values in their array typed property, you can store keys in such array making kind of Object Orientated version of one to many relationship between entities</li>
</ul>
<p>Another thing is that keys are constructed in a way where first part of key is application ID,  and you don&#8217;t even see it, which means that each app can only get  access  to entities it has created. Can&#8217;t access other apps data directly. Also there are limitations on how many entities you can access at once which along with other GQL limitations makes GAE a bad platform for solutions that for example need t work with large amount of data providing statistical info on it.</p>
<p>I guess that would be it on that book. Overall it gives good overview for GAE providing a good start point if you want to know what GAE can and can not do.</p>
<h2>CSS Mastery</h2>
<p><a href="http://www.amazon.com/CSS-Mastery-Advanced-Standards-Solutions/dp/1430223979/ref=sr_1_1?s=books&amp;ie=UTF8&amp;qid=1298047598&amp;sr=1-1"><img class="alignleft" title="CSS Mastery" src="http://ecx.images-amazon.com/images/I/514VXOxs0NL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" alt="" width="300" height="300" /></a>Another topic I was curious about but never was really getting to know it better was CSS.</p>
<p>Basically its something I knew what it was for but did not knew general ideas behind it and how it is really meant to be used. This book claims to be a book for those who have been using CSS for some time but don&#8217;t feel they are experts yet. Or people with basic knowledge of CSS. After reading this book I must say that its rather a book for starters. It rather teaches clean and simple CSS/HTML showing where common pitfalls are and all.</p>
<p>This books covers essential parts of CSS, selectors, techniques of layout, advanced CSS3 features and how to do something like that in CSS2.1 using old methods and tricks.</p>
<p>I think best part of this books is that it teaches how it should be done and why. Why HTML part of pages should be designed as meaning and structure while all styling should go in to CSS. Author adds small examples from his experience which make it pretty clear why it should be like that.  Or another thing is how using hacking to fix problems is a bad idea as problems are fixed as browsers are updated. So your hacky fix now becomes a bug.</p>
<p>Some 7 years ago coming from Java/C/Pascal background I started to dig in to HTML/CSS/JS and Flash. Flash slowly win me over. It was a way to develop Apps while HTML seemed like way to developer styled text pages along with a bonus of serious cross browser inconsistencies/bugs and limitations. Over these 7 years things seemed to improve especially on JS/CSS front.</p>
<p>Sadly coming from Flash I still find that even CSS3 is insufficient to style things cleanly. Firstly today style is not only about static visuals. Its about animations, reaction to user actions, its about visual behavior of interfaces. Now CSS3 includes animations but that&#8217;s not enough. I think big problem is  that you can&#8217;t reference values in CSS. For example one of examples in the book shows how to make 3 text columns to be of one dynamic height. Thing is that you can have them aether of static height or they all will scale according to size of text inside them. As you can&#8217;t reference values in CSS what author proposes is to make all columns of large height, then use container of those columns in &#8220;hakcy&#8221; way which resizes according its content actual size. Now container is of size of highest column. And now use overflow property to cut out unnecessary height of columns. Of course such trick is possible only with simple column style. Now then all I wanted is to make 3 columns to share same dynamic size. And I end up with doing lot of trickery to get a limited solution. This kind of lets me down&#8230;</p>
<p>Another example is vertical content centering on page. Solution looks pretty clear but is limited too. Just make your content top padding 50% which will move its top side to center of page. And then, with different technique, move content up by half of its height. Yay it is centered. Sounds even intuitive and logical in idea. But you can&#8217;t target values in CSS. So you can&#8217;t target its own height in position style. So you can&#8217;t center object vertically if it has dynamic size in HTML/CSS&#8230; Or at least it seems so.</p>
<p>Well anyways this all is CSS problems. This books does good work communicating good and correct way of dividing content and style of your HTML/CSS pages. I guess many HTML/CSS problems can be solved with JSS/jQuery filling in position of visual and other behavior for HTML/JS/CSS at least for now.</p>
<h2>Python Web Development with Django</h2>
<p><a href="http://www.amazon.com/Python-Development-Django-Jeff-Forcier/dp/0132356139/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1298049098&amp;sr=1-1"><img class="alignleft" title="Python Web Development with Django" src="http://ecx.images-amazon.com/images/I/41c1QK1THKL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" alt="" width="300" height="300" /></a>Another book I only just started to read is this one. I thought that it is a good idea to learn not PHP/Python language directly for web development(as that I can do myself). What I wanted to learn is how to develop good web solutions too. How to architect your engine, authentication, user content, HTML output components etc. I wanted to know best practices in how to develop your engine/framework for web site building. And what&#8217;s a better way then learning some framework and seeing how they done things there.</p>
<p>Another thing with Python books is that Python is a language used for broad number of things. While PHP is mostly used for web development Python started elsewhere as general purpose language like C. As a result majority of books don&#8217;t cover Python use as web development language almost at all. And thus majority of those books are of no interest for me in current situation. For that reason picking Python based web development framework book seemed like a good idea too.</p>
<p>Now first chapters of this book gives incremental introduction to Python first which is perfect <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  I knew for a while that Python used spaces and new lines as part of its syntax instead of various braces. I always was finding that it is both good and bad. Good that everyone writes in same style as it is enforced trough syntax, also makes language less bloated with special symbols and more readable. Sadly in some cases it also makes language less readable as you can&#8217;t arbitrary style some part of code for better readability.</p>
<p>I just only started this book but so far I must say I really like some features of Python. They make language a lot smaller when performing task with array for example. Here are few interesting examples:</p>
<ul>
<li>string[1] &#8211; like in any other language it returns strings second character</li>
<li>string[-1] &#8211; here good things start, it returns strings last character, so if index in [] is less then 0 array length is added</li>
<li>string[:1] &#8211; now what? Turns out that Python extended this operator to allow ranges. In this case it will return first two characters of this string.</li>
<li>string[1:3] &#8211; now this is full syntax returning second, third and fourth symbols in the string.</li>
<li>string[1:] &#8211; and this will return whole string without first character <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul>
<p>Anyways I have still much to read from this one so no more comments on it so far.</p>
<h2>Other books and some practice</h2>
<p>Basically this is it from this book order but there are two more I would like to buy. One on JavaScript/jQuery and one on some PHP framework to improve my knowledge in those directions. Also I have few test projects planed to try and use these technologies. After reading book on CSS I already updated <a href="http://www.wonderwhy-er.com/">homepage</a> a little(<a title="old site version" href="http://www.wonderwhy-er.com/versions/v1/">here</a> how it looked before), planing to do more work later on it. Also planing to try and do two projects for practice on GAE later.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=NF1oQ8IO9wk:Ajbpq6sWv4g:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=NF1oQ8IO9wk:Ajbpq6sWv4g:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=NF1oQ8IO9wk:Ajbpq6sWv4g:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=NF1oQ8IO9wk:Ajbpq6sWv4g:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=NF1oQ8IO9wk:Ajbpq6sWv4g:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=NF1oQ8IO9wk:Ajbpq6sWv4g:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=NF1oQ8IO9wk:Ajbpq6sWv4g:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=NF1oQ8IO9wk:Ajbpq6sWv4g:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=NF1oQ8IO9wk:Ajbpq6sWv4g:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=NF1oQ8IO9wk:Ajbpq6sWv4g:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=NF1oQ8IO9wk:Ajbpq6sWv4g:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wonderwhy-er/blog/web/~4/NF1oQ8IO9wk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.wonderwhy-er.com/learning-some-web-technologies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.wonderwhy-er.com/learning-some-web-technologies/</feedburner:origLink></item>
		<item>
		<title>Humble indie bundle 2</title>
		<link>http://feedproxy.google.com/~r/wonderwhy-er/blog/web/~3/t_NxKtl-1F8/</link>
		<comments>http://blog.wonderwhy-er.com/humble-indie-bundle-2/#comments</comments>
		<pubDate>Thu, 16 Dec 2010 21:36:05 +0000</pubDate>
		<dc:creator>wonderwhy-er</dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Rights, internet and business models]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.wonderwhy-er.com/?p=430</guid>
		<description><![CDATA[Tweet Just bought one Humble Indie Bundle 2 for my self. And two as gifts for later. I already have Cortext Command but I always wanted to buy/play Osmos and Braid but never was getting my self to but them. Thus Humble Indie Bundle was a hard offer to resist Revenge of the Titans seems [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.wonderwhy-er.com%2Fhumble-indie-bundle-2%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://blog.wonderwhy-er.com/humble-indie-bundle-2/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.wonderwhy-er.com/humble-indie-bundle-2/"  data-text="Humble indie bundle 2" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://blog.wonderwhy-er.com/humble-indie-bundle-2/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p style="text-align: left;"><a href="http://www.humblebundle.com/"><img class="size-full wp-image-432 aligncenter" title="Humble Indie Bundle 2" src="http://blog.wonderwhy-er.com/wp-content/uploads/2010/12/logohib1.png" alt="" width="441" height="147" /></a>Just bought one <a href="http://www.humblebundle.com/">Humble Indie Bundle 2</a> for my self. And two as gifts for later. I already have <a href="http://www.datarealms.com/">Cortext Command</a> but I always wanted to buy/play <a href="http://www.hemispheregames.com/osmos/">Osmos</a> and <a href="http://www.braid-game.com/">Braid</a> but never was getting my self to but them. Thus Humble Indie Bundle was a hard offer to resist <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  <a href="http://www.puppygames.net/revenge-of-the-titans/">Revenge of the Titans</a> seems good addition too <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h2 style="text-align: left;">Open game development</h2>
<p>Things that <a href="http://www.wolfire.com/">Wolfire</a> do interest me a lot. I was thinking for a while(few years) about how AAA games industry and often indies prefer to stay at a distance from their clients. For AAA industry it often feels as if you are facing a faceless giant that does not see, care or bother with you. For that reason I slowly start to pay them with same disrespect. They may make good games but it feels like some large soulless machine spiting out stuff for consumption&#8230; Something that makes me feel bad about the purchase.</p>
<p>For few years I was thinking about various ways and business models that would make game development closer to the people where customers know what&#8217;s behind the scene, can influence, interact and engage with development and developers while supporting them in various ways be it testing, ideas sharing and crowd funding.</p>
<p>And Wolfire with their Overgrowth are trying to do just that. Good to see such developments. Humble indie bundle initiatives Wolfire made are interesting in same sense though probably not exactly what I want. But still good.</p>
<h2>Interesting features of HIB</h2>
<p>Here are things I find to be brilliant about Humble indie bundle:</p>
<ul>
<li>Allowing people to choose their own price is a jewel here but it is hard to foresee all the cases where developers loose or earn money with such an offer, but it definitely is a buzz generating part of this</li>
<li> EFF and Child&#8217;s play charity are part of this, but even more important that project allows users to choose what proportions of payment go to what. This I think brings more meaning in to the purchase by making users to make a choice. Now it is not meter of pure consumption. As with amount of price here user makes a choice about who he is and what he wants in various dimensions. I think it engages user more with action of purchase making him more aware of what goes where.</li>
<li>Stats of average price given by OS platform. It is interesting in many ways. For example you can see that Linux users pay twice as much then Windows users and Max is in a middle. And you can see proportion of platforms. That actually shows that Windows market is bigger in numbers but almost equal in money to Linux here <img src='http://blog.wonderwhy-er.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Interesting observation considering AAA companies prefer to say &#8220;There is no money to be had on Linux market&#8221;, yeah right&#8230; If you do not try then yeah there is not money to be had. Another interesting thing about this is that it provides a base point and forces user to answer a question of who he is. Are you cheap? Are you generous? Are you average and just like majority of people?</li>
<li>Then there is top 10 contributors top. This one partially works like a previous adding moral and competitive motivation for users to pay more but this time I see what I hoped to see with first HIB. Advertisers. At the moment 3 out of 10 top payers are advertising something paying the project together something like 2k$. Not not that much I guess but I think there is promise in that idea.</li>
<li>Also majority of games are selling for a while. Hype already ended for  them. As I mentioned I was thinking but not bringing myself to buy some  of those and basically my money was money they would not get otherwise.</li>
<li>They picked a right time to do this in combo with gift option. As I mentioned I bought few copies as gifts as well.</li>
<li>There is number of less significant things, no DRM, probably a world wide release, digital download being available for a while etc</li>
</ul>
<p>There are of course some things that bother me a little:</p>
<ul>
<li>Bundle version bothers me a little, last time I had 50%+ of games, that was alienating me to not participate or motivate to lower a price as I payed one already for some of them. And low price because of that may lower average price stats and in this way influence others choice as well. I guess you could tackle this with trying to sell new games like that or adding ability to say which games you want and which you do not even though you still get all of them.</li>
<li>This offer is 7 days long&#8230; This bothers me because as usual with such stuff people would manipulate it. Buy like 100 and resell later for bigger price when it will not be sold anymore. Of course such exploit is little bit effected by &#8220;pay what you want&#8221; and &#8220;no DRM&#8221; parts of this but still it holds.</li>
</ul>
<h2>Conclusion</h2>
<p>HIB and Wolfire explore things that I am very interested in and my respect to them for this. All that is very interesting on many levels and could be a start of many interesting game development business models I wish will succeed. Bringing all models together is what is right and what HIB tries to do may be not in very refined way so far. Motivation, morals, engagement of buyer. Social media. Charity. Advertisement place for big contributors/sponsors. All it together in as easy to buy form as possible. Right way to go don&#8217;t you think?</p>
<p style="text-align: left;">
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=t_NxKtl-1F8:TVUOVFlO0Ow:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=t_NxKtl-1F8:TVUOVFlO0Ow:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=t_NxKtl-1F8:TVUOVFlO0Ow:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=t_NxKtl-1F8:TVUOVFlO0Ow:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=t_NxKtl-1F8:TVUOVFlO0Ow:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=t_NxKtl-1F8:TVUOVFlO0Ow:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=t_NxKtl-1F8:TVUOVFlO0Ow:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=t_NxKtl-1F8:TVUOVFlO0Ow:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=t_NxKtl-1F8:TVUOVFlO0Ow:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=t_NxKtl-1F8:TVUOVFlO0Ow:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=t_NxKtl-1F8:TVUOVFlO0Ow:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wonderwhy-er/blog/web/~4/t_NxKtl-1F8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.wonderwhy-er.com/humble-indie-bundle-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.wonderwhy-er.com/humble-indie-bundle-2/</feedburner:origLink></item>
		<item>
		<title>Creative HTML Page</title>
		<link>http://feedproxy.google.com/~r/wonderwhy-er/blog/web/~3/lRER1LcCXzc/</link>
		<comments>http://blog.wonderwhy-er.com/creative-html-page/#comments</comments>
		<pubDate>Thu, 02 Dec 2010 15:07:24 +0000</pubDate>
		<dc:creator>wonderwhy-er</dc:creator>
				<category><![CDATA[Software Development]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.wonderwhy-er.com/?p=380</guid>
		<description><![CDATA[Tweet Just a small sharing of fun thing. Click the image to follow to the site. Interesting HTML page. Kind of animated advertisement where animation position is attached to page scroll bar. Reminda me of this funny breakanoid built on HTML elements where HTML buttons were used as blocks, radio button as ball and scroll [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.wonderwhy-er.com%2Fcreative-html-page%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://blog.wonderwhy-er.com/creative-html-page/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.wonderwhy-er.com/creative-html-page/"  data-text="Creative HTML Page" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://blog.wonderwhy-er.com/creative-html-page/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p style="text-align: left;">Just a small sharing of fun thing. Click the image to follow to the site.</p>
<p style="text-align: center;"><a href="http://benthebodyguard.com/"><img class="size-full wp-image-381 aligncenter" title="ben" src="http://blog.wonderwhy-er.com/wp-content/uploads/2010/12/ben.png" alt="" width="600" height="320" /></a></p>
<p style="text-align: left;">Interesting HTML page. Kind of animated advertisement where animation position is attached to page scroll bar. Reminda me of this funny breakanoid built on HTML elements where HTML buttons were used as blocks, radio button as ball and scroll bar as player controled pad. Sadly I forgot a link&#8230;</p>
<p style="text-align: left;">
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lRER1LcCXzc:T25s3KqHsxw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lRER1LcCXzc:T25s3KqHsxw:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=lRER1LcCXzc:T25s3KqHsxw:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lRER1LcCXzc:T25s3KqHsxw:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lRER1LcCXzc:T25s3KqHsxw:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=lRER1LcCXzc:T25s3KqHsxw:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lRER1LcCXzc:T25s3KqHsxw:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lRER1LcCXzc:T25s3KqHsxw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=lRER1LcCXzc:T25s3KqHsxw:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?a=lRER1LcCXzc:T25s3KqHsxw:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/wonderwhy-er/blog/web?i=lRER1LcCXzc:T25s3KqHsxw:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wonderwhy-er/blog/web/~4/lRER1LcCXzc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.wonderwhy-er.com/creative-html-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.wonderwhy-er.com/creative-html-page/</feedburner:origLink></item>
	</channel>
</rss>

