<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:base="http://xahlee.org/js/">

 <title>Xah's Web Dev Blog</title>
 <subtitle>web programing, technology, news</subtitle>
 <link rel="self" href="http://xahlee.org/js/blog.xml"/>
 <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 <updated>2011-07-01T14:22:20-07:00</updated>
 <author>
   <name>Xah Lee</name>
   <uri>http://xahlee.org/</uri>
 </author>
 <id>http://xahlee.org/js/blog.html</id>
 <icon>http://xahlee.org/ics/sum.png</icon>
 <rights>© 2010, 2011 Xah Lee</rights>

 <entry>
   <title>HTML5 Page Article Tag and Page Structure Tags</title>
   <id>tag:xahlee.org,2011-07-01:212220</id>
   <updated>2011-07-01T14:22:20-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/ex/html5_article_tag.html"/>
 </entry>

 <entry>
   <title>HTML5 Tags</title>
   <id>tag:xahlee.org,2011-06-30:205100</id>
   <updated>2011-06-30T13:51:00-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/html5_tags.html"/>
 </entry>

 <entry>
   <title>Browser Support of HTML “q” Tag for Quotation</title>
   <id>tag:xahlee.org,2011-06-29:224957</id>
   <updated>2011-06-29T15:49:57-07:00</updated>
   <summary>tip</summary>
  <link rel="alternate" href="http://xahlee.org/js/html_q_tag.html"/>
 </entry>

 <entry>
   <title>Amazon Might Stop Affiliate Program in California</title>
   <id>tag:xahlee.org,2011-06-29:215435</id>
   <updated>2011-06-29T14:54:35-07:00</updated>
   <summary>news</summary>
  <link rel="alternate" href="http://xahlee.org/w/amazon_close_ca_affiliate.html"/>
 </entry>

 <entry>
   <title>Google has finally killed their old search API</title>
   <id>tag:xahlee.org,2011-06-27:010119</id>
   <updated>2011-06-26T18:01:19-07:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>see <a href="http://xahlee.blogspot.com/2011/06/adding-google-search-box.html">http://xahlee.blogspot.com/2011/06/adding-google-search-box.html</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Citation Problems on the Web</title>
   <id>tag:xahlee.org,2011-06-26:215416</id>
   <updated>2011-06-26T14:54:16-07:00</updated>
   <summary>discovery; tip</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>see at <a href="http://xahlee.blogspot.com/2011/06/citation-problems-on-web.html">http://xahlee.blogspot.com/2011/06/citation-problems-on-web.html</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>A Egregious Case of Twitter Spam</title>
   <id>tag:xahlee.org,2011-06-26:200935</id>
   <updated>2011-06-26T13:09:35-07:00</updated>
   <summary>report; record</summary>
  <link rel="alternate" href="http://xahlee.org/js/twitter_spam.html"/>
 </entry>

 <entry>
   <title>Using Google Chrome Sync Feature and What Google Knows About You</title>
   <id>tag:xahlee.org,2011-06-23:173359</id>
   <updated>2011-06-23T10:33:59-07:00</updated>
   <summary>tip</summary>
  <link rel="alternate" href="http://xahlee.org/js/google_chrome_sync_privacy.html"/>
 </entry>

 <entry>
   <title>HTML5, Validation, Doctype, and Why Do I Hate Hackers</title>
   <id>tag:xahlee.org,2011-06-22:155851</id>
   <updated>2011-06-22T08:58:51-07:00</updated>
   <summary>rant plus tip</summary>
  <link rel="alternate" href="http://xahlee.org/js/html5_validation_doctype.html"/>
 </entry>

 <entry>
   <title>Adding Google Custom Search Widget</title>
   <id>tag:xahlee.org,2011-06-17:172630</id>
   <updated>2011-06-17T10:26:30-07:00</updated>
   <summary>update. tip.</summary>
  <link rel="alternate" href="http://xahlee.org/js/google_search.html"/>
 </entry>

 <entry>
   <title>HTML strike-thru tag: “s” vs “strike” vs “del” and HTML5</title>
   <id>tag:xahlee.org,2011-06-13:075704</id>
   <updated>2011-06-13T00:57:04-07:00</updated>
   <summary>tip</summary>
  <link rel="alternate" href="http://xahlee.org/js/html_s_strike_del_html5.html"/>
 </entry>

 <entry>
   <title>Firefox 4 for PowerPC Mac</title>
   <id>tag:xahlee.org,2011-06-06:025200</id>
   <updated>2011-06-05T19:52:00-07:00</updated>
   <summary>tip</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p><a href="http://xahlee.blogspot.com/2011/06/firefox-4-for-powerpc-mac.html">http://xahlee.blogspot.com/2011/06/firefox-4-for-powerpc-mac.html</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Twitter's url shortner t.co</title>
   <id>tag:xahlee.org,2011-05-29:050149</id>
   <updated>2011-05-28T22:01:49-07:00</updated>
   <summary>news, tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>see at <a href="http://xahlee.blogspot.com/2011/05/twitters-url-shortner-tco.html">http://xahlee.blogspot.com/2011/05/twitters-url-shortner-tco.html</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Modern Browsers Will Display Gziped File Directly</title>
   <id>tag:xahlee.org,2011-05-20:222550</id>
   <updated>2011-05-20T15:25:50-07:00</updated>
   <summary>tip</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p><a href="http://xahlee.blogspot.com/2011/05/modern-browsers-will-display-gziped.html">http://xahlee.blogspot.com/2011/05/modern-browsers-will-display-gziped.html</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Unicode Font Comparison: Arial Unicode MS vs DejaVu Sans</title>
   <id>tag:xahlee.org,2011-05-20:063452</id>
   <updated>2011-05-19T23:34:52-07:00</updated>
   <summary>test</summary>
  <link rel="alternate" href="http://xahlee.org/js/unicode_font_comparison.html"/>
 </entry>

 <entry>
   <title>HTML, CSS, javascript, Web Tech and Browser Timeline</title>
   <id>tag:xahlee.org,2011-05-19:174108</id>
   <updated>2011-05-19T10:41:08-07:00</updated>
   <summary>history</summary>
  <link rel="alternate" href="http://xahlee.org/js/web_hist.html"/>
 </entry>

 <entry>
   <title>Google Blogger down also lost some comments</title>
   <id>tag:xahlee.org,2011-05-14:102840</id>
   <updated>2011-05-14T03:28:40-07:00</updated>
   <summary>comment</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Google's Blogger went down in the past couple of days, alone with it some comments.
e.g. i have some user comments at
<a href="http://xahlee.blogspot.com/2011/05/portishead-glory-box.html">http://xahlee.blogspot.com/2011/05/portishead-glory-box.html</a> but now it's gone.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Disqus javascript Code</title>
   <id>tag:xahlee.org,2011-05-10:083400</id>
   <updated>2011-05-10T01:34:00-07:00</updated>
   <summary>tips</summary>
  <link rel="alternate" href="http://xahlee.org/js/disqus_js.html"/>
 </entry>

 <entry>
   <title>Customize Internet Explorer 9 (IE9): Turn on Menu; Put Tabs in Separate Row</title>
   <id>tag:xahlee.org,2011-05-07:124204</id>
   <updated>2011-05-08T23:37:43-07:00</updated>
   <summary>tips</summary>
  <link rel="alternate" href="http://xahlee.org/js/customize_ie9.html"/>
 </entry>

 <entry>
   <title>CSS float problem; How many people in the world really understand it?</title>
   <id>tag:xahlee.org,2011-04-11:000135</id>
   <updated>2011-04-10T17:01:35-07:00</updated>
   <summary>question</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>CSS's “float” is really hard to understand. How many people in the world really understand it? I'm guessing it's less than 2 thousand.</p>

<p>Here's a test page. <a href="ex/test_float.html">html css float left right test page</a>.</p>

<p><a href="http://stackoverflow.com/questions/5615567/css-float-left-right-clear-problem-large-gap">http://stackoverflow.com/questions/5615567/css-float-left-right-clear-problem-large-gap</a></p>

<div class="blgcmt"><a href="http://xahlee.blogspot.com/2011/04/how-many-people-in-world-understands.html">✍</a></div>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>web browsers unicode support compared</title>
   <id>tag:xahlee.org,2011-04-06:013949</id>
   <updated>2011-04-05T18:39:49-07:00</updated>
   <summary>tip</summary>
  <link rel="alternate" href="http://xahlee.org/js/browser_unicode_support.html"/>
 </entry>

 <entry>
   <title>useful twitter tool</title>
   <id>tag:xahlee.org,2011-04-04:224037</id>
   <updated>2011-04-04T15:40:37-07:00</updated>
   <summary>link</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>useful tool: when's your twitter followers online? <a href="http://www.tweriod.com/r/3YVPj">http://www.tweriod.com/r/3YVPj</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>html: context-free title tag</title>
   <id>tag:xahlee.org,2011-04-03:205542</id>
   <updated>2011-04-03T13:55:42-07:00</updated>
   <summary>tip</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p><span class="b3">HTML Title Tag</span></p>

<p>Learned a great tip. The “title” tag is supposed to be meaningful even without context. Here's a quote from 
<a class="sorc" href="http://dev.w3.org/html5/html-author/#the-title-element" title="accessed:2011-04-03">Source dev.w3.org</a>:
</p>

<blockquote>
<p>The title element represents the document’s title or name, and should be meaningful even when read out of context.</p>
</blockquote>

<p>So, for example, my article on functional programing:
<a href="../comp/list_comprehension.html">What's List Comprehension and Why is it Harmful?</a>, the title element would better be: “Computer Programing: What's List Comprehension and Why is it Harmful?”.
Note that you should keep it under 200 chars.
</p>

