測試

2012年4月5日 星期四

JavaScript小作品 -- 噗浪部落格化工具beta版

去年(2011)初有感於噗浪介面與我的網路生活習慣相當契合,為了提升噗浪生活的回憶與檢索的便利性以及增加雲端資料的保存性,我開始將噗浪資料部落格化

首先我使用手動列表方式呈現,後來改用手動表格方式呈現。表格模式可以很直觀地呈現日期分界,我很喜歡,可惜無論是手動列表還是手動表格,要將噗浪資料製作成部落格文章都必須要相當費時、費工的動作。

2011年9月25日 星期日

我的噗浪生活201108

2011年8月,回到花蓮悠閒地渡過了一個月,這個月我開始密集式的翻譯日文歌曲發表在我的音樂盒、練習寫作 JavaScript 小作品發表在我的網路展覽廳(本部落格)、固定每天做一點小運動以培養習慣(話說自從我當完兵之後,已經有6年沒有為運動而運動了)、同時閱讀 HTML / CSS / JavaScript 相關書籍以增進網路生活基本功、月中開始專題企劃--每天欣賞一首唐詩,月底最後兩天應大哥的工作邀約騎機車出門進行兩天一夜的流浪並前往新竹。以下是這次的噗浪生活記。

2011年9月24日 星期六

我的噗浪生活201107

  2011年7月底,噗浪推出備份服務,對我這種念舊的使用者來說,這是一項非常有意義的功能。利用這項功能,我輕鬆的製作了新版噗浪生活記,主要就是複製、貼上,然後在適當的地方做一些小修改。因為資料是建基於噗浪備份系統所提供的檔案,所以發表在部落格上的噗浪生活記沒有辦法囊括所有功能,例如,表情小圖不見了、點擊回噗數不會跳出回噗內容,不過該有的原噗文字都有,基本版型也在,最重要的是點擊發佈時間可以連回噗浪看原文,光是這一點就足以超越我自己手動製作的舊版噗浪生活記了。(參見部落格文章--我的噗浪生活: 201104(手動條列式)201105(手動表格式)201106(手動表格式)三篇)噗浪備份的時間比台灣時間快了大約八個小時,記錄上的資料跟實際情況會有時間差,這是另外一個美中不足的地方。

  2011年7月,我剛從新竹往南走,騎機車在外流浪11天結束回到花蓮。這次回花蓮的主要目的是協助整理家裡的環境,因為弟弟要結婚了,家裡需要有一個不一樣的佈置和擺設。除此之外,這個月我過得相當悠閒,主要在久違的花蓮四處亂晃、看了一本小說--唐.吉軻德傳、瀏覽了一下西班牙和歐洲中世紀的歷史、然後為11天的流浪做記錄(未完殘念)。以下是這次的噗浪生活記。

2011年9月21日 星期三

JavaScript小作品 -- 跳出式圖像

  這次JavaScript小作品的創作目標是要寫一個小程式,可以自動化改寫部落格文章內所有圖片,讓圖片上的連結不是帶領使用者更換頁面,而是在頁面不改變的情況下跳出圖片。完成這個小作品之後,只要我寫入一些圖片很多的網站,例如2010年底至2011年初我所管理的網站--LED照明王--以及我的國中時代漫畫作品珍藏用的網站--真的好慢報--裡面都有大量照片和圖片,如此一來,我就可以改善blogger平台每次點擊圖片就會換頁的缺點,進而提供讀者一個更好的閱讀經驗。

  然而世事難預料,正所謂「計畫趕不上變化、變化趕不上一通電話」!這個小作品的製作過程中,blogger平台開啟了光箱效果,也就是現在大家點擊圖片時會出現的畫面,這個光箱效果是blogger的程式設計師編修的,實用程度比我的小作品還要好上太多太多,不但會自動在畫面置中縮放到最適當大小,還有點擊跳下一張底部小圖索引,完全是一個專業的圖片展示台,效果甚至可以媲美網路漫畫平台。兩相比較之下,我的作品簡直就是個可笑的玩具!更何況我還沒有完成!!我的幼小的心靈被大環境無情地擊落。

2011年9月4日 星期日

CSS shorthand property 屬性縮寫

可用的CSS縮寫屬性清單

CSS Shorthand Property
縮寫屬性
backgroundbackground-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image
color | transparent;
x% y% | xpos ypos | left | top | ...;
length | percentage | cover | auto | ...;
repeat | repeat-x | repeat-y | no-repeat;
border-box | contain-box | padding-box;
border-box | contain-box | padding-box;
scroll | fixed;
url('URL') | none;
borderborder-width
border-style
border-color
border-top
border-right
border-bottom
border-left
thin | medium | thick | length;
none | dotted | dashed | solid | ...;
color | transparent;
thin | medium | thick | length;
thin | medium | thick | length;
thin | medium | thick | length;
thin | medium | thick | length;
fontfont-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
normal | italic | oblique;
normal | small-caps;
normal | bold | lighter | 100 | ...;
medium | length | % | normal | ...;
font-family, generic-family name;
caption;
icon;
menu;
message-box;
small-caption;
status-bar;
list-stylelist-style-type
list-style-position
list-style-image
disc | circle | square | decimal | ...;
inside | outside;
none | url('URL');
marginmargin-top
margin-right
margin-bottom
margin-left
auto | length %;
auto | length %;
auto | length %;
auto | length %;
outlineoutline-color
outline-style
outline-width
color | invert;
none | dotted | dashed | solid | ...;
thin | medium | thick | length;
paddingpadding-top
padding-right
padding-bottom
padding-left
length | %;
length | %;
length | %;
length | %;

