2013年8月25日 星期日

在 Logdown 開一個個人 Blog

    從 Pixnet 後再跟朋友一起到 Blogger 上共同編輯,斷斷續續的也勉強寫了幾年,而對於三不五時就想小更動一下版面的我來說,要對 Blogger 更改外觀實在是累人,如果需要修改到 HTML 又是一件麻煩事。

    寫文章方面,所見即所得(WYSIWYG)編輯器最賭爛的一點就是,切到 HTML 狀態編輯完切回去再切回來時,一些自己加的東西就消失了,甚至是又幫你多塞了一些東西,這點其實在 Blogger 上已經算好了,偶爾還是會被打一下臉就是。而 Markdown 這東西其實很早就想試試看了,但沒有明確要想拿來弄甚麼,也就這樣擱著。

    不過總歸一句話就是:「膩了,想換了。

    Hatena BlogTumblr 跟 Logdown 是找替代品時的三個候補,這三個都有 Markdown 編輯功能,外觀也都走簡潔風。

    Hatena Blog 是找過的日本部落格服務的後台看起來最好懂的,也是這三個看起來感覺最好的,雖然有廣告但還可以接受,文章編輯功能也很豐富,缺點是不支援共同編輯,這是比較可惜的一點。

    Tumblr 有共同編輯的功能,但開啟方式需要繞點小路,而編輯框實在不怎麼大,把其他功能都擠在左下角的按鈕感覺也不太好。

    Logdown 是急速成長中的新服務,目前還有很多功能要等才有,不過現在可以編輯 html,所以外連 CSS 改版面應該也是 OK 的。文章編輯方面,目前前台沒有編輯按鈕可以直接修改文章,但編輯介面算是比較剛剛好的。部落格雖然支援共同編輯,但 Logdown 頁面實在太乾淨,連一般部落格的一些如作者之類的訊息都不會顯示,如果只是一個人的話到還好,共同編輯的話至少有顯示該作者的訊息會好些。可以的話希望也能自改後台樣式,很不想再看到 Bootstrap 了,至少改到看不出風格也好。


Demo頁面:Hatena | Tumblr | Logdown

    最後會在 Tumblr 還是 Logdown 落腳不知道,目前看來 Logdown 的機會大些,不過確定的是,這裡的文章不會做遷移的動作,如有留言也是會回覆,有的話啦...


2013/9/29 更新:
看來 Logdown 也是要付費才有共同編輯功能,那就只好將 logdown 當成個人 BLOG,有其他跟共同編輯一起研究的東西就會繼續放這邊。

2013年7月4日 星期四

究竟什麼是META?

最近看到LOL(英雄聯盟)一堆文章,都把META這個單字直接放在句子裡當成戰術或戰略使用,實際上meta出自於希臘文,有POST的意思,英文解釋為"關於什麼的什麼"。

以下這幾個名詞為例子

Metadata

https://zh.wikipedia.org/wiki/元資料

Metaphysics

https://zh.wikipedia.org/wiki/形上學

MetaMetafiction

https://zh.wikipedia.org/wiki/後設小說

從以上這些例子都可以發現試探索萬物的本質,

例如一般常見的meta-data指的是描述資料的資料,meta-program是能產生程式的程式,或是像遊戲王的meta-beat 是反主流強攻 (因為他是在主流環境形成後才出現的一種新牌組)。

同理,LOL常用的META,可以指的是當期的環境,也可以指的是因環境而生的反制戰術,Meta-Strategy,做為反制戰術使用。

參考
meta-該如何翻譯?
http://shenshengpo.blogspot.tw/2012/03/meta.html

2013年6月14日 星期五