<p>See also: <a href="google_seo_ingredients.html">Google Search Ranking Ingredients (SEO secrets)</a>.</p>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>html, head, body, tags are optional</title>
   <id>tag:xahlee.org,2011-03-28:203052</id>
   <updated>2011-03-28T13:30:52-07:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p><a href="ex/html_head_body_optional.html">HTML “html”, “head”, “body”, Tags Are Optional</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/ex/html_head_body_optional.html"/>
 </entry>

 <entry>
   <title>HTML/CSS multi-column Layout</title>
   <id>tag:xahlee.org,2011-03-26:160036</id>
   <updated>2011-03-26T09:00:36-07:00</updated>
   <summary>update; tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/css_multi-column_layout.html"/>
 </entry>

 <entry>
   <title>HTML5 “figure” “Figurecaption” Tags Browser Support</title>
   <id>tag:xahlee.org,2011-03-24:183300</id>
   <updated>2011-03-24T11:33:00-07:00</updated>
   <summary>tips</summary>
  <link rel="alternate" href="http://xahlee.org/js/html5_figure_figurecaption.html"/>
 </entry>

 <entry>
   <title>CSS “pre” Problem: No Linebreak After Tag</title>
   <id>tag:xahlee.org,2011-03-23:115103</id>
   <updated>2011-03-23T04:51:03-07:00</updated>
   <summary>updated a odd rendering problem with current browsers</summary>
  <link rel="alternate" href="http://xahlee.org/js/linebreak_after_tag.html"/>
 </entry>

 <entry>
   <title>W3C HTML Validator Invalid: p in li</title>
   <id>tag:xahlee.org,2011-03-22:094658</id>
   <updated>2011-03-22T02:46:58-07:00</updated>
   <summary>more w3c fuckup</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Another w3c validator annoyance. If you have a “p” tag inside “li”, it's considered valid. See bottom: <a href="w3c_html_validator_problem.html">W3C HTML Validator Invalid</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/w3c_html_validator_problem.html"/>
 </entry>

 <entry>
   <title>great tutotrial on getting keyboard events in javascript</title>
   <id>tag:xahlee.org,2011-03-21:091718</id>
   <updated>2011-03-21T02:17:18-07:00</updated>
   <summary>link</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>A great blog: 〈JavaScript Madness: Keyboard Events〉 (2011-01-19) By Jan Wolter. @ <a class="sorc" href="http://unixpapa.com/js/key.html" title="accessed:2011-03-21">Source unixpapa.com</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>html, javascript, ad network, porn, fraud</title>
   <id>tag:xahlee.org,2011-03-19:100447</id>
   <updated>2011-03-19T03:04:47-07:00</updated>
   <summary>link</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>A fascinating story.</p>

<p><span class="atlt">Uncovering an advertising fraud scheme. Or “the Internet is for porn”</span> (2011-03-16) By Panos Ipeirotis. @  <a class="sorc" href="http://behind-the-enemy-lines.blogspot.com/2011/03/uncovering-advertising-fraud-scheme.html" title="accessed:2011-03-19">Source behind-the-enemy-lines.blogspot.com</a></p>

<p>This guy, goes over thru tech details on a ad fraud scheme that makes $50k to $700k per month!</p>

<p>I spend 2 hours to read thru. You'll learn quite a few things.
① A detailed scene of online advertising and scams.
② Some of the actual names of ad networks. (if you are interested in monetizing your site. (but though some of them may be shady.))
② Some of the web technologies. 
</p>

<div class="blgcmt"><a href="http://xahlee.blogspot.com/2011/03/html-javascript-ad-network-porn-fraud.html">✍</a></div>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>W3C HTML Validator Invalid</title>
   <id>tag:xahlee.org,2011-03-17:110902</id>
   <updated>2011-03-17T04:09:02-07:00</updated>
   <summary>commentary</summary>
  <link rel="alternate" href="http://xahlee.org/js/w3c_html_validator_problem.html"/>
 </entry>

 <entry>
   <title>Google Chrome, Google Map, Google Earth</title>
   <id>tag:xahlee.org,2011-03-16:095500</id>
   <updated>2011-03-16T02:55:00-07:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Discovered that if you use Google Chrome to access Google Maps, then almost all Google Earth features are there. No need for special plug-ins. Quite amazing.</p>

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=google&amp;aq=&amp;sll=35.065353,-112.240984&amp;sspn=48.414106,54.492188&amp;ie=UTF8&amp;hq=google&amp;hnear=&amp;ll=35.065353,-112.240984&amp;spn=48.414106,54.492188&amp;t=f&amp;layer=c&amp;cbll=37.422887,-122.085224&amp;panoid=HI6KD56pHXe5kyxGUH_k_Q&amp;cbp=12,214.34,,0,7.32&amp;output=svembed"></iframe><br/><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=google&amp;aq=&amp;sll=35.065353,-112.240984&amp;sspn=48.414106,54.492188&amp;ie=UTF8&amp;hq=google&amp;hnear=&amp;ll=35.065353,-112.240984&amp;spn=48.414106,54.492188&amp;t=f&amp;layer=c&amp;cbll=37.422887,-122.085224&amp;panoid=HI6KD56pHXe5kyxGUH_k_Q&amp;cbp=12,214.34,,0,7.32" style="color:#0000FF;text-align:left">View Larger Map</a></small>

<p>Perhaps when you install Google Earth, it automtatically installs plug-in. Or, is Flash doing the 3D work??</p>

<p>Note that this works in E9,  too, but not Firefox, Opera, Safari. (all latest public version as of 2011-03-15.)
To test, just go to <a href="http://maps.google.com/">http://maps.google.com/</a>, then hover mouse over the Satellite square. If it supports Google Earth, it'll also pop up a “Earth” square.</p>

<p>See also: <a href="../dinju/terdi.html">Google Earth Geography 101</a> ◇ <a href="../mswin/Google_Earth_nav_keys_mouse.html">Google Earth Mouse Navigation and Keys</a>.</p>

<div class="blgcmt"><a href="http://xahlee.blogspot.com/2011/03/chrome-google-map-supports-google-earth.html">✍</a></div>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Google Earth in Google Maps</title>
   <id>tag:xahlee.org,2011-03-15:174730</id>
   <updated>2011-03-15T10:47:30-07:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Discovered that if you use Google Chrome to access Google Maps, then almost all Google Earth features are there. No need for special plug-ins. Quite amazing. Click on the link below to go to Google Maps.</p>

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=google&amp;aq=&amp;sll=35.065353,-112.240984&amp;sspn=48.414106,54.492188&amp;ie=UTF8&amp;hq=google&amp;hnear=&amp;ll=35.065353,-112.240984&amp;spn=48.414106,54.492188&amp;t=f&amp;layer=c&amp;cbll=37.422887,-122.085224&amp;panoid=HI6KD56pHXe5kyxGUH_k_Q&amp;cbp=12,214.34,,0,7.32&amp;output=svembed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=google&amp;aq=&amp;sll=35.065353,-112.240984&amp;sspn=48.414106,54.492188&amp;ie=UTF8&amp;hq=google&amp;hnear=&amp;ll=35.065353,-112.240984&amp;spn=48.414106,54.492188&amp;t=f&amp;layer=c&amp;cbll=37.422887,-122.085224&amp;panoid=HI6KD56pHXe5kyxGUH_k_Q&amp;cbp=12,214.34,,0,7.32" style="color:#0000FF;text-align:left">View Larger Map</a></small>

<p>Perhaps when you install Google Earth, it automtatically installs plug-in.</p>

<p>See also: <a href="../dinju/terdi.html">Google Earth Geography 101</a> ◇ <a href="../mswin/Google_Earth_nav_keys_mouse.html">Google Earth Mouse Navigation and Keys</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Tabbed Menu with js or css</title>
   <id>tag:xahlee.org,2011-03-15:151558</id>
   <updated>2011-03-15T08:15:58-07:00</updated>
   <summary>tutorial update</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Updated: <a href="tabs/a.html">Implementing Tab Menu with JavaScript: Page A</a> ＆ <a href="tabs2/a.html">CSS Tab Menu Example: Page A</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>IE9 Renderer Crash</title>
   <id>tag:xahlee.org,2011-03-14:165848</id>
   <updated>2011-03-14T09:58:48-07:00</updated>
   <summary>commentary on IE9 release</summary>
  <link rel="alternate" href="http://xahlee.org/js/ie9_renderer_crash.html"/>
 </entry>

 <entry>
   <title>Unicode Char Equivalence Support in Browsers</title>
   <id>tag:xahlee.org,2011-03-10:022151</id>
   <updated>2011-03-09T18:21:51-08:00</updated>
   <summary>discovery; tips</summary>
  <link rel="alternate" href="http://xahlee.org/comp/unicode_browser_char_equiv.html"/>
 </entry>

 <entry>
   <title>Motorola TV Ad: Apple 1984</title>
   <id>tag:xahlee.org,2011-03-06:200002</id>
   <updated>2011-03-06T12:00:02-08:00</updated>
   <summary>video</summary>
  <link rel="alternate" href="http://xahlee.org/funny/motorolla_vs_apple_1984.html"/>
 </entry>

 <entry>
   <title>What Happens If Google Shut Down Your Account?</title>
   <id>tag:xahlee.org,2011-03-05:130437</id>
   <updated>2011-03-05T05:04:37-08:00</updated>
   <summary>tips, thoughts, my story</summary>
  <link rel="alternate" href="http://xahlee.org/js/Google_shut_your_account.html"/>
 </entry>

 <entry>
   <title>advanced demo of html5 for developers</title>
   <id>tag:xahlee.org,2011-03-02:092718</id>
   <updated>2011-03-02T01:27:18-08:00</updated>
   <summary>link</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Very cool html5 demo for web developers: <a href="http://slides.html5rocks.com/">http://slides.html5rocks.com/</a>. (advanced. Best viewed with Google Chrome)</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Google Chrome Browser ＆ Browser War II</title>
   <id>tag:xahlee.org,2011-03-01:190022</id>
   <updated>2011-03-01T11:00:22-08:00</updated>
   <summary>news, tips, commentary</summary>
  <link rel="alternate" href="http://xahlee.org/js/google_chrome.html"/>
 </entry>

 <entry>
   <title>reminder: programing blogs</title>
   <id>tag:xahlee.org,2011-02-24:171952</id>
   <updated>2011-02-24T09:19:52-08:00</updated>
   <summary>notice</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Reminder. If you like this blog, you might also enjoy my other programer related blogs:</p>

