2011-07-02

Young Girls, Feet and Makeup, Sexual Mores

Perm url with updates: http://xahlee.org/sex/feet_and_makeup.html

Young Girls, Feet and Makeup, Sexual Mores

Xah Lee, 2011-07-02

Cute Girl Showing Off her feet

“My Barefoot Demi Pointe Work 2010” by Ally Olsen (aka allolsen).

Yeah, showing off, but oohh, she's soo cute, and such a pretty feet.

Well, she's just innocent, and wanted to do video of her ballet study. It's not really showing off. But then, you wonder, why you don't see ballet boys doing such videos? Of course, the answer has to do with the fundamental nature of sex. It's the same reason that syncronized swimming and cheerleaders are done by women, nay, nubile girls, while such performances by men went nowhere.

Chatty Girl on Makeup

“TAG! My Makeup Story” by juicystar07

Not sure what to say.

It seems to me, American Girls has this repressed cult thing about sexuality. Like, she has to defend makeup. While, Latin America (Spanish), French, cultures, of which i had some contact, are quite open and natural about sex. French or Spanish girls EXUDES feminity. You'll see children at age 10 or so wearing makup and toe nail paints, talking about boyfriends, and with parent's help. On the other hand, Asian girls (e.g. Taiwan, Japan), you don't fucking wear makup or nail paints utill you are way moved out of your parent's house. (yet, Asian sexual culture has some weird fetishes, as can be seen in Japanese animation (aka anime). I suppose it came from repressed sexuality.)

Medusa: eyes up here buddy

Update: 〈Xah's Arts Blog〉 http://xahlee.org/arts/blog.html (not posted here or linked due to Google adsense restrictions)

2011-07-01

HTML5 “address” Tag

Perm url with updates: http://xahlee.org/js/html5_address_tag.html

HTML5 “address” Tag

The “address” tag is for contact info of the article author or page's owner. Use it like this:

<address>
Contact <a href="../mary_lee.html">Mary Lee</a>.
</address>

The “address” tag can contain email or street address. For example:

<address>
Write to Mary at <a href="mailto:mary@example.com">mary@example.com</a>.
</address>

The main thing is that it marks up a contact info of the article. There's no strict structure of what content inside “address” tag should be. Also, the “address” tag is often conveniently placed inside “header” or “footer” tags. (See: HTML5 Page Article Tag and Page Structure Tags.)

Note: the “address” tag should NOT be used for arbitrary address that has nothing to do with the author or page owner.

Here's how your browser renders it:

Contact Xah Lee.

dev.w3.org

Back to HTML5 Tags.

HTML5 Page Article Tag and Page Structure Tags

New: HTML5 Page Article Tag and Page Structure Tags (tutorial)

2011-06-30

HTML5 Tags

Perm url with updates: http://xahlee.org/js/html5_tags.html

HTML5 Tags

Xah Lee, 2011-06-26, 2011-07-07

This page is a COMPLETE list of HTML5 tags. Those marked with a dagger† are new in html5.

HTML Structure, Meta info, Tags

htmlwrapper tag for entire file. (only DOCTYPE goes before it.)
headwrapper tag for meta info
metameta tag used inside “head” tag
linkstyle sheet etc. <link rel="stylesheet" type="text/css" href="http://xahlee.org/js/lang.css">
titledocument title
basebase URL
bodywrapper tag for page content
styleCSS stylesheet

See: HTML Basics.

Page Structure

nav†navigation markup
header†page's header
footer†page's footer
aside†Sidebar
article†Enclose a article. (e.g. essay)
section†section markup

See: html5 tags test page: header, footer, nav, article, section, aside.

Title/Section Heading

h1headline 1
h2headline 2
h3headline 3
h4headline 4
h5headline 5
h6headline 6
hgroup†Used to group one of “h1” to “h6”.

Text Block

divgeneric block markup. Use with css
pparagraph
premonospace block
blockquotequote passages, excerpt
hrhorizontal rule

Lists

ulunordered list
olordered list
lilist item. (use inside “ul” or “ol”)

See: Flowing List Items

dldefinition list
dtdefinition term
dddefinition description

See: HTML examples: {dl, dt, dd} for Definition List

Table

tabletable
captiontable caption
trtable row
tdtable cell
thtable cell header
theadtable header
tfoottable footer
tbodytable body
colgroupgroup table columns for styling
colused inside “colgroup”

Forms