本篇為整理資料,內容參照:
  • 2007年旗標出版股份有限公司翻譯O'Reilly出版Christopher Schmitt藍雲紋譯《CSS問題解決速查手冊》、
  • w3schools.com 網路資料。

2011年8月29日 星期一

隨筆亂畫 via ScribblerToo

幾天前逛到一個有趣的網頁ScribblerToo, 可以在網頁上即時做畫..
我原本在試玩, 玩著玩著一時興起, 連帶著試畫的線條也沒擦, 就隨手畫了一張..



2011年8月27日 星期六

唐詩分期與一些唐代詩人--以生年排序

初唐

自李淵為唐王(617)始,至中宗景龍元年(707)止,共90年。
收20人:
虞世南 (558-638)
王績 (585-644)
上官儀 (608?-664)
盧照鄰 (634?-684?)
駱賓王 (639?-684)
李嶠 (645-714)
王勃 (649-676)
杜審言 (649?-708)
宋之問 (656?-713)
沈佺期 (656?-714)
賀知章 (659-744)
張若虛 (660-720?)
陳子昂 (661-702)
張說 (667-731)
張九齡 (678-740)
裴翛然 (685?-?)
王翰 (687-736?)
張子容 (688?-740?)
寒山 (688?-750?)
拾得 (688?-750?)

盛唐

自中宗景龍元年(707)始,至代宗大曆二年(767)止,共60年。
收32人:
王之渙 (688-742)
孟浩然 (689-740)
李頎 (690?-751?)
王昌齡 (690?-756?)
祖詠 (699-746?)
盧象 (700-760?)
吳筠 (700?-778)
王維 (701-761)
李白 (701-762?)
高適 (701-765)
崔顥 (704?-754)
常建 (708-765?)
儲光羲 (709-759?)
李峴 (709-766)
杜甫 (712-770)
岑參 (715-770)
錢起 (715?-780?)
賈至 (718-772)
李嘉祐 (719-781?)
張繼 (720?-777?)
司空曙 (720?-790?)
元結 (723-772)
皇甫冉 (723-785)
懷素 (725-785)
韓翃 (725?-785?)
劉長卿 (725?-788?)
靈一 (727-762)
顧況 (727-815?)
皎然 (730-799)
戴叔倫 (732-789)
耿湋 (734-787?)
韋應物 (737-791?)

中唐

自代宗大曆二年(767)始,至文宗太和元年(827)止,共60年。
收40人:
盧綸 (737?-800?)
戎昱 (740-799?)
劉商 (740?-?)
張志和 (741-755?)
李端 (743-782?)
于鵠 (745-804?)
靈澈 (746-816)
李益 (748-827)
孟郊 (751-814)
王建 (751?-830?)
武元衡 (758-815)
權德輿 (759-818)
歐陽詹 (760?-803?)
薛濤 (760-832)
王涯 (765?-835)
崔玄亮 (766?-835?)
韓愈 (768-824)
張籍 (768-830?)
王魯復 (770?-830?)
劉禹錫 (772-842)
白居易 (772-846)
柳宗元 (773-819)
劉言史 (775?-810?)
陸暢 (775?-830?)
元稹 (778-831)
賈島 (779-843)
李涉 (780?-840?)
李紳 (780?-846)
殷堯藩 (780-855?)
徐凝 (780?-?)
沈亞之 (781-832?)
胡令能 (785?-840?)
李德裕 (787-849)
李賀 (790-816)
許渾 (791-854?)
施肩吾 (791-?)
盧仝 (795?-835)
劉叉 (795?-?)
劉滄 (800-865?)
李遠 (802-870?)

晚唐

自文宗太和元年(827)始,至後梁末帝貞明三年(917)止,共90年。
收62人:
陳陶 (802?-872?)
杜牧 (803-852)
任翻 (805-?)
劉威 (805?-?)
薛逢 (806-876)
方干 (809-873?)
喻鳧 (810?-870?)
于武陵 (810-?)
李商隱 (812-858)
李羣玉 (813-860?)
姚鵠 (814-?)
趙嘏 (815-852?)
項斯 (815-?)
馬戴 (815-?)
曹鄴 (816-875?)
薛能 (817?-880)
溫庭筠 (818-872?)
李頻 (818?-876)
李山甫 (820-882)
李咸用 (820?-880?)
來鵠 (820?-883)
劉駕 (822-?)
李昌符 (824-?)
唐求 (825-900?)
羅鄴 (825-?)
李洞 (825?-905?)
曹松 (828?-905?)
陸龜蒙 (830?-881?)
儲嗣宗 (830-?)
曹唐 (830?-868?)
貫休 (832-912)
李郢 (832-?)
皮日休 (833-880)
羅隱 (833-909)
韋莊 (834?-910)
呂巖 (835?-?)
司空圖 (837-908)
聶夷中 (837-?)
周繇 (838-?)
唐彥謙 (839-?)
崔道融 (840?-890?)
顧雲 (840?-894?)
張喬 (840-?)
鄭谷 (842-910?)
韓偓 (844-923)
魚玄機 (844?-871?)
杜荀鶴 (846-904)
秦韜玉 (850?-890?)
崔塗 (854-?)
吳融 (850-903?)
可止 (860?-934?)
子蘭 (860?-?)
齊己 (861-937)
沈彬 (861-945?)
張蠙 (861-?)
翁承贊 (862-?)
黃滔 (865?-?)
徐夤 (865-?)
盧延讓 (870?-920?)
楊玢 (870?-930?)
裴說 (872-?)
翁宏 (875?-935?)

本篇為整理資料,內容參照民國82年國立中央圖書館出版楊牧編《唐詩選集》。