<ul>
<li><a href="../comp/blog.html">Xah's Programing Blog</a>, <a href="http://feeds.feedburner.com/XahsProgramingBlog">subscribe here</a></li>
<li><a href="../emacs/blog.html">Xah Emacs Blog</a>, <a href="http://feeds.feedburner.com/XahsEmacsBlog">subscribe here</a></li>
<li><a href="../js/blog.html">Xah's Web Dev Blog</a>, <a href="http://feeds.feedburner.com/XahsWebProgramingBlog">subscribe here</a></li>
<li><a href="../math/blog.html">Xah's Math Blog</a>, <a href="http://feeds.feedburner.com/XahsMathBlog">subscribe here</a></li>
</ul>

<p>Usually i don't repeat a article in more than one place, even if it's related to both.</p>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>1n1 web hosting offer</title>
   <id>tag:xahlee.org,2011-02-23:205844</id>
   <updated>2011-02-23T12:58:44-08:00</updated>
   <summary>promotion</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">

<p>My webhosting service provider is having a special for “1&amp;1 MyBusiness Site”. Been using it for about 4 years. Never had a problem. I'm happy with the service. Sign up if you need web hosting. <a href="http://www.1and1.com/?k_id=10914806">1and1.com</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>internet ＆ the future</title>
   <id>tag:xahlee.org,2011-02-22:164700</id>
   <updated>2011-02-22T08:47:00-08:00</updated>
   <summary>news; commentary</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p><a href="old_internetnet_terms.html">Internet, Future, Old School Net Lingoes</a> (commentary)</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>what info your browser sends out?</title>
   <id>tag:xahlee.org,2011-02-18:051252</id>
   <updated>2011-02-17T21:12:52-08:00</updated>
   <summary>info; tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Today, your browser sends all sort of information.
Even if you turn cookies off, or flash cookies off, you can still be identified.
For example, your browser send out what font you have installed,
your screen dimension, what plugins you have.
Wanna know what sort of info it sends?
See: <a href="https://panopticlick.eff.org/index.php">https://panopticlick.eff.org/index.php</a>.</p>

<ul>
<li><a href="web_tracking_privacy.html">Cookies, Super Cookies, ＆ Your Privacy</a></li>
<li><a href="website_domain_lookup_tools.html">Website And Domain Lookup Tools</a></li>
</ul>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Google Search Problems ＆ Alternative Search Engines</title>
   <id>tag:xahlee.org,2011-02-14:085431</id>
   <updated>2011-02-14T00:54:31-08:00</updated>
   <summary>news, tips, essay. SEO.</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Google's search is going down the drain.
Α new article from N Y Times describes a big incidence of SEO gaming involving J C Penney.
Detail, examples, summary at:
<a href="alternative_search_engines.html">Google Search Problems ＆ Alternative Search Engines</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/alternative_search_engines.html"/>
 </entry>

 <entry>
   <title>Seven Levy, new book. On Google</title>
   <id>tag:xahlee.org,2011-02-13:073428</id>
   <updated>2011-02-12T23:34:28-08:00</updated>
   <summary>news</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">

<p>Steven Levy, who writes books about Apple, now came out a book of Google</p>

<p>In The Plex: How Google Thinks, Works, and Shapes Our Lives. (2011) Steven Levy. <a class="amz" href="http://www.amazon.com/dp/1416596585/?tag=xahh-20" title="Plex Google Thinks Works Shapes; book">amazon</a></p>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Microsoft Bing Ads</title>
   <id>tag:xahlee.org,2011-02-12:202939</id>
   <updated>2011-02-12T12:29:39-08:00</updated>
   <summary>funny! video</summary>
  <link rel="alternate" href="http://xahlee.org/funny/Microsoft_bing_ad.html"/>
 </entry>

 <entry>
   <title>net neutrality? Tim Wu says...</title>
   <id>tag:xahlee.org,2011-02-11:080052</id>
   <updated>2011-02-11T00:00:52-08:00</updated>
   <summary>new book; news</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Discovered a book, by <a href="http://en.wikipedia.org/wiki/Tim_Wu">Tim Wu</a>. Quote:</p>

<blockquote>
<p>Tim Wu (traditional Chinese: 吳修銘) is a professor at Columbia Law School, the chair of media reform group Free Press, and a writer for Slate Magazine.[1] He is best known for coining the phrase network neutrality in his paper Network Neutrality, Broadband Discrimination,and popularizing the concept thereafter, leading in part to the 2010 passage of a federal Net Neutrality rule.[2][3][4] Wu has also made significant contributions to wireless communications policy, most notably with his "Carterfone" proposal.[5]</p>

<p>Wu's academic specialties are copyright and telecommunications policy. For his work in this area, Professor Wu was named one of Scientific American's 50 people of the year in 2006. In 2007 Wu was named one of Harvard University's 100 most influential graduates by 02138 magazine.[1] His book The Master Switch was named among the best books of 2010 by the New Yorker Magazine,[6] Fortune Magazine,[7] Publisher's Weekly,[8] and other publications.</p>

<p>On February 8, 2011 Columbia Law School announced that Professor Wu "[had] been named senior advisor to the Federal Trade Commission (FTC) for consumer protection and competition issues that affect the Internet and mobile markets."[9] He is scheduled to begin his new position, on February 14, at the FTC's Office of Policy Planning.[10] Professor Wu will take a leave of absence from Columbia.[11]</p>
</blockquote>

<blockquote>
<p>Wu's 2010 book The Master Switch: The Rise and Fall of Information Empires described a long "cycle" whereby open information systems becoming consolidated and closed over time, reopening only after disruptive innovation. The book was named one of the best books of 2010 by the New Yorker Magazine,[6] Fortune Magazine,[7] Amazon.com,[26] the Washington Post,[27] Publisher's Weekly,[8] and others.</p>
</blockquote>

<p><span class="bktl">The Master Switch: The Rise and Fall of Information Empires</span> (2010) By Tim Wu. <a class="amz" href="http://www.amazon.com/dp/0307269930/?tag=xahh-20" title="">amazon</a></p>

<div class="blgcmt"><a href="http://xahlee.blogspot.com/2011/02/net-neutrality.html">✍</a></div>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Google YouTube fixed its invalid type code</title>
   <id>tag:xahlee.org,2011-02-07:072229</id>
   <updated>2011-02-06T23:22:29-08:00</updated>
   <summary>comment; news; trivia</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>2 weeks ago i reported that the embed video code handed out by Google YouTube contains a invalid attribute <code>type="text/html"</code>.
Ι wrote about it here: <a href="html_validation_google_amazon.html">HTML Validation, Google, Amazon</a>, and also asked about at 
<a class="sorc" href="http://stackoverflow.com/questions/4800227/why-did-youtube-put-a-type-attribute-in-iframe-for-embedded-video" title="accessed:2011-02-06">stackoverflow.com</a>, also posted the question to TubeYou forum at
<a class="sorc" href="http://www.google.com/support/forum/p/youtube/thread?tid=2fe9c0cb02f1558f" title="accessed:2011-02-06">Source www.google.com</a>.</p>

<p>Amazingly, Google fixed it! Now the embed code no longer contains <code>type="text/html"</code>. Yay!</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Does javascript support unicode in variable or function name?</title>
   <id>tag:xahlee.org,2011-02-06:173858</id>
   <updated>2011-02-06T09:38:58-08:00</updated>
   <summary>tutorial; js test script</summary>
  <link rel="alternate" href="http://xahlee.org/js/ex/js_unicode.html"/>
 </entry>

 <entry>
   <title>Google URL Shortening Service</title>
   <id>tag:xahlee.org,2011-02-02:150541</id>
   <updated>2011-02-02T07:05:41-08:00</updated>
   <summary>technical; commentary</summary>
  <link rel="alternate" href="http://xahlee.org/js/Google_url_shortening.html"/>
 </entry>

 <entry>
   <title>So this SEO copywriter walks into a bar, grill, pub …</title>
   <id>tag:xahlee.org,2011-01-31:162634</id>
   <updated>2011-01-31T08:26:34-08:00</updated>
   <summary>seo joke; tracing origin</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>There's this tweet going around the net:</p>

<blockquote>
<p>So this SEO copywriter walks into a bar, grill, pub, public house, Irish bar, bartender, drinks, beer, wine, liquor, four loko. —  Victor Haffling (lahaff) 2011-01-06</p>
</blockquote>

<p>The original author seems to be Victor Haffling (lahaff), on 2011-01-06.
Screenshot of his tweet: <a class="lgimg" href="i/seo_walks_into_bar_joke_lahaff.png" title="1163x902">❐</a>
</p>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>What percentage has javascript turned off?</title>
   <id>tag:xahlee.org,2011-01-28:212312</id>
   <updated>2011-01-28T13:23:12-08:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>What's the percentage of web browsers with javascript turned off?</p>

<p>That's a hard question to answer. Google Webmaster Tools doesn't have it. Google Analytics doesn't answer it. Web statistics sites doesn't have the info. Because, it's something you have to specifically design a test to know the answer. Searching the web usally gives you soft answers too, but i found one good source:</p>

<p>〈How many users have JavaScript disabled?〉 (2010-10-13) By Nicholas C Zakas. @ <a class="sorc" href="http://developer.yahoo.com/blogs/ydn/posts/2010/10/how-many-users-have-javascript-disabled/" title="accessed:2011-01-28">Source developer.yahoo.com</a></p>

<p>In short, it's about 1% to 2%.</p>

<div class="blgcmt"><a href="http://xahlee.blogspot.com/2011/01/what-percentage-has-javascript-turned.html">✍</a></div>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Demand Media; content farm</title>
   <id>tag:xahlee.org,2011-01-28:075116</id>
   <updated>2011-01-27T23:51:16-08:00</updated>
   <summary>news; commentary</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Wondering why