form
buttonRender as Button. Used together with javascript.
inputGeneric input (text, radio box, checkbox, submit button)
textarealarge text input (e.g. comment)
selectmenu.
optionMenu item. Used with “select”.
optgroupMenu item group label.
labelA label for a form input
fieldset?
legendtitle in a fieldset
keygen†?
command†? command button
datalist†? dropdown list
menu? menu list
output†?
details†?
summary†? header of a "details" element

HTML Form Example

Inline Text Markup

spangeneric text markup. Use with css
alink (anchor)
ememphasize. Placing emphasis may affect the meaning of sentence.
strongimportant. Placement of this tag does not change the meaning of sentence.
bbold
iitalic
uunderline for book title, misspelled word, ….
sstrike-thru
mark†higlight
smallsmaller
deldeleted text
insnewly inserted text (in contrast to “del”)
supsuperscript
subsubscript
dfndefinition term
codecomputer code
varvariable
sampsample code
kbdkeyboard input
qshort inline quote. “q” example
citecitation

See: test page for HTML text style Tags.

ruby†pronunciation markup for asian langs. ruby example.
rp†used inside “ruby” tag
rt†used inside “ruby” tag
brline break
wbr†line-break hint. Browsers can render line break at this point.
bdotext direction
bditext direction

Image

img
figcaption†caption for images
figure†group images
mapImage Map example
areaimage map. Used inside “map” tag.

See: HTML5 “figure” & “figurecaption” example.

Audio, Video, Special Objects

scriptSee: Javascript Basics.
noscripte.g. <noscript>displayed when javascript is off</noscript>
objectembedded object. Object example.
paramparameter, used with “object” tag
embed†interactive content or plugin
video†video. See Video/Audio Example
audio†For embedding sound files.
iframeembed a page; inner window. Iframe example
canvas†interactive graphics, games
abbre.g. <abbr title="eXtensible Markup Language">XML</abbr>; abbr example
addressmarkup for contact of article or page. HTML5 “address” Tag
source†? media resources
meter†gauge indicator. Meter examle
progress†Progress bar. Progress bar example
time†date/time HTML5 “time” Tag
  • track

Obsolete HTML4 Tags

acronymuse “abbr”
appletuse “embed” or “object”
bgsounduse “audio”
basefontuse css
biguse css
centeruse css. See: Centering with CSS.
dirDirectory list. Use “ul”
fontuse css
frameuse css, iframe
framesetuse css, iframe
noframes
strikeuse “s”. See: “s” vs “strike” vs “del”.
ttstands for “teletype”, rendered in monospace font. Use “code”, “samp”, or css.
xmpuse “pre” with css.

Reference

Wikileaks's Mastercard Parody

Perm url with updates: http://xahlee.org/funny/wikileak_mastercard.html

Wikileaks's Mastercard Parody

Xah Lee, 2011-06-30

Wikileaks's Mastercard Parody

2011-06-29

Browser Support of HTML “q” Tag for Quotation

Perm url with updates: http://xahlee.org/js/html_q_tag.html

Browser Support of HTML “q” Tag for Quotation

Xah Lee, 2011-06-29

There's a “q” tag in html, like this: <q>something</q>. This tag is in html4 and also html5. It is supposed to be a short inline quote, such as a sentence. Browsers are supposed to render it with a “curly quotation marks” wrapped around it.

Test your browser here: Test Page of HTML “q” Tag.

As of today (2011-06-29), all latest public version of major browsers on Windows support it. i.e. Firefox 5, Chrome 12.0.x, IE9 9.0.8112, Safari 5.0.5, Opera 11.1.

Though, it's funny that in Chrome and Safari (both using the WebKit engine), it uses straight double quotes, not curly quotes.

Amazon: Notice of Contract Termination Due to Potential New California Law

Perm url with updates: http://xahlee.org/w/amazon_close_ca_affiliate.html

Amazon Closes CA Affiliate Program

Xah Lee, 2011-06-29

Amazon Might Stop Affiliate Program in California

For those of you who run websites and uses Amazon's affiliate program to monetize your writing, this is of interest.

Got this email from Amazon today. Here's a excerpt, highlighting by me:

For well over a decade, the Amazon Associates Program has worked with thousands of California residents. Unfortunately, a potential new law that may be signed by Governor Brown compels us to terminate this program for California-based participants. It specifically imposes the collection of taxes from consumers on sales by online retailers - including but not limited to those referred by California-based marketing affiliates like you - even if those retailers have no physical presence in the state.