兩種 CSS reset 使用感想

    之前練習寫網頁時,CSS 方面遇到問題時都照著網路的一些說明做了一點 reset,不過後來想想,那邊 reset 一下,這邊弄一下也不是辦法,就來試試 reset.cssnormalize.css 這兩個檔案。

    至於選這兩個的原因,reset.css 的作者是位 CSS 大師 (但我跟他不熟,現階段至少有其他部落格掛保證就好),normalize.css 則是主打為 HTML5 做設定,不過 2.0 版的 reset.css 也是有 HTML5 的標籤,所以到底算不算主打也不知道。至於其他的 reset 版本感覺就沒有比較特別的描述,內容跟 reset.css 也沒有多大差別 (果然是大師嗎?)。

當去掉原本零零落落的 reset 時,我的網站看起來像這樣

小炸難免,不意外。裝了 reset.css 後

    除了 p 元素有點跑掉外,其他大致沒問題,但我某個喬了好久都喬不好的 DIV 按鈕位置,卻服服貼貼的落在我想要的地方,算是意料之外的收穫。

換成 normalize.css 後

啊啊啊啊啊~~~你偷看幹了甚麼好事

    後來看了這篇文章之後才知道,所以你 reset 完之後還自己加料 !? 我想說只是一個 reset 功能怎麼能夠不斷更新,原來還有加料。

    如果要為此多寫一些 CSS 把設定移回來的話,這似乎不是個好選擇。


Reset.css:http://meyerweb.com/eric/tools/css/reset/
Normalize.css:http://necolas.github.io/normalize.css/

2013年6月2日 星期日

Nexus 7 3G CyanogenMod 安裝錯誤處理

    這兩天 Nexus 7 莫名自爆了,既然自爆了就趁周末拿來刷機,結果安裝過程中出現了assert failed: getprop("ro.product.device")...的錯誤訊息。

    貼一下網路找到的方法做個記錄(請先確認 Nexus 7 是否為 3G 版本):
1. 至 官網 下載最新的 RC 版。
2. 用解壓縮軟體開啟壓縮檔。※註
3. 進入 META-INF => com => google => android
4. 開啟 updater-script 建議 Notepad++
5. 將裡面的第一句刪除再儲存,讓解壓縮軟體自行更新檔案。

收工!
缺點是之後要升級系統的話,只能自行重抓手動更新了。

 注意:整個操作過程並沒有解壓縮整個檔案,如果整個解壓縮再壓縮回去可能會出錯。

參考來源:http://forums.androidcentral.com/optimus-v-rooting-roms-hacks/182438-solved-assert-failed.html

2013年5月2日 星期四

2013年4月29日 星期一

使用 Mac Homebrew 的前置作業

1. App Store 安裝 Xcode

2. 開啟 Xcode 後,在 Preferences -> Downloads 安裝 "Command Line Tools"

3. 把 "/usr/local" 加入使用者權限

4. 將 "/usr/local/bin" 以及 "/usr/local/sbin" 加進 PATH 中

2013年4月19日 星期五

href + jQuery scrollTop 的一個小問題

    HTML 的 a href 在點擊時,會將使用者帶往 href 內容的所在位址,包括自身網頁的特定區塊(如 維基百科),不過今天在練習寫網頁時碰到了一點小問題,放上來記錄一下。

    我在一個 div 裡放了數個 div,每個 div 各有一個按鈕,點擊後該 div 高度會改變,並移到畫面上方。本來是個很正常的功能,但配上div改變高度和 jQuery 的 scroll 特效後就有問題了。第二次之後的點擊會出現 scrollbar 亂飄的現像。
Demo 網址:http://jsfiddle.net/FK6hS/


    這個問題在困擾了我快一天後才想到解答:http://jsfiddle.net/FK6hS/19/

把主要程式碼獨立出來:

    用圖來表示 position().top 跟 scrollTop() 的數值來源(以 click 9 為例):


    position().top:該元素目前跟包住他的 div 的頂端的距離,如果是 offset().top 的話,則是該元素跟 body 頂端的距離。
    scrollTop():scrollbar 跟頂端原點的距離。


    兩者相加的用意,在於以 scrollbar 的目前位置為基準,往上或往下移動 position().top 的距離(在要點擊的字只在頂端露出一點點時,top 是負數),這樣就解決亂飄的現像了。