<a href="alternative_search_engines.html">Google Search is getting worse</a>
and why there's so much lousy written crap on the web? Thanks to, Demand Media. They are content farms. Hire cheap writers, pay them some like $15 for few hundred words, then spam the web. Churning out 5k articles per day. What are some of their sites? eHow.com, Answerbag.com, or Livestrong.com.</p>

<p><span class="atlt">Demand Media's Planet of the Algorithms</span> “Fresh off its IPO, Demand Media is blanketing the Web with answers to millions of questions you didn't know you had. Is that a business?” (2011-01-26) By Felix Gillette. <a class="sorc" href="http://www.businessweek.com/print/magazine/content/11_06/b4214064466703.htm" title="accessed:2011-01-27">Source www.businessweek.com</a></p>
<div class="blgcmt"><a href="http://xahlee.blogspot.com/2011/01/demand-media-content-farm.html">✍</a></div>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Theodore Gray, on Ebook</title>
   <id>tag:xahlee.org,2011-01-27:080957</id>
   <updated>2011-01-27T00:09:57-08:00</updated>
   <summary>video; talk</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Havn't seen a person giving a 30 min talk that's so riveting and intelligent for long. <a href="../comp/Theodore_Gray_on_ebook.html">Theodore Gray, on ebook</a>. (video)</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/comp/Theodore_Gray_on_ebook.html"/>
 </entry>

 <entry>
   <title>Why did youtube put a type attribute in iframe for embedded video? See: </title>
   <id>tag:xahlee.org,2011-01-27:080915</id>
   <updated>2011-01-27T00:09:15-08:00</updated>
   <summary>link; interesting question about Google; html5</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Why did youtube put a type attribute in iframe for embedded video? See: <a class="sorc" href="http://stackoverflow.com/questions/4800227/why-did-youtube-put-a-type-attribute-in-iframe-for-embedded-video" title="accessed:2011-01-26">Source stackoverflow.com</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>practical html5 advice from w3c</title>
   <id>tag:xahlee.org,2011-01-27:064048</id>
   <updated>2011-01-26T22:40:48-08:00</updated>
   <summary>link</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>A nice page from w3.org that gives good advice for html authors going forward with HTML5:<a href="http://dev.w3.org/html5/spec-author-view/obsolete.html">http://dev.w3.org/html5/spec-author-view/obsolete.html</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>write blog at blogger vs your own site</title>
   <id>tag:xahlee.org,2011-01-27:035110</id>
   <updated>2011-01-26T19:51:10-08:00</updated>
   <summary>personal thoughts</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>A article on my blogger blog discussing the merits of writng on Google blogger vs my own website xahlee.org. @ <a href="http://xahlee.blogspot.com/2011/01/xahblogger-vs-xahleeorg.html">http://xahlee.blogspot.com/2011/01/xahblogger-vs-xahleeorg.html</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Javascript/DOM: insertAfter a Element</title>
   <id>tag:xahlee.org,2011-01-26:200511</id>
   <updated>2011-01-26T12:05:11-08:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/js_insert_after.html"/>
 </entry>

 <entry>
   <title>If a title starts with 5 ways</title>
   <id>tag:xahlee.org,2011-01-25:134149</id>
   <updated>2011-01-25T05:41:49-08:00</updated>
   <summary>pithy tweet</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>If a title starts with 5 ways, 9 reasons, 10 tips… go read it to decrease your brain size.</p>

<div class="rltd">
<ul>
<li><a href="whats_seo_make_money_fast.html">7 Things You Need to Know About SEO</a></li>
<li><a href="twitter_make_money_fast.html">3 Twitter Facts You'll Never Forget</a></li>
</ul>
</div>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Cookies, Super Cookies, Hyper Cookies, ＆ Your Privacy</title>
   <id>tag:xahlee.org,2011-01-25:121613</id>
   <updated>2011-01-25T04:16:13-08:00</updated>
   <summary>tips, commentary</summary>
  <link rel="alternate" href="http://xahlee.org/js/web_tracking_privacy.html"/>
 </entry>

 <entry>
   <title>HTML Validation, Google, Amazon</title>
   <id>tag:xahlee.org,2011-01-22:162717</id>
   <updated>2011-01-22T08:27:17-08:00</updated>
   <summary>commentary</summary>
  <link rel="alternate" href="http://xahlee.org/js/html_validation_google_amazon.html"/>
 </entry>

 <entry>
   <title>Google Search Ranking Ingredients (SEO secrets)</title>
   <id>tag:xahlee.org,2011-01-20:075851</id>
   <updated>2011-01-19T23:58:51-08:00</updated>
   <summary>tips</summary>
  <link rel="alternate" href="http://xahlee.org/js/google_seo_ingredients.html"/>
 </entry>

 <entry>
   <title>browser, url: space in file names</title>
   <id>tag:xahlee.org,2011-01-12:210937</id>
   <updated>2011-01-12T13:09:37-08:00</updated>
   <summary>technical; commentary</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>It looks like today's browsers will automatically convert spaces in url to
the required precent encoding <code>%20</code> in your html links or image
links. For example, suppose you have this image at 〔http://example.com/i/my
house.jpg〕. Notice the space there. In your html code, you can just do
this:</p>

<pre class="html">
&lt;<span class="function-name">img</span> <span class="variable-name">src</span>=<span class="string">"http://example.com/i/my house.jpg"</span> <span class="variable-name">alt</span>=<span class="string">"my house"</span>&gt;
</pre>

<p>It work in all current version of browsers.
It appears that the browsers will encode it for you before sending the HTTP request.
e.g. browsers will send
<code>GET /i/my%20house.jpg HTTP/1.1</code>.
</p>

<p>Of course, by spec, you should encode spaces by <code>%20</code> in your URI.  I think the best solution is still not to use any spaces in file names on server. Because this encoding creates a lot complexities. Though, i'm not sure how long this practice will last, because space is just so much easier to type, easier to read, and frequently needed. I wonder, if in a few years, maybe common web practice will use spaces in file names and leave space as is in all url in html.</p>

<p>For some tech discussion, see: <a class="sorc" href="http://stackoverflow.com/questions/4665124/space-in-url-did-browser-got-smarter-or-server" title="accessed:2011-01-12">Source stackoverflow.com</a>.</p>

<p>See also: <a href="../mswin/allowed_chars_in_file_names.html">What Characters Are Not Allowed in File Names?</a></p>

<div class="blgcmt"><a href="http://xahlee.blogspot.com/2011/01/browser-and-url-space-in-file-names.html">✍</a></div>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>nice free javascript book</title>
   <id>tag:xahlee.org,2011-01-12:201654</id>
   <updated>2011-01-12T12:16:54-08:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>A very nice free javascript programing book for beginning programers. At 
<span class="atlt">Eloquent JavaScript: A Modern Introduction to Programming</span> By Marijn Haverbeke. At <a href="http://eloquentjavascript.net/">eloquentjavascript.net</a>.</p>

<p>If you have programing experience, you might also checkout my <a href="js.html">Xah's Javascript Tutorial</a> for fast intro.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>browser default line-height change</title>
   <id>tag:xahlee.org,2011-01-08:143401</id>
   <updated>2011-01-08T06:34:01-08:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Sometimes in the past 2 years, browsers have changed their default height between lines. For example, before, i have this in css to make paragraphs more readable:</p>

<pre class="css">
<span class="css-selector">p </span>{<span class="css-property">line-height</span>:140%}
</pre>

<p>Without that, the lines will be tightly placed together and hard to read. But now, you can take it out. All browsers of current versions, including IE8, do fine.</p>
<div class="blgcmt"><a href="http://xahlee.blogspot.com/2011/01/browsers-default-line-height-change.html">✍</a></div>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Underscore.js javascript Library for functional programing</title>
   <id>tag:xahlee.org,2011-01-07:215940</id>
   <updated>2011-01-07T13:59:40-08:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>“Underscore.js” is a javascript library that provides a set of functional programing functions.
  It saves you time writing them or writing massive number of lines in imperative way such as loops, etc.</p>

<p>For example, it has these functions on lists: map, reduce, select, max, min, sortBy, sortedIndex, first, rest, last, compact, flatten, without, uniq, intersect, indexOf, lastIndexOf, range.</p>

<p>Pretty simple to use.
Home page at:
<a href="http://documentcloud.github.com/underscore/">http://documentcloud.github.com/underscore/</a>
</p>

<p>See also: <a href="javascript_lang_fun.html">Functional Programing in Javascript</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Opera Turbo Speeds Up Browsing?</title>
   <id>tag:xahlee.org,2011-01-07:213105</id>
   <updated>2011-01-07T13:31:05-08:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<h3>Opera Turbo Speeds Up Browsing?</h3>

<p>Discovered a feature in Opera 10, the “Opera Turbo”.
Basically, it's a feature that makes web browsing faster when using a slow connection.
Such claim always piques me, because ultimately such thing is simply impossible. Many tools or plugin claims it are just malware or wrapper-ware that sucks your money.

So, how exactly Opera Turbo works?
It turns out, it's basically a proxy service feature. If you turn the feature on, and when browsing some slow website, opera browser will past request to a Opera company's server instead, and the Opera Server makes the request to the site you are visting, then, it compress the data then send that back to your browser.</p>

<p>In other words, it's a proxy service, a middleman. So, yes it does make it faster sometimes (assuming that the site you visit doesn't already do compression). The interesting implication is that: ① Opera would know the sites you visit. ② you could use it to visit sites that are censored for example by your company or school.</p>

<p>To turn it on, go to Preferences, “webpages” tab.</p>

<p>See also:</p>

<ul>
<li><a href="Opera_browser_problems.html">Opera Pain; Opera Browser Problems</a></li>
<li><a href="browser_market_share.html">Web Browser Market Share 2010-02</a></li>
</ul>