We oppose this bill because it is unconstitutional and counterproductive. It is supported by big-box retailers, most of which are based outside California, that seek to harm the affiliate advertising programs of their competitors. Similar legislation in other states has led to job and income losses, and little, if any, new tax revenue. We deeply regret that we must take this action.

As a result, we will terminate contracts with all California residents that are participants in the Amazon Associates Program as of the date (if any) that the California law becomes effective. …

So, which law is this? And who's behind it? Here's some article about it.

Mercury News has the best detail: Online retailers strike back at new tax (2011-06-29) By Dana Hull. @ Source www.mercurynews.com

Key summary:

  • California is starving for money, and think that this is a way to make money, by requiring online retailers to charge tax.
  • This law seems to be nicknamed Amazon Tax. Because Amazon is the top player affected by this.
  • By Federal Law, state cannot require retailer to charge tax if the retailer doesn't have a physical store in the state. (so, this proposed law seems unlawful!)
  • Amazon doesn't really have to cut affiliate program off due to this law, but if have affiliate in CA, they must start to charge taxes.
  • Amazon has already stopped its affiliate program in 3 other states that enacted similar law. (Illinois, Arkansas, Connecticut)
  • California law requires residents to pay taxes on all online purchase. But if it isn't done by merchant, guess how many actually do it?
  • Whether CA will actually get more money by this law is debatable. There are arguments on both sides. If the law gets signed, then the tens of thousands small business using Amazon or other affiliate program may cease operation or move out of state, meaning less income tax for CA.

I haven't looked into what happend to other states that passed this law.

So what do i think? I don't really know. The laws and society is so complex today. I just know that this means pain for me. I'll lose about $20/month that i make from Amazon's affiliate program. LOL.

2011-06-29 Update: the governor Brown has signed into law the bill. Email from Amazon:

Unfortunately, Governor Brown has signed into law the bill that we emailed you about earlier today. As a result of this, contracts with all California residents participating in the Amazon Associates Program are terminated effective today, June 29, 2011. Those California residents will no longer receive advertising fees for sales referred to Amazon.com, Endless.com, MYHABIT.COM or SmallParts.com. Please be assured that all qualifying advertising fees earned before today will be processed and paid in full in accordance with the regular payment schedule.

Childhood Memories: Japanese Cartoons of 1970s

Perm url with updates: http://xahlee.org/arts/japan_cartoon_1970s.html

Childhood Memories: Japanese Cartoons of 1970s

Xah Lee, 2011-06-28

We get old. Am in my 40s, but can still hum many tunes from cartoons when i was under 10. Now and then in the past few years, i've tried to search on the web of these old tunes in my head, to remember it, to see with adult's eye what it was about, who made the cartoon, etc. But often it's hard to search. But today, with youtube, within 1 minutes search you find the whole collection.

This page lists several cartoons that are deeply in my memory. They are made in Japan, around 1970s to early 1980s, typically broadcasted in Taiwan few years later.

One big thanks to 張哲生 (Jason), who took the time to collect and annotate these old cartoons. In fact he wrote a book 飛呀!科學小飛俠. His website is: http://jasonforce.com/memory/. In the following, Chinese excerpts are usually from his youtube annotation, and English are usually frow Wikipedia.

The Adventures of Hutch the Honeybee 小蜜蜂

小蜜蜂

The Adventures of Hutch the Honeybee (昆虫物語 みなしごハッチ, 1970). Quote:

The cartoon features the adventures of a young bee named Hutch : the son of a Queen bee, Hutch is separated from his mother when his native beehive is destroyed by an attack of wasps. The series follows Hutch as he searches for his missing mother, in the midst of a frequently hostile nature.

The original show (1971) is notable for its frequently sad and cruel scripts. In many episodes, Hutch would befriend another insect, only to see his new friend die a violent and painful death.

From Jason:

「小蜜蜂」卡通的主角叫做哈奇(Hutch),是一隻年幼的小蜜蜂,某日,他所居住的蜂巢被大舉入侵的黃蜂所摧毀;幸運逃過一劫的他,卻成了一個無家可歸的流浪者。為了能找到未曾謀面的親生母親,他展開了一段漫長的冒險旅程。在這一路上,他體驗了無數的嘲諷、痛苦與悲傷;但漸漸地,他也從中學會了愛、耐心、友誼、勇氣和許多能讓生活變得更有價值的美德。

Note that Hutch the bee is a orphan, in search of her mom. In lots of these cartoons of 1970s era, the protagonist are all orphans, searching for their parent, usually mom, and going thru hardship. You'll see several on this page.

Lyrics:

小蜜蜂
詞 / 曲:汪石泉

有一個小蜜蜂 飛到西又飛到東
嗡嗡嗡嗡 嗡嗡嗡嗡 不怕雨也不怕風

自立自強有信心 刻苦耐勞勤作工
萬里尋親不怕難 消滅敵人最英勇 
最英勇 啦啦啦啦

有一個小蜜蜂 飛到西又飛到東
嗡嗡嗡嗡 嗡嗡嗡嗡

有恆一定會成功 有恆一定會成功
有恆一定會成功

Candy Candy 小甜甜

小甜甜

Candy Candy (キャンディ・キャンディ) (1975). Quote:

Candy is an abandoned orphan taken in the orphanage Pony's Home near Lake Michigan around the start of the 20th century. She spends the first years of her life at the orphanage, where she will often return to repose and decide her next course in life. Growing up she gets adopted twice, first by the Leagans who treat her poorly, and after that by a wealthy benefactor whom she does not meet until the end of the story. But he is heir to an important estate, and a relation of her first love Anthony and his cousins the Cornwell brothers. After Anthony dies, Candy gets an education in London where she meets the rebellious Terry, her second and grand love (in the words of the author Keiko Nagita/Kyoko Mizuki in the essays found on Misaki's website, “the great love that cannot bear fruit”). Circumstances seem to constantly divide the pair. Upon her return in the US, she trains and gains experience in becoming a nurse in Chicago, around the time of WWI, while Terry tries to become a Broadway actor and meets another woman, Susannah, who hopes to get between Candy and Terry. Eventually both have to make honest decisions for their own happiness while being true to themselves. And with the revelation of the identity of her guardian, Candy also discovers who her childhood hilltop prince is.

About the story, from Jason:

日本卡通「小甜甜」原名「キャンディ・キャンディ」(Candy Candy)改編自漫畫家五十嵐優美子和兒童文學作家水木杏子所創作的少女漫畫作品。小甜甜卡通由NET、旭通信社、東映聯合製作,1976年10月1日至1979年2月2日在日本NET電視台(朝日電視台前身)首映,共115集,得到相當大的好評。

「小甜甜」的故事發生在二十世紀初的美國,孤女小甜甜在孤兒院的山丘上巧遇一位吹奏蘇格蘭風笛的王子,而改變了一生的命運。

自從遇見山丘上的王子後,小甜甜決定以笑容迎接任何困難,因為山丘上的王子告訴她:「妳的笑臉要比哭的時候好看多了。」

開朗熱情的小甜甜先是在玫瑰花門遇到很像王子的安東尼,後來在水門遇到安東尼的堂弟阿琪,再來是石門的小迪,最後此三人促成了她被安德烈家族收養,但此舉並非為小甜甜帶來幸福。

天意弄人,安東尼意外墜馬而死,深愛安東尼的小甜甜決定離開美國這塊傷心地,遠赴英國讀書。在英國遇到貴族陶斯,兩人相戀卻因嚴酷的環境而分離。此刻,第一次世界大戰爆發,奪去了小迪的生命。

當小甜甜再度回到了孤兒院的山丘上時,又聽見了那熟悉的蘇格蘭風笛,小甜甜才赫然發現長期以來收養她的威廉老爺—阿利巴先生,竟然就是當年她在山丘上遇見的王子!這樣的結局不禁令人唏噓

The Chinese translation of the show and the main character is “小甜甜”, literally “little sweet sweet” meaning “little sweetie”. Note that Britney Spears's nickname in Chinese is also 小甜甜.

Youtube has this touching comment.

曾經,我也是個「小甜甜」。小時候我們叫這些動畫為「卡通」;曾經,每天放學後吃晚餐前就只期待看小甜甜和小蜜蜂;曾經,我也是個小女孩....這個感傷的夜裡,我這35歲的老女人因為聆聽童年時的音樂掉下眼淚…

Here's a quick translation:

Once, I was also a “Little Sweetie”. Back then we called “animations” as “cartoons” [transliteration of the English word]; Back then, every day after school before dinner we can't wait to watch Candy Candy and Hutch The Honeybee; Once, I was a little girl too …. In this sad night, me a 35-years old women listening to these childhood tunes, tears came out my eyes …