<div class="blgcmt"><a href="http://xahlee.blogspot.com/2011/01/opera-turbo-speeds-up-browsing.html">✍</a></div>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Introduction to jQuery and selectors</title>
   <id>tag:xahlee.org,2011-01-06:213533</id>
   <updated>2011-01-06T13:35:33-08:00</updated>
   <summary>tutorial</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Introduction to jQuery: <a href="jquery_tutorial.html">jQuery Basics Tutorial</a> and also <a href="jquery_selectors.html">jQuery Tutorial: Selectors</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/jquery_selectors.html"/>
 </entry>

 <entry>
   <title>video on the web</title>
   <id>tag:xahlee.org,2011-01-05:222251</id>
   <updated>2011-01-05T14:22:51-08:00</updated>
   <summary>some random info</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Nice blog from Google:</p>

<ul>
<li>〈Flash and the HTML5 &lt;video&gt; tag〉 (2010-06-29) <a class="sorc" href="http://apiblog.youtube.com/2010/06/flash-and-html5-tag.html" title="accessed:2011-01-05">Source apiblog.youtube.com</a></li>
</ul>

<p>It's pretty short. But if you want one-sentence summery, the moral is this: for HTML5 and browser tech to catch up with Adobe Flash's features for PRACTICAL needs today , it might take a few years.</p>

<p>See also:</p>

<ul>
<li><a href="html5_video_audio.html">HTML5 Video and Audio Tag</a></li>
<li><a href="../comp/streaming_video_notes.html">Intro to Video Streaming and Video Audio Codecs</a></li>
<li><a href="html_embed_video.html">How to Embed Video with Valid HTML</a></li>
<li><a href="../img/metadata_in_image_files.html">How to View Comments in JPEG, PNG, MP3 files? (ExifTool Tutorial)</a></li>
<li><a href="../sl/screen_video_capture.html">Software for Video Capture and Screencasting</a></li>
<li><a href="youtube_iframe_embed_video_code.html">Using iframe to Embed Youtube Videos</a></li>
</ul>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Python Doc URL Disappearance</title>
   <id>tag:xahlee.org,2011-01-03:174116</id>
   <updated>2011-01-03T09:41:16-08:00</updated>
   <summary>commentary</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Python Doc URL Disappearance.</p>

<p>In my <a href="../perl-python/index.html">Perl and Python Tutorial</a>, i
have about 50 links to documentations at python.org. For example, a url has this form
〔http://python.org/doc/tut/node7.html〕. As of today, all these links are 404
errors. No redirect nor any measure to tell user how to find that file.  Same
thing with url of the form〔http://python.org/doc/lib/typesseq-strings.html〕.
</p>

<p>I truely hate sites that do not take consideration of url permanence. This has also happened to FSF. See: <a href="../emacs/gnu_doc.html">A Record of Frustration in IT Industry; Disappearing FSF URLs</a>.</p>

<p>Link maintenance is not easy for sites with large number of files, such as
documentation. But site owners should at least be considerate of this
issue. It's not too difficult to maintain permanent links. There are many
solutions, such as redirects (Apache server url rewrite, html refresh tag, file
aliases), or provide dynamically generated page that tell user where the info
might went.</p>

<p>When you create new content, you should also plan ahead on possible url
changes. For example, if it is a documentation, you might include version number
there, e.g. 〔example.com/v1/doc.html〕,〔example.com/v2/doc.html〕,
〔example.com/latest/doc.html〕.  This way, you can have permanent url for
almost all your url without much management.
</p>

<p>So, what does this mean to you?</p>

<ul>
<li>As webmaster, before your create a url, think about how the url might impact url permanence. Is it likely to change? Can the url be maintained?</li>
<li>As blog writer, when you link to sites, keep in mind that later all your urls for references may be gone, and reader have no idea what's the content of those urls. Before you link to a specific url, you might want to include the page title, or link to a more general table of content page instead. You might be able to actively monitor your links, but you might want to make it so that your links wont suffer link rot so bad even when your site is no longer maintained (such as on a CD ROM)</li>
</ul>

<div class="blgcmt"><a href="http://xahlee.blogspot.com/2011/01/python-doc-url-disappearance.html">✍</a></div>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Syntax Coloring with Google-code-prettify</title>
   <id>tag:xahlee.org,2011-01-03:115347</id>
   <updated>2011-01-03T03:53:47-08:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/google-code-prettify/index.html"/>
 </entry>

 <entry>
   <title>Restore Last Session in Safari, Firefox, Chrome</title>
   <id>tag:xahlee.org,2010-12-27:020429</id>
   <updated>2010-12-26T18:04:29-08:00</updated>
   <summary>tips</summary>
  <link rel="alternate" href="http://xahlee.org/mswin/browser_restore_session.html"/>
 </entry>

 <entry>
   <title>HTML5 Canvas vs SVG</title>
   <id>tag:xahlee.org,2010-12-23:025831</id>
   <updated>2010-12-22T18:58:31-08:00</updated>
   <summary>thoughts; tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/html5_canvas_vs_SVG.html"/>
 </entry>

 <entry>
   <title>Using Unicode in HTML Attributes</title>
   <id>tag:xahlee.org,2010-12-18:193309</id>
   <updated>2010-12-18T11:33:09-08:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/unicode_in_html_attributes.html"/>
 </entry>

 <entry>
   <title>Google Webfont Tutorial</title>
   <id>tag:xahlee.org,2010-12-17:040348</id>
   <updated>2010-12-16T20:03:48-08:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/Google_webfont.html"/>
 </entry>

 <entry>
   <title>HTML anchor tag and accessed date</title>
   <id>tag:xahlee.org,2010-12-03:161804</id>
   <updated>2010-12-03T08:18:04-08:00</updated>
   <summary>commentary</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>HTML link does not allow a way to embed access date, or author, etc. For detail, see: <a href="../emacs/elisp_html-linkify.html">Emacs Lisp: writing a url-linkify</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>css hack: creating icons without images</title>
   <id>tag:xahlee.org,2010-11-29:130014</id>
   <updated>2010-11-29T05:00:14-08:00</updated>
   <summary>css study</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Nicolas Gallagher created a interesting, extreme, css hack. See: 〈Pure CSS GUI icons〉 (2010-11-16) By Nicolas Gallagher. At <a href="http://nicolasgallagher.com/pure-css-gui-icons/demo/">nicolasgallagher.com</a>.</p>

<div class="img">
<img src="i/nicolas_gallagher_css_icons.png" alt="nicolas gallagher css icons" width="600" height="400"/>
<p class="cpt">Nicolas Gallagher's no-images css icons.</p>
</div>

<p>He created 45 icons. No images are used whatsoever, not even in css file. They are done by combining layers of several border, background. Each layer is specifically positioned, z-indexed, and with width and height spec, then using css3 features of rotating or oherwise transform them. The final result is the icon you see. A very advanced hack.</p>