Candy Candy

Candy Candy

Here's the Chinese lyrics:

小甜甜
詞:孫儀 / 曲:周金田

有一個女孩叫甜甜 從小生長在孤兒院
還有許多小朋友 相親相愛又相憐 
這裏的人情最溫暖 這裏的人們最和善 
好像一個大家庭 大家都愛小甜甜 

一天又一天 一年又一年 
轉眼之間已長大 依依不捨說再見 
每一個孩子都勇敢 每一個孩子都樂觀 
自立自強有信心 前途光明又燦爛

Quick translation:

there's a girl named Candy, she grew up in a orphanage
here are many other kids, they love and care for each other
the people here are the most warm; the people here are most kind
like one big family, everyone loves Candy

day after day, years gone by
in a blink we grew up; reluctantly we depart
every child is brave; every child is hopeful
with strong confidence; the future is shining bright

This story is in the background of American and England. Thru these stories, we as kids learn about Western people and culture. The blonde hair, the clothing, the living habits, the Victorian settings; just as most US Americans first got a glimpse of Asian culture and history from cartoons or movies.

Triton of the Sea 海王子

海王子

Triton of the Sea (海のトリトン) (1972). Quote:

5000 years ago, the Triton Family was living peacefully in Atlantis until the Poseidon Family destroyed them all out of jealousy for their successes. The race of merman was annihilated leaving Triton, the last survivor of his kind. Ruka took the orphaned Triton to Japan in order to protect him from his enemies. …

日本卡通「海王子」原名「海のトリトン」,改編自手塚治虫於1969年創作的同名漫畫,1972.4.1~1972.9.30在日本TBS首映,共27集 …

…手塚常在作品中鋪陳對人文的關懷,並用隱喻的方式來宣揚「反戰」思想,當然「海王子」也不例外。

海王子原本是日本某個小漁村裡的一個平凡少年,由爺爺獨力養育著。某日,海王子在海邊遇到了會說話的白海豚露卡,露卡告訴海王子一個驚人的秘密:海王子是海中民族「托里頓族」的末代後裔!

就在此時,來自「普西頓族」的怪獸突然出現,並攻擊海王子居住的漁村,而海王子靠著露卡的協助,順利地消滅了怪獸。

得知自己是「托里頓族」的海王子,決定要解開自己的身世之謎,於是便乘著海豚露卡離開從小生活的漁村,開始了尋根的冒險旅程。

triton of the sea

Triton of the Sea

i particularly love this theme song.

海王子
詞:林家慶 / 曲:鈴木宏昌

在那遙遠大海的那一邊 
有一道美麗的七色彩虹 

勇敢的海王子 他要去尋找
他的故鄉 在彩虹的那一邊 

勇敢的海王子 為了大海的和平
他要 去冒險 去拚命 

嘿嘿 海王子 呵呵 海王子 
嘿嘿呵呵嘿 海王子

Here's a quick translation:

in the sea far away
there is a beautiful rainbow

the courageous sea prince, he is seeking
his home country, over the rainbow

the courageous sea prince, for the peace of the sea
he goes on this dangerous adventure, the fight

heh, heh, Sea Prince, hoho, sea prince
heh hoho heh, sea prince

Note that in this story, the hero's name is Triton, and the bad guy's name is Poseidon. As a kid, i didn't know nothing about it. But now reading about it, you realize that these are borrowed from Greek Mythology. In this cartoon, Triton and Poseidon are enemies. In Greek mythology, Triton is son of Poseidon. (See also: A Love of Mythology of the Greeks.)

Vicky the Viking 北海小英雄

北海小英雄 (Vicky the Viking)

Vicky the Viking (小さなバイキングビッケ; Wickie und die starken Männer) (1974)

This story is in the background of Europe, the Viking. It is this story, i first learned about Vikings. As a 8 years-old boy, back then, i didn't give a shit about learnings or knowledge, and i didn't really “learn” anything about Vikings, but i surely remember the particularly styled ships (called Longship), the priate story, those helmets with horns, and i as remember, i loved it. Though, innocence get lost when you grew up. Today, the history of Vikings would not fascinate that much, among the histories of great many world's cultures.

Heidi, Girl of the Alps; 小天使

This one i barely remember. I don't remember the song, but do remember this cartoon.

小天使

Heidi, Girl of the Alps (小天使; アルプスの少女ハイジ; 1974)

Heidi a Girl of the Alps cartoon 2 Heidi a Girl of the Alps cartoon 1

Heidi, Girl of the Alps

Apparently, this is based on a very popular novel titled Heidi's Years of Wandering and Learning, by a Swiss author Johanna Spyri (1827‒1901). Quote:

“Heidi's Years of Wandering and Learning”, usually abbreviated as Heidi, is a novel about the events in the life of a young girl in her grandfather's care, in the Swiss Alps. It was written as a book "for children and those who love children" (as quoted from its subtitle) in 1880 by Swiss author Johanna Spyri.

As i now look at these tales, many of them really classics, of universal nature.

The Story of Perrine; 小英的故事

小英的故事

The Story of Perrine (小英的故事; ペリーヌ物語) (1978)

Again, i don't remember this song, but only the cartoon.

Based on the French novel, En Famille by Hector Malot, Perrine (also known as “Peline Paindavoine” in French Name) is the daughter of a French father and a half-Indian mother. Before dying, her father asks his wife and Perrine to return to their hometown. They lack the money for the trip, but when Perrine has the idea to use an old camera and sell portraits to the villagers, money becomes one resolved problem. Unfortunately, many tougher problems await Perrine, her mother, their faithful dog Baron and Palikare, their donkey.

Perrine de En Famille DVD

The Story of Perrine

The novel's author is Hector Malot (1830‒1907).

「小英的故事」改編自十九世紀法國作家馬羅(Hector Malot)的文學名著《孤女努力記》(法文原書名為En Familie,英譯本書名為 Nobodys Girl)…

少女小英在法籍的攝影師父親過世後,隨著印度籍的母親帶著可愛的小狗小黃,乘著由驢子小皮拉的蓬車橫越大半個歐洲,為了要投靠住在法國北部工業大城馬羅克爾的祖父。歷經千辛萬苦,母親終於帶著小英抵達法國,但卻在見到小英的祖父之前,便因一路上的舟車勞頓和心力交瘁而病逝了;臨終之際,母親殷殷叮嚀小英,即使找到了祖父,也一定要等對方自願付出關愛後方能相認。因此,小英使用化名玉珍去見祖父,之後迂迴的認親過程正是故事中精彩之處。

Mazinger Z 無敵鐵金剛

The above ones are often watched by both boys or girls, as far as i recall. Now, some for mainly boys.

無敵鐵金剛

Mazinger Z (無敵鐵金剛; マジンガーZ) (1972)

This one is classic. Every boy of 1970s knew, and knew it well. According to Jason and Wikipedia, it's the first that popularized the concept of man riding inside a giant robot (aka mecha).

Mazinger Z

Mazinger Z

Science Ninja Team Gatchaman; 科學小飛俠

科學小飛俠

Science Ninja Team Gatchaman (1972). Later English adaptations are known as: {Battle Of The Planets, Gatchaman, G-Force: Guardians of Space}.

Battle of the Planets Battle of the Planets team 2

Battle Of The Planets, G-Force team members.

Dinosaur Savers 恐龍救生隊

“恐龍救生隊”

恐龍救生隊 (恐竜探険隊ボーンフリー) (1976)

This one is particularly novel, because it combines drawing with model-based animation technique, somewhat similar to Thunderbirds (TV series).

Epilogue

Watching them now, you find them extremely silly, childish, especially the scifi ones for boys. Exactly. That's what they are, children's cartoons. But when i was watching them at age ~10, it wasn't anything “childish”. It is your life. It is the chat at school, it is the lives to lookup to, it is the philosophy to learn from. Know the stories is a show of superiority, having the toys is a status symbol, being able to draw them, is a mark of genius, the admiration of peers. It was a BIG deal. The heros, heroines, their love, difficulties, are major parts of our life, just as we adults today regards with career, cars, housing, or even politics.

2011-06-27

Art: M C Escher “Stars” Chameleon Polyhedron

Perm url with updates: http://xahlee.org/math/M_C_Escher_chameleon_polyhedron.html

Art: M C Escher “Stars” Chameleon Polyhedron

Xah Lee, 2011-06-27

M C Escher Stars chameleon 1

M C Escher's Stars (wood engraving, 1948)

M C Escher Stars chameleon by Wizard Gynoid 3

Escher Stars 3D version built in Second Life by Wizard Gynoid. You can visit it in SL at http://maps.secondlife.com/secondlife/Primtings/144/2/460