<p>Though, hack they are. In practice, it's much better to use Unicode characters
(See: <a href="../Periodic_dosage_dir/t1/20040505_unicode.html">Sample Unicode Characters</a>) or images. (more than half of the icons he created doesn't exist as Unicode chars.)</p>

<p>To help me understand how he did it, i created (copied, reduced), a much simpler file with just 2 icons. See: <a href="ex/icon_css_hack.html">CSS Hack to Create Icons</a>.</p>

<p>To understand it, you'll at least need to understand:</p>

<ul>
<li><a href="css_positioning.html">CSS Position: static, relative, fixed, absolute, Examples</a></li>
<li><a href="css_layout.html">CSS Layout and Layers</a></li>
<li><a href="ex_css_layers.html">CSS Example: “position:fixed”, overlap, z-index</a></li>
<li><a href="css_flow_list.html">Flowing List Items</a></li>
</ul>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>20thingsilearned.com</title>
   <id>tag:xahlee.org,2010-11-28:202238</id>
   <updated>2010-11-28T12:22:38-08:00</updated>
   <summary>link; comment</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p><a href="http://www.20thingsilearned.com/">20thingsilearned.com</a>. A fancily designed website, that is a kinda educational article for the general public that teaches them what is the web and web technologies, together with some opinions mixed in. A sorta propaganda, from Google. However, it demonstrates what html5 can do.</p>

<p>The site seems to be created sometimes this month (2010-11) (or, opened to public), and it's just about 20 pages of content, but the site's already ranked 21k in the world.
(See: <a href="http://www.alexa.com/search?q=http://www.20thingsilearned.com/">alexa.com</a>.)
For context, my site xahlee.org is ranked world's 68k, and has about 8k daily visitors. A quick estimate seems to indicate the site gets 286k visitors per day.</p>

<p>See also: <a href="../comp/html6.html">HTML6, Your HTML/XML Simplified</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Using iframe to Embed Youtube Videos</title>
   <id>tag:xahlee.org,2010-11-20:033552</id>
   <updated>2010-11-19T19:35:52-08:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/youtube_iframe_embed_video_code.html"/>
 </entry>

 <entry>
   <title>HTML5 Video and Audio Tag</title>
   <id>tag:xahlee.org,2010-11-01:170615</id>
   <updated>2010-11-01T10:06:15-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/html5_video_audio.html"/>
 </entry>

 <entry>
   <title>Functional Programing in Javascript</title>
   <id>tag:xahlee.org,2010-10-31:071010</id>
   <updated>2010-10-31T00:10:10-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/javascript_lang_fun.html"/>
 </entry>

 <entry>
   <title>Javascript Execution Order</title>
   <id>tag:xahlee.org,2010-10-31:070911</id>
   <updated>2010-10-31T00:09:11-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/js_executing_order.html"/>
 </entry>

 <entry>
   <title>Using Javascript to Insert Javascript Based Widget</title>
   <id>tag:xahlee.org,2010-10-31:034053</id>
   <updated>2010-10-30T20:40:53-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/js_insert_js_code.html"/>
 </entry>

 <entry>
   <title>Javascript Encode URL, Escape String</title>
   <id>tag:xahlee.org,2010-10-29:163650</id>
   <updated>2010-10-29T09:36:50-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/js_encode_url.html"/>
 </entry>

 <entry>
   <title>3 Twitter Facts You'll Never Forget</title>
   <id>tag:xahlee.org,2010-10-26:082723</id>
   <updated>2010-10-26T02:06:30-07:00</updated>
   <summary>commentary</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<h1>3 Things About Twitter You'll Never Forget</h1>

<p>Xah Lee, 2010-10-26</p>

<p>New twitter realizations.</p>

<h2>Mutual Following</h2>

<p>Those with huge but about equal number following/followers, means they just do mutual follow. Actual readership is probably near 0. Most these are i think are “seo” shit. They get 10k followers to brag on their website.</p>

<p>There are 100M twitter accounts. Suppose 1% of twitter population are these mutual followers. Then, we have 1M accounts who all having about 1M followers. (M = mega = million) That's why we see so much sites bragging huge twitter followers.</p>

<p>Anyone who follows more than 100 probably isn't reading any of it. Suppose someone follows 100 accounts. Suppose each of these has 1 tweet with link per day. That's 100 links. I think it's safe to say that 90% of those who follows more than 100 twitter accounts only click on 1% of the links in the tweets.</p>

<p>This means, if you get followed by someone who follows huge number of other accounts (i.e. you are just a drop of water in his follow pool), and if his tweets doesn't seem to have anything to do with your interests, chances are, you've been hit for his “follower count increment”.</p>

<p>Many of “seo” shit accounts do the mutual-following. They follow you, and if you didn't follow back, in a couple of days, they unfollow.</p>

<p>Am pretty sure there are lots of “seo” software that does the random follow, wait, drop, stuff. They are likely automatically done by software (just web search for “twitter follow”, “twitter unfollow”, “twitter tools”, “twitter tracker”, “twitter tips” etc, you'll get lots things to read.)</p>

<p>Even though huge number of twitter followers may still mean zero readership, but the bragging right might be useful. For example, advertisers might fall for your “this blog has 10k twitter followers”.</p>

<h2>Bots Penetration</h2>

<p>It's trivial to write a automated twitter software (called
bots). There are lots twit bots. If we assume 0.1% twitter account
are bots, that means 1M accounts are bots. Actually, the bot account
may be significantly higher. Around 2007, i read on Wikipedia that
some 80% blogger accounts are spammer accounts. Am guessing perhaps 1%
or even much more of twitter accounts are bots, or human assisted
bots.</p>

<p>Also remember, all the blurbs and photos in the profile can be
fake. It is incredibly easy to forget this
fact. So, you should take this approach instead: unless you actually
know the other person, or thru a real life friend, then consider any
new tweet account a upfront lie.</p>

<p>Been using twitter for about few months now. The more i think about
this, the sadder it become.  Sure twitter has its uses, in keeping up
with close friends, spreading news and info, as well as legitimate and
practically useful marketing for reputable businesses. But am
beginning to think that vast majority of it is pure worthless shit
(e.g. 90% of the twitter traffic are never read by anyone.).</p>

<div class="rltd">
<ul>
<li><a href="http://xahlee.org/js/whats_seo_make_money_fast.html">7 Things You Need to Know About SEO</a></li>
<li><a href="http://xahlee.org/js/why_google_helps_seo.html">Why Does Google Give SEO Advice?</a></li>
<li><a href="http://xahlee.org/js/domain_names.html">Domain Names, Cybersquatting, Resell Market</a></li>
<li><a href="http://xahlee.org/js/online_advertising.html">How To Be A Online Ad Publisher (Monetize Your Website)</a></li>
<li><a href="http://xahlee.org/js/seo_popular_sites.html">Popular Money Making Websites</a></li>
</ul>
</div>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/twitter_make_money_fast.html"/>
 </entry>

 <entry>
   <title>Javascript: get Elements by ID, Tag, Name, Class</title>
   <id>tag:xahlee.org,2010-10-24:233143</id>
   <updated>2010-10-24T16:31:43-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/js_get_elements.html"/>
 </entry>

 <entry>
   <title>Javascript Floating Box Following Scroll</title>
   <id>tag:xahlee.org,2010-10-23:140835</id>
   <updated>2010-10-23T07:08:35-07:00</updated>
   <summary>javascript; tutorial</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Updated today: <a href="moving_block.html">Javascript Floating Box Following Scroll</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/moving_block.html"/>
 </entry>

 <entry>
   <title>URL Shortening is BAD</title>
   <id>tag:xahlee.org,2010-10-22:172341</id>
   <updated>2010-10-22T10:23:41-07:00</updated>
   <summary>essay</summary>
  <link rel="alternate" href="http://xahlee.org/js/url_shortening.html"/>
 </entry>

 <entry>
   <title>should you declare js variable with “var”?</title>
   <id>tag:xahlee.org,2010-10-21:095000</id>
   <updated>2010-10-21T02:50:00-07:00</updated>
   <summary>tip</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>A tip on javascript.</p>

<p>Variables should be declared using “var”.  When declared with var, it is a variable in the current scope (e.g local to the function).  If not declared, js will search the variable in outter scopes, until it reaches the global space.</p>

<p>Variables declared with “var” can be deleted using 「delete myvar」, but variable not declared with “var” cannot be deleted.</p>

<p>So, you should always declare variable with “var”, even for global variables.</p>

<p>See: <a href="javascript_basics.html">Javascript Basics</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>search box for XahLee.org</title>
   <id>tag:xahlee.org,2010-10-20:142052</id>
   <updated>2011-06-26T17:42:54-07:00</updated>
   <summary>tip; webmaster; XahLee.org</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Want to add a search box to xahlee.org? You can add a html snippet to your site or blog, so you can easily search the 4 thousand articles. Get the code at bottom of this page: <a href="../subscribe.html">Subscribe To XahLee.org Site Feed</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>view Firefox cache</title>
   <id>tag:xahlee.org,2010-10-20:102459</id>
   <updated>2010-10-20T03:24:59-07:00</updated>
   <summary>short tip</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>To view your Firefox cache location, type “about:cache” in the url bar.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>How to Add a Comment System to Your Website</title>
   <id>tag:xahlee.org,2010-10-16:192320</id>
   <updated>2010-10-16T14:11:05-07:00</updated>
   <summary>webmaster tips; seo</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">

<p>Installed <a href="http://en.wikipedia.org/wiki/Disqus">Disqus</a> last week.
<a href="http://disqus.com/">disqus.com</a></p> 

<p>It's a javascript snippet. Place on your website, then people can leave comments. The comments are saved in their server. You pretty don't have to manage it. All you have to do is to place the javascript code on each page. Nice.</p>

<p>Here's some of the pages that's got comment already.</p>

<ul>
<li><a href="../emacs/modernization_image_support.html">Emacs Does Not Support Viewing Images Files In Windows</a></li>
<li><a href="../emacs/ergonomic_emacs_keybinding.html">ErgoEmacs Keybinding</a></li>
<li><a href="../UnixResource_dir/tux_gletu_cipni.html">Beastie Fucking Tux</a></li>
<li><a href="../java-a-day/extend.html">Java Tutorial: The “extend” Keyword</a></li>
<li><a href="../perl-python/regex_split.html">Perl-Python Tutorial: Splitting a Line by Regex</a></li>
<li><a href="../comp/Chinese_input_with_Dvorak.html">Chinese Input with Dvorak Layout (Microsoft Pinyin IME)</a></li>
<li><a href="../emacs/ms_keyboard/intellitype_faq.html">Microsoft IntelliType Common Questions</a></li>
</ul>

<p>XahLee.org has been static html for 10 years. But with comment, my experience is that it may increase traffic 10 fold.</p>

<h2>A Little History on Website Comments and Technology</h2>

<p>Comment started in late 1990s. By early 2000s, blog became popular, and comment follows. Many mainstream news websites such as CNN, Time mag, started to let users add comments in all their articles. Though, it is considered experimental. Some organization embraced it, some still take a watch and see stance. Some show comments on the same page, while others show comments in a separate page, still others, make a selected few comments on the article page.</p>

<p>By now, pretty much all websites has comments.</p>

<p>I never wanted comments. Because, when you look at the comments,
some perhaps 98% of it is useless drivel, factually incorrect info, or
uninformed opinion. However, from business point of view, it seems
that people like it. People want to be able to input their
opinions. For example, if you read a article and thought it's biased
bullshit, you probably want to say it. Also, comments increase your
site traffic significantly, perhaps 10 fold or 100 fold. Because, when
people leave comment, others may not agree and left a reply. So, users
came back to the site, sometimes to argue, sometimes to see what
others say, or otherwise just to keep informed on any
developments. When good comments hits the article, the original
author make correct his article, or add input from useful comments,
and that almost always happens when there are a lot comments, because
one person or one organization can hardly make write article that's
100% perfect, correct, or non-biased.</p>

<p>But still, i didn't see much of the positive points. Mostly what i
see is the 99% drivel. The content on XahLee.org is mostly academic
articles and tutorials on math and programing. I kinda considered it
more like writing a book. And it is a pure hobby, a love of sorts.
And i am kinda haughty. My thoughts were, if i let reader comment, then
wouldn't it rather distract my readers? Because, a page with very
informative article, or academic writing, or professional advice on
programing, now is infested with a whole bunch of random, pot-shot,
thoughts.</p>

<p>In the beginning, comment system is built into the website. To have
comment, basically you write code in CGI, PHP, Perl, as part of
your website system. Then in mid 2000s, web
<a href="http://en.wikipedia.org/wiki/Content_management_system">content
management system</a> (CMS) became popular. So, instead of coding your
own, you simply add a module. But in late 2000s, a even newer tech,
the web 2.0, became popular. It's all javascript based. Instead of
using a particular CMS and modules, there are a lot javascript
“widget” based modules that you can just plug in into your
website.</p>

<p>In early 2010, i started to monetize my website. And thought about
adding comments. But the problem was that i haven't looked into how i
can do that. So, in the beginning i simply linked each article to a
blogger mirror, so that those who want to comment can post there. But
this is not a good solution, because it's a extra link, comments
doesn't show in the same domain. This is not what people want.
Alternative solution is to switch my entire site of 4k static html
pages into php, or a CMS system such as WordPress. I've been wanting
to look into WordPres but never got around to it.  But then i
discovered Disqus, and it works really well.</p>

<div class="blgcmt"><a href="http://xahlee.blogspot.com/2010/10/how-to-add-comment-system-to-your.html">✍</a></div>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>selling site xahlee.org seo</title>
   <id>tag:xahlee.org,2010-10-15:195438</id>
   <updated>2010-10-15T12:54:38-07:00</updated>
   <summary>ttt</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Am thinking of selling my website xahlee.org.
It's ranked by alexa
<a href="http://www.alexa.com/siteinfo/xahlee.org#">http://www.alexa.com/siteinfo/xahlee.org#</a>
at 74.5k in world, or 40.2k in US.</p>

<p>Anyone in the SEO business of buying/selling sites?</p>
<div class="blgcmt"><a href="http://xahlee.blogspot.com/2010/10/selling-site-xahleeorg-seo.html">✍</a></div>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>CSS multi-column Layout?</title>
   <id>tag:xahlee.org,2010-10-14:050911</id>
   <updated>2010-10-13T22:09:11-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/css_multi-column_layout.html"/>
 </entry>

 <entry>
   <title>top trafficked sites</title>
   <id>tag:xahlee.org,2010-10-13:225649</id>
   <updated>2010-10-13T15:56:49-07:00</updated>
   <summary>comment; info</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>myspace.com, used to be #1 trafficked site, is now at 30. lol. <a href="http://www.alexa.com/siteinfo/myspace.com">http://www.alexa.com/siteinfo/myspace.com</a>.</p>

<p>In early 2000s, the top 5 are amazon, ebay, and google or yahoo or apple or msn. Amazon is now 15. Ebay is 21. Yahoo is 4. Am quite surprised how yahoo hasn't fallen. Its services, sites, are among the worst with really annoying ads. (except flickr, which yahoo bought)</p>

<p>Baidu.com, the search engine for Chinese, is at 6. qq.com, a chinese portal, is at 10. taobao.com, a online shopping site for chinese, is at 13. Sina.com.cn, another chinese portal, at 16. While google china is at 18.</p>

<p>Now let's look at porn. I vaguely recall, the top first porn was youporn.com, at 69, about 2007 when i first learned about it (while doing this traffic check!). But now, xvideos.com, is at 54. pornhub.com at 60. Youporn is at 73.</p>

<p>See: <a href="http://www.alexa.com/topsites">http://www.alexa.com/topsites</a>. Let the wheel of fortune spin!</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>CSS: white-space:pre-wrap</title>
   <id>tag:xahlee.org,2010-10-13:051537</id>
   <updated>2010-10-12T22:15:37-07:00</updated>
   <summary>CSS tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Discovered a “white-space:pre-wrap” CSS. Useful when you have computer code that has long line comment. See: <a href="css_text-wrap.html">CSS Text Wrapping Tutorial</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/css_text-wrap.html"/>
 </entry>

 <entry>
   <title>web design: fixed-layout vs flowed-layout</title>
   <id>tag:xahlee.org,2010-10-08:212929</id>
   <updated>2010-10-08T14:29:29-07:00</updated>
   <summary>commentary; design</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Many sites, when you increase the font size, part of the text went off window. It forces you to enlarge the window. Fucking idiot design. If you gonna do that, goto stupid PDF.</p>

<p>Here's a example: 
〈Compare JavaScript frameworks〉 (2010-02-02) By Joe Lennon.
At: <a class="sorc" href="http://www.ibm.com/developerworks/web/library/wa-jsframeworks/?ca=dgr-dwexnbarbw" title="accessed:2010-10-07">ibm.com</a>
</p>

<p>It's a nice article however.</p>

<p>The biggest transgressor of this, is apple.com. However, Apple.com is quite well designed, and i never had to enlarge font.</p>

<p>In web design or document design, there's flowed layout vs fixed-layout design. Both have advantages. Fixed-layout is especially important for print media, such as newspaper, magazine, books. These, you need efficient use of space, and no white gaps between columns or any large white gap. That usually requires you to have tight control down to pixels of every element. But as digital documents, fixed-layout is not suitable because you need your document to be displayed on screens of various size, from palm sized devices to huge cinema screens. And with screens, you have the concept of scroll instead of fixed pages. There isn't a worry of white gaps as in printed media, in fact gaps makes the doc's structure more clear, and you have links, buttons, etc that can do pop-ups, frames, tabs, and windows can be positioned side by side or resized, moved, which gives user much better control in reading the document. So, flowed makes much more sense.</p>

<div class="blgcmt"><a href="http://xahlee.blogspot.com/2010/10/web-design-fixed-layout-vs-flowed.html">✍</a></div>

<div class="rltd">
<ul>
<li><a href="css_layout.html">CSS Layout and Layers</a></li>
<li><a href="css_layout_tableless.html">Tableless Layout with CSS</a></li>
<li><a href="css_problems.html">The Problems with CSS</a></li>
</ul>
</div>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>More Than One Class for HTML Tag</title>
   <id>tag:xahlee.org,2010-10-06:231041</id>
   <updated>2010-10-06T16:10:41-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/html_more_than_one_class.html"/>
 </entry>

 <entry>
   <title>Why Does Google Give Info About SEO?</title>
   <id>tag:xahlee.org,2010-10-05:073520</id>
   <updated>2010-10-05T00:35:20-07:00</updated>
   <summary>commentary</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<h1>Why Does Google Give Info About SEO?</h1>

<p>Xah Lee, 2010-10-05</p>

<p>I have been wondering in the past 2 years, why Google spend much effort to tell webmasters about how they rank web sites etc. For example, Google's</p>

<ul>
<li><a href="http://googlewebmastercentral.blogspot.com/">Google Webmaster Central Blog</a></li>
<li><a href="http://www.google.com/support/webmasters/">Google Webmasters Support</a> </li>
<li><a href="http://www.youtube.com/user/GoogleWebmasterHelp">Google Webmaster Help Videos</a></li>
</ul>

<p>What Google is doing is creating a whole market of SEO gaming,
resulting bad search results, lots of bad sites with lots of ads that
are returned as top results in web search, and the perpetual tech
escalation fight between search engines and quick money schemers.</p>

<p>Why doesn't Google shut up about how how their search engine works?
After all, it's not something relevant to consumers or web site
creators.  If a site wants to be popular, there's the universal
method: make it a good quality site.</p>

<p>This way, people who run questionable business like manipulating search results, have less clue on what to do. Google and other search engines have less to worry about site ranking manipulation, link manipulation, link spamming, cloaking, hidden css, obfuscated javascript, and lots of underhand techniques.</p>

<div class="obj">
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/jGjGtOKJTLQ" width="480" height="385"><param name="movie" value="http://www.youtube.com/v/jGjGtOKJTLQ"/></object>
<p class="cpt">“Why does Google give SEO advice?”</p>
</div>

<p>Google's point of view is that, by giving SEO advices, Google helps
web masters create quality websites. So, when more sites are quality,
people enjoy the web more, and it also helps Google in making money as
well.</p>

<p>A good perspective. Though, am not sure, that the overall effect of this approach is better.</p>

<div class="rltd">
<ul>
<li><a href="http://xahlee.org/js/google_nofollow.html">Google's 「rel="nofollow"」 Rule</a></li>
<li><a href="http://xahlee.org/js/google_sidewiki.html">Google Sidewiki Block</a></li>
<li><a href="http://xahlee.org/funny/Google_ice_cream.html">Google Ice Cream; Can Google Be Trusted?</a></li>
<li><a href="http://xahlee.org/js/alternative_search_engines.html">Google Problems and Alternative Search Engines</a></li>
</ul>
</div>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/why_google_helps_seo.html"/>
 </entry>

 <entry>
   <title>auto Twitter to Facebook</title>
   <id>tag:xahlee.org,2010-10-04:063403</id>
   <updated>2010-10-03T23:41:09-07:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p class="q">How to automatically post from Twitter tweets to Facebook?</p>
<div class="a">
<p>Twitter to Facebook: <a href="http://twitter.com/widgets/facebook">http://twitter.com/widgets/facebook</a>.</p>
</div>

<p class="q">How to automatically post from Blogger to Twitter?</p>
<div class="a">
<p>If you are using Google's FeedBurner, then just go to FeedBurner, click on the one of your feed, then Publicize tab on top, then “Socialize” on the left.</p>
</div>

</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>Don't Be Evil Google Ice Cream</title>
   <id>tag:xahlee.org,2010-10-03:070725</id>
   <updated>2010-10-03T00:07:25-07:00</updated>
   <summary>comedy; video</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<div class="obj">
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/--Ckz_O6oE0" width="480" height="385"><param name="movie" value="http://www.youtube.com/v/--Ckz_O6oE0"/></object>
<p class="cpt">〈"Don't Be Evil?" video - beta version〉</p>
</div>

<p>For more detail, see perm url: <a href="../funny/Google_ice_cream.html">Don't Be Evil Google Ice Cream</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/funny/Google_ice_cream.html"/>
 </entry>

 <entry>
   <title>Google's “following” a blog vs subscribe</title>
   <id>tag:xahlee.org,2010-09-25:024723</id>
   <updated>2010-09-24T19:47:23-07:00</updated>
   <summary>tip</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>What's the diff between Google's “following” a blog vs subscribe?</p>

<p>If you are using Google's services, you can “follow” a blog
published on google's blogger. When you follow, that means, if the
blog has a “follow widget”, you will show up there. (similar to
Twitter's “followers”.) Follow also means that you are automatically
subscribed to the blog, from your <a href="http://en.wikipedia.org/wiki/Google_Reader">Google Reader</a>.</p>

<p>Here's Google Help on the topic: <a class="sorc" href="http://www.google.com/support/blogger/bin/answer.py?hl=en&amp;answer=106241" title="accessed:2010-09-23">Source</a>.</p>

<p>Not that the “follow” is exclusively a Google thing. Blogs not hosted by Google doesn't have that concept. Google Reader also lets you “like” any particular blog article. “Like” is something like a “up vote” in many websites. Author can also see how many times a particular article has been “liked”, if they are using Google's service.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>HTML6, Your HTML/XML Simplified</title>
   <id>tag:xahlee.org,2010-09-22:152841</id>
   <updated>2010-09-22T08:28:41-07:00</updated>
   <summary>new syntax for xml</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p><a href="../comp/html6.html">HTML6, Your HTML/XML Simplified</a></p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/comp/html6.html"/>
 </entry>

 <entry>
   <title>(Google Earth) KML Validation Fuckup</title>
   <id>tag:xahlee.org,2010-09-16:084518</id>
   <updated>2010-09-16T01:45:18-07:00</updated>
   <summary>essay</summary>
  <link rel="alternate" href="http://xahlee.org/comp/kml_validation.html"/>
 </entry>

 <entry>
   <title>Opera Web Browser Problems</title>
   <id>tag:xahlee.org,2010-09-15:062749</id>
   <updated>2010-09-14T23:27:49-07:00</updated>
   <summary>essay; criticism</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p><a href="Opera_browser_problems.html">Opera Web Browser Problems</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/Opera_browser_problems.html"/>
 </entry>

 <entry>
   <title>Google Problems and Alternative Search Engines</title>
   <id>tag:xahlee.org,2010-09-14:100207</id>
   <updated>2010-09-14T03:02:07-07:00</updated>
   <summary>essay; tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p><a href="alternative_search_engines.html">Google Problems and Alternative Search Engines</a>.</p>
</div>
   </content>
  <link rel="alternate" href="http://xahlee.org/js/blog.html"/>
 </entry>

 <entry>
   <title>rss, webfeed, news reader trends</title>
   <id>tag:xahlee.org,2010-09-12:035637</id>
   <updated>2010-09-11T20:56:37-07:00</updated>
   <summary>see content</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">

<p>Some juicy news.</p>

<ul>
<li>〈Facebook users have low self-esteem〉 (2010-09-09) <a class="sorc" href="http://timesofindia.indiatimes.com/tech/social-media/Facebook-users-have-low-self-esteem/articleshow/6523688.cms" title="accessed:2010-09-11">indiatimes.com</a></li>
</ul>

<ul>
<li>〈The Death Of The RSS Reader〉 (2010-09-10) by Joseph Tartakoff. <a class="sorc" href="http://paidcontent.org/article/419-the-death-of-the-rss-reader/" title="accessed:2010-09-11">Source</a></li>
<li>〈Twitter Has Killed RSS Readers -- Traffic To Google Reader Down 27% Since Last Year〉(2010-09-11) By Henry Blodget. At: <a class="sorc" href="http://www.businessinsider.com/twitter-has-killed-rss-readers-traffic-to-google-reader-down-27-year-over-year-2010-9" title="accessed:2010-09-11">Source</a></li>
</ul>

<p>See also:</p>

<ul>
<li><a href="feedburner.html">Advantages Of FeedBurner And Some Web Feed History</a></li>
<li><a href="atom.html">Atom Webfeed Basics</a></li>
</ul>
</div>
   </content>
 </entry>

 <entry>
   <title>Google's “nofollow” Attribute</title>
   <id>tag:xahlee.org,2010-09-08:073418</id>
   <updated>2010-09-08T00:34:18-07:00</updated>
   <summary>commentary</summary>
  <link rel="alternate" href="http://xahlee.org/js/google_nofollow.html"/>
 </entry>

 <entry>
   <title>use Google public DNS server</title>
   <id>tag:xahlee.org,2010-09-01:051920</id>
   <updated>2010-09-01T00:16:48-07:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Have problems with your dns server? use google's! Google has a public dns for this purpose. “8.8.8.8” and “8.8.4.4”. See: <a href="http://code.google.com/speed/public-dns/">http://code.google.com/speed/public-dns/</a>.</p>
</div>
   </content>
 </entry>

 <entry>
   <title>FireFox spellchecker addon</title>
   <id>tag:xahlee.org,2010-08-31:080857</id>
   <updated>2010-08-31T01:08:57-07:00</updated>
   <summary>nice tool</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Discovered a FireFox extension that lets you spell check the window (whole window, not just inside input text boxes). This is useful when your a developing a website. <a href="https://addons.mozilla.org/en-US/firefox/addon/11259/">https://addons.mozilla.org/en-US/firefox/addon/11259/</a>.</p>
</div>
   </content>
 </entry>

 <entry>
   <title>CSS1 And CSS2 Differences</title>
   <id>tag:xahlee.org,2010-08-22:050258</id>
   <updated>2010-08-21T22:02:58-07:00</updated>
   <summary>tutorial; complete rewrite</summary>
  <link rel="alternate" href="http://xahlee.org/js/css2.html"/>
 </entry>

 <entry>
   <title>tip on kbd tag</title>
   <id>tag:xahlee.org,2010-08-12:133852</id>
   <updated>2010-08-12T06:38:52-07:00</updated>
   <summary>tips</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p>Discovered the “&lt;kbd&gt;” tag. It's similar to the “i”, “b”, “strong”, tags, but for keyboard input. It is also supported in html5. I now used it to markup keyboard keys, e.g. “<kbd>Ctrl</kbd>+<kbd>x</kbd>”.</p>

<p>I used to use:</p>

<pre class="html">
&lt;<span class="function-name">span</span> <span class="variable-name">class</span>=<span class="string">"key"</span>&gt;Ctrl&lt;/<span class="function-name">span</span>&gt;
</pre>

<p>But that's more verbose. Now i use emacs to make the change on about 100 files on my site. (See: <a href="../emacs/find_replace_inter.html">Emacs Interactively Find and Replace String Patterns on Multiple Files</a>)</p>

<p>The css i use is this:</p>

<pre class="css">
<span class="css-selector">kbd </span>{<span class="css-property">border</span>:solid 1px <span class="ATTRLIST-1">#c2c2c2</span>;<span class="css-property">background-color</span>:<span class="ATTRLIST">#f0f0f0</span>;
<span class="css-property">padding-left</span>:.3ex;<span class="css-property">padding-right</span>:.3ex;<span class="css-property">font-family</span>:monospace}
</pre>
</div>
   </content>
 </entry>

 <entry>
   <title>CSS “first-letter” and “first-line” Example</title>
   <id>tag:xahlee.org,2010-08-10:172151</id>
   <updated>2010-08-10T10:21:51-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/ex_css_match_tag_content.html"/>
 </entry>

 <entry>
   <title>CSS Example: How to use “:before” and “:after” pseudo-elements</title>
   <id>tag:xahlee.org,2010-08-07:120940</id>
   <updated>2010-08-07T05:09:40-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/css_before_after.html"/>
 </entry>

 <entry>
   <title>How to Create and Update a Sitewide Logo (Favicon)</title>
   <id>tag:xahlee.org,2010-08-05:041157</id>
   <updated>2010-08-04T21:11:57-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/web_favicon.html"/>
 </entry>

 <entry>
   <title>CSS Margin vs Padding</title>
   <id>tag:xahlee.org,2010-07-30:120237</id>
   <updated>2010-07-30T05:02:37-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/css_margin_vs_padding.html"/>
 </entry>

 <entry>
   <title>How to Enable HTTP Server gzip Compression</title>
   <id>tag:xahlee.org,2010-07-29:192332</id>
   <updated>2010-07-29T12:23:32-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/http_gzip_compression.html"/>
 </entry>

 <entry>
   <title>How to Embed Video with Valid HTML</title>
   <id>tag:xahlee.org,2010-07-20:000136</id>
   <updated>2010-07-19T17:01:36-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/js/html_embed_video.html"/>
 </entry>

 <entry>
   <title>Intro to Video Streaming and Video Audio Codecs</title>
   <id>tag:xahlee.org,2010-07-14:190726</id>
   <updated>2010-07-14T12:07:26-07:00</updated>
   <summary>tutorial</summary>
  <link rel="alternate" href="http://xahlee.org/comp/streaming_video_notes.html"/>
 </entry>

 <entry>
   <title>Google Analytics Asynchronous Tracking Code</title>
   <id>tag:xahlee.org,2010-07-01:192332</id>
   <updated>2010-07-01T12:23:32-07:00</updated>
   <summary>commentary</summary>
  <link rel="alternate" href="http://xahlee.org/js/google_analytics_tracker_code.html"/>
 </entry>

 <entry>
   <title>hyperlinks and underline</title>
   <id>tag:xahlee.org,2010-06-13:064200</id>
   <updated>2010-06-14T01:17:16-07:00</updated>
   <summary>commentary and tips</summary>
  <link rel="alternate" href="http://xahlee.org/js/hyperlinks_and_underline.html"/>
 </entry>

 <entry>
   <title>URL Percent Encoding and Unicode</title>
   <id>tag:xahlee.org,2010-05-24:174726</id>
   <updated>2010-05-24T10:47:26-07:00</updated>
   <summary>some issues with unicode in url</summary>
  <link rel="alternate" href="http://xahlee.org/js/url_encoding_unicode.html"/>
 </entry>

 <entry>
   <title>Popular Money Making Websites</title>
   <id>tag:xahlee.org,2010-05-15:055154</id>
   <updated>2010-05-14T22:51:54-07:00</updated>
   <summary>survey; seo; web monetization</summary>
  <link rel="alternate" href="http://xahlee.org/js/seo_popular_sites.html"/>
 </entry>

 <entry>
   <title>danger of Facebook</title>
   <id>tag:xahlee.org,2010-05-08:203544</id>
   <updated>2010-05-08T13:35:44-07:00</updated>
   <summary>news article</summary>
   <content type="xhtml">
<div xmlns="http://www.w3.org/1999/xhtml">
<p><span class="atlt">Five Hidden Dangers of Facebook</span> (2010-05-08), from CBS news, at
<a class="sorc" href="http://www.cbsnews.com/stories/2010/05/08/earlyshow/saturday/main6469373.shtml" title="accessed:2010-05-08">Source</a></p>

<p>See also: <a href="facebook_ethics.html">Facebook's Ethics</a></p>
</div>
   </content>
 </entry>

</feed>