Wizard Gynoid has built many polyhedrons. Here's one of them.

“Living in a Fractal”

Keyboard Shortcuts Conflict in Web Browsers and Mac, Windows

Perm url with updates: http://xahlee.org/kbd/keyboard_shortcut_conflicts.html

Keyboard Shortcuts Conflict in Web Browsers and Mac, Windows

Xah Lee, 2011-06-27

On Mac, the keys to switch to next/prev tab are different in different browsers. They are:

  • Ctrl+Tab】 (Firefox, Safari)
  • Ctrl+PageDown】 (Firefox)
  • ⌘ Cmd+Shift+】 (Safari)
  • ⌘ Cmd+⌥ Opt+】 (Camino)

And in Opera it's the 1 and 2 on numberpad. Opera has always been the funky one, but i must say here it's the most efficient choice here (See: Opera Pain.)

They are different on Windows too. The choices there are typically 【Ctrl+Tab】 or 【Ctrl+PageDown】.

Fuck it. Fuck them.

Best solution: get a Microsoft Keyboard and use Microsoft IntelliType, so you can create one hotkey that works across apps. This solution is simple, easy. No diddling with config files or scripting. Works pretty much the same in both Windows and Mac. (except Linux, too bad for penguins). Plus, you get a keyboard. (See: What Microsoft IntelliType Can Do and Cannot Do) Possibly Logitech keyboard will also do. Other than that, you have to resort to each OS's tools. See: Keyboard Layout & Key Macro tools for WindowsMac OS X Keyboard Layout, Keymapping, Keybinding, Tools.

Cygwin: What's Installed by Default and Which Unix Tool to Install

Perm url with updates: http://xahlee.org/comp/cygwin_apps_install.html

Cygwin: What's Installed by Default and Which Unix Tool to Install

Xah Lee, 2011-06-27

So, i got a new PC. Last time, i thought that i should try VirtualBox+Linux instead of Cygwin, because i thought that would give me several advantages: improved performance, ease of software management. (See: Unix tools on Windows: Cygwin vs VirtualBox) Well, i installed VirtualBox with Ubuntu, but haven't got the hang of it. It's quite time consuming to figure it all out. For now, am back to Cygwin. lol.

Here's cygwin programs i have installed, as a record for myself.

Following programs are installed by default from cygwin core (the “Base” category in the installer): GNU coreutils, GNU findutils (find, xargs, …), grep, sed, awk, tar, gzip.

Following are not installed by cygwin by default, which i need. Those with a star are critical (to me).

openssh (ssh) ★

zip, unzip ★
bzip2 (for “.bz2”) ★

subversion ★
make ★
patchutils
git
mercurial
patch
patchutils

aspell ★
aspell english dict ★

imagemagick, graphicsmagic ★
optipng ★
exif (get meta info in images)

python ★
perl ★
ocaml
ruby
lua
scsh
chicken (scheme lisp)
clisp (common lisp)

rsync ★
unison 2.27, 2.32, 2.40 ★
curl, wget ★
wput
ncftp

whois
ping
netcat
bind

emacs,vim

webcheck (html link checker)
tidy (html reformatter)
lynx (text web browser)
w3m (text web browser)

gnupg (encrypt your files)
googlecl (google command line)
--------------

fdupes (find duplicate files)

haskell
ctag
cron

See also: Installing Cygwin Tutorial.

Wolfram Alpha Ad: Python Unladen Swallow

Perm url with updates: http://xahlee.org/funny/unladen_swallow.html

Wolfram Alpha Ad: Python Unladen Swallow

Xah Lee, 2011-06-27

“what… is the airspeed velocity of an unladen swallow?”

python unladen swallow wolfram alpha

A ad from Wolfram Alpha.

A ad from wolframalpha.com. See also: Unladen Swallow.

This screenshot is made and announced by Israel_Torres on Twitter, and retweeted by @Wolfram_Alpha.

2011-06-26

adding a google search box

Google has finally killed their old search API

I had a old Google search code, like this, from i think ~2001 or so:

<div class="xahlee-search">
<form method="get" action="http://www.google.com/custom">
<div>
<a href="http://www.google.com/">
<img style="border:none" src="http://www.google.com/uds/css/small-logo.png" alt="Google">
</a>
<input type="hidden" name="domains" value="xahlee.org">
<input type="text" name="q" size="31" maxlength="255" value="Search XahLee.org here" onclick="javascript:select();">
<input type="submit" name="sa" value="Search">
<input type="hidden" name="sitesearch" value="xahlee.org">
<input type="hidden" name="forid" value="1">
<input type="hidden" name="ie" value="UTF-8">
<input type="hidden" name="oe" value="UTF-8">
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;">
<input type="hidden" name="hl" value="en">
</div>
</form>
</div>

About 2 weeks ago, Google killed it. When you use that to search, it returns:

We're sorry...

... but your computer or network may be sending automated queries. To protect our users, we can't process your request right now.

See Google Help for more information.

The proper way to add a Google search box is to use their new API. I've written how and updated it here: Adding Google Search to Your Website.

Adding a XahLee.org Search Box to Your Site

You can also add a XahLee.org Search Box to your site. For the code, see bottom of: Subscribe To XahLee.org Site Feed.

Emacs User at Work

Perm url with updates: http://xahlee.org/funny/emacs_user_at_work.html

Emacs User at Work

Xah Lee, 2011-06-26

emacs user at work by earlcolour

“Emacs user at work”. Image author is earlcolour.deviantart.com

See also: Emacs Learning Curve.

Citation Problems on the Web

Citation Problems on the Web

Discovered a website webcitation.org.

This is nice if you often needs to cite links. Citing links, especially in academic contexts, is problematic due to link rot. The destination link become a dead link, or it may change content to something you didn't expect, or the domain owner can change hands and all things fly (e.g. sold to porn sites).

So, it comes Webcitation.org. Apparently, Wikipedia is starting to use it. I might too.

A Egregious Case of Twitter Spam

Perm url with updates: http://xahlee.org/js/twitter_spam.html

A Egregious Case of Twitter Spam

Xah Lee, 2011-06-26

Spammers are everywhere, and this week there's egregious one on twitter. It grabs part of my blog article and put it on its own ad-ridden website, with no link back, and has 10 different twitter accounts all tweeting it. Here's a screenshot:

twitter spam 2011-06-26

Screenshot of a Twitter spammer.

Also, it seems to change some of its account pictures every day. Usually some innocent-looking chick.

The short url they used is 〔http://bit.ly/inLQeY〕. It redirect to this 〔http://freewebhostingreviews.info/my-web-server/xah-lee-at-blogger-rsync-windows-to-unix-file_25601374X35t_Jun2011.html?utm_source=twitterfeed&utm_medium=twitter〕.

twitter spam 2011-06-26 site

Twitter spammer site screenshot.

The twitter accounts are: MaragareHarp, RosalieHoffmann, JimmyHymel, StaceeHailey, DarrinKollman, GlennPeacock, IsmaelSchanz, TrumanHare, YeeSowder, Tilliecquha.

My original article is this: rsync Windows to unix File Permissions.

2011-06-27

This spammer now twits spam of this article with 3 new accounts.

• Joeannfsfii 5:01am via twitterfeed
Xah Lee At Blogger: A Egregious Case of Twitter Spam: It redirect to this 〔http://freewebhostingreviews.info/m... http://bit.ly/kwKLn5
• Lavonnebfhkz 5:01am via twitterfeed
Xah Lee At Blogger: A Egregious Case of Twitter Spam: It redirect to this 〔http://freewebhostingreviews.info/m... http://bit.ly/k1rfLt
• Talithatxbrn 2:58am via twitterfeed
Xah Lee At Blogger: A Egregious Case of Twitter Spam http://bit.ly/k1rfLt

Amazing.

Secure Deletion, File Shredding, on Windows, Linux, Mac

Updated: List of Great Windows and Mac Software.

Just discovered that Windows since XP comes with a command-line tool called “cipher”, which can be used to securely delete files. Shit. Why am i not told about this? I spent several hours when i need to do that in 2010. Updated: Secure Deletion, File Shredding, on Windows, Linux, Mac.

Question: What tools i can use to monitor network traffic? either build-in or 3rd-party. I like to have a graph view (e.g. as in Task Manager) but also nice are tool that lets me know detail, such as what IP/port that's incoming/outgoing. Command line is fine. Or even some tutorial. Thanks.

2011-06-28 Answer: start “Task Manager” (taskmgr.exe), then “Performance” tab, then “Resource Monitor …” (perfmon.exe). Or, just start “perfmon.exe”, then click on the “Open Resource Monitor”.

You can also use command line “netstat”. Or, if you want to sniff packets, install Wireshark.