QQBoxy

後記：
這是4年前在聽某一場演講後，
回到宿舍用小畫家畫的一張圖表，
若是以前的自己來看這張圖片時，
這是一張很有道理的圖片，
可是其中有個很大的Bug，

妳發現了嗎?

若沒有良好持續性的創新，
其實是難以產生破壞性創新的，
企業不投資持續性創新的結果，
是不是也註定難以產生破壞性創新呢?

軟體名稱：Sublime Text 2
軟體類型：文字編輯器
軟體授權：商用永久免費鑑賞
軟體平台：Windows、Linux、Mac
軟體官方：http://www.sublimetext.com/
Sublime Text 台灣：http://docs.sublimetext.tw/

好用工具推薦：
好用必裝的Package Control，點選『View > Show Console』進入Console介面，貼上語法執行：

判斷語法錯誤的工具，點選『Tools > Command Palette』進入Command命令列，輸入『install package』等候網路取得Package資訊，接著輸入『SublimeLinter』查詢，點選項目後即可安裝。

使用Node.js在Console執行JavaScript的方法，以Portable版本為例：
1. 在『Sublime Text 2.0.2 x64』根目錄下放置node.exe執行檔。
2. 在『Sublime Text 2.0.2 x64\Data\Packages\User』目錄下，增加一個文字檔『JavaScript.sublime-build』，內容如下：

3. 按下Ctrl+B就能對目前開啟的JS腳本執行囉

後記：
站長很喜歡建構免安裝的開發環境，在EmEditor後發現的這套Sublime Text也有Portable版本，還有不同平台的版本可供使用，而且具有許多功能強大的Package作為後盾，除了因永久免費鑑賞而偶爾會跳出請購買訊息外，的確是一個非常好用的軟體。

因為最近女友生日，
所以我又再度玩玩手藝，
以下就是本次的作品了，請看：

這是上面有蓋保護片的狀態，
旁邊一堆草稿跟用剩下的紙張XD

沒有蓋的時候是比較清晰的=w=b

其實老皮的眼睛可以轉唷 ~ 呵呵

翻過去後原本只有兩顆眼睛，
但是感覺有點怪怪的所以又加上一個嘴巴，
結果瞬間變治癒了XDDDD+

後記：
成品的品質感覺還不錯，
代表站長美工刀操刀技術還沒有退化，
在割的時候其實有感覺眼神沒有過去銳利，
不過也有可能是光線太弱啦XD
完成後還挺滿意的，
俺也跟那位做阿朗基貓咪的大哥一樣，
手工藝也是不錯滴 ~ (挺胸
最後希望她也能夠滿意囉ˊˇˋ

購入地點：嘉義市西區家樂福
購入價格：新台幣1780元整
購入日期：2013/7/20

前言：
就在上周六，站長徵求了母親大人的同意買了俺夢寐以求的大同電鍋(淚奔，廢話不多說就來開箱吧XD

嘟嘟嘟嚕大大大，這就是傳說中窮學生出門在外超實用的大同電鍋了!!

沒錯!! 正如大家所熟知的，飯、粥、蒸、燉功能簡單用途多多阿!!

在目睹廬山真面目之前呢，總是得來看看它的規格 ~沒錯站長買的是10人份的，而且是BG拔辣綠唷XDDDD+
大同電鍋的消耗功率是800W，宿舍的無熔絲開關極限為20A，以公式帶入：
功率P(瓦特)= 電流I(安培) * 電壓V(伏特)
800W < 2200W = 20A * 110V
看起來是能夠稱得住=w=b

喔喔 ~ 打開了，看到頭了(?) XD

感動 ~ 看到三視圖是該痛哭流涕的時候了嗎(诶!?

那再來個上視圖不就要樂極生悲了(誤

其實剛買的時候我還挺擔心開關會不會沒有那塊塑膠，因為大賣場裡頭每一台大同電鍋開關的那顆塑膠都不見啦...囧

插座嘛...至少是不會被幹走的(汗"

來看看這個金光閃閃的鍋蓋，相信過不了多久就看不到這個光景了XD

這是附送的內鍋 ~ 可以煮飯用的輕鋁鍋唷OwOb

鋁鍋當然有附一個鋁蓋囉，蓋起來剛剛好~

同樣淚光閃閃的淚鍋，這不意外會跟那閃亮亮的外蓋一起墮落...Orz

內鍋可以放上一個蒸盤，要蒸什麼東西就都很方便囉ˊˇˋ

那麼最後來看看全部的配件吧，其實該有的都有了，就是一個標準的大同電鍋阿XD

如果你以為開箱文就只是開箱，那就大錯特錯了，除了開箱我還要給他開膛剖肚AwA+

嘿嘿...扒開它的屁屁一探揪竟AwA (薄片電阻上那是沾到固定膠不是生鏽=A=)

稍微解釋一下，為什麼大同電鍋可以這麼耐用，其實煮完飯後圖上的黃色箭頭位置會跳起來以將加熱模式開關斷電，這其實是因為它內部採用了熱變型金屬簧片的機械式結構，當內鍋提供降溫的水蒸發完畢後電熱盤溫度就會升高，當升高到一定的溫度後就會引發金屬簧片變形而觸發加熱模式開關也就是會跳起來代表煮好了，跳起來後電的流向被改變而強迫經過保溫電阻片，之後因電流下降而使電熱盤效率降低所以電鍋變成保溫模式，另外若您的電鍋不幸往生時不要緊張，也許只是電鍋過熱送廠維修幫您換上一個新的保險絲大概就能救回來了。

最後要看到這張圖，其實大同電鍋設計者很聰明，大同電鍋底下的大開口材料其實完全不浪費，怎麼說呢? 請看下張圖。

仔細一看鍋底的開口形狀其實就是底盤蓋子的形狀轉個角度而已，這樣的模具設計真是不會浪費沖床沖壓下來的材料，轉個角度蓋上去加顆螺絲就變成底蓋了，您說這設計者揪竟聰不聰明呢=w=b

後記：
相信這個開箱文是能夠幫助大家認識大同電鍋，也讓大家買的時候避免買到少了零件的黑心貨，最後祝大家身體健康。

舊版：
http://blankhtml.blogspot.com/

新版：
http://newblankhtml.blogspot.com/

後記：
在站長的許多Blogger都使用了這樣的技術，
但都是採舊版空白網頁的修改方式，
而這次的範例是參考了這篇文章的新版範例後，
稍微修改了些問題以後所釋放出來的Code，
用法不解釋，會用到的人應該也略懂HTML吧...。

CSS樣式：

/*噗浪台灣標誌*/
#location {
    padding-right: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: url(http://i529.photobucket.com/albums/dd333/KururuSocho/misc/Taiwan_Light.png) right no-repeat;
}
/*背景*/
body, html {
    background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMcQSAPA_40NeMEXvnro8zztPEL9dRh-hxZKUpvPpOCb5rDcqMzr9ih478bvf6TXwUvGGQ0B7tynCgLQqQF6D7O50kyPF-iIjGBn9MlsSWNo0wQ9397sUTvxpb_msuSFsVFkJMLrw12lh8/) center top no-repeat;
}
/*四大格框*/
#plurk-dashboard {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    background: none !important;
}
/*四大格*/
div.dash-segment {
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0.0 !important;
    opacity: 0.0 !important;
}
div.dash-segment:hover {
    background: white;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}
/*登入Bar*/
#top_login {
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0.0 !important;
    opacity: 0.0 !important;
}
#top_login:hover {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}
/*個人檔案*/
#top_bar {
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0.0 !important;
    opacity: 0.0 !important;
}
#top_bar:hover {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}
/*個人檔案.編輯.標題*/
.close {
    background: #2264D6 !important;
}
/*個人檔案.編輯.邊框*/
.content {
    border: transparent !important;
}
.iframe_holder {
    border: 1px solid #2264D6 !important;
}
.header {
    border: 1px solid #2264D6 !important;
}
/*標題*/
#page_title {
    color: white !important;
}
/*噗*/
.plurk_cnt {
    background: white !important;
    border-radius: 0px 10px 10px 10px; /*圓角設定*/
    -moz-border-radius: 0px 10px 10px 10px;
    -khtml-border-radius: 0px 10px 10px 10px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
/*噗.底端*/
.info_box {
    border-radius: 0px 0px 10px 10px; /*圓角設定*/
    -moz-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
/*噗.頭像*/
.p_img {
    border-bottom: none !important; /*去邊框*/
}
.p_img img{
    border-radius: 5px 0px 0px 5px; /*圓角設定*/
    -moz-border-radius: 5px 0px 0px 5px;
    -khtml-border-radius: 5px 0px 0px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
}
.p_img:hover img{
    border-radius: 5px 5px 0px 5px; /*圓角設定*/
    -moz-border-radius: 5px 5px 0px 5px;
    -khtml-border-radius: 5px 5px 0px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    position: relative; /*位置設定*/
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
}
/*噗.個人資料*/
.info_menu {
    border-radius: 7px; /*圓角設定*/
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}
/*噗.個人資料.舉報濫用*/
.block {
    border-radius: 7px; /*圓角設定*/
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}
/*噗.說*/
.td_qual span span {
    border-radius: 7px; /*圓角設定*/
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}
/*噗.影片*/
.video {
    border-top: 2px solid #DDD !important;
    /*border-left: 2px solid #DDD !important;*/
    border-bottom: 2px solid #DDD !important;
    border-right: 2px solid #DDD !important;
}
/*噗.點點點*/
.dots {
    padding: 5px;
}
.dots div {
    color: #fff !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
/*噗.回應數*/
.response_count {
    padding: 5px;
    border-radius: 5px; /*圓角設定*/
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative; /*位置設定*/
    top: 4px;
    left: 1px;
}
/*噗.消音*/
.manager a {
    border-style: dashed; /*框線設定*/
    border-width: 1px;
    border-color: skyblue;
    border-radius: 5px; /*圓角設定*/
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/*噗.訊息.時間*/
.response_time {
    border-radius: 0px 10px 10px 0px !important; /*圓角設定*/
    -moz-border-radius: 0px 10px 10px 0px !important;
    -khtml-border-radius: 0px 10px 10px 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 10px !important;
    -webkit-border-bottom-right-radius: 10px !important;
    -webkit-border-bottom-left-radius: 0px !important;
}
/*噗.回應.說*/
.q_says {
    border-radius: 7px; /*圓角設定*/
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
}
/*噗.內容.分隔塊*/
.caption {
    background: #2264D6 !important;
}
/*河道*/
#timeline_holder {
    border-top: none !important;
    border-bottom: 1px solid #1C5987 !important;
    background: none !important;
}
/*河道.日分隔塊*/
.div_inner {
    width: 1px !important;
    background-color: transparent !important;*/
    border-right: none !important;
    border-left: none !important;
}
/*河道.時光棒*/
#bottom_line {
    background: none !important;
}
/*河道.時間*/
.morning {
    background-color: transparent !important;
    border-bottom: none !important;
}
/*訊息.按鈕*/
.bottom_line_bg {
    background: transparent !important;
    font-weight: bold;
}
.off_tab {
    background: transparent !important;
}
/*底部.搜尋*/
#languge_selector {
    padding: 15px;
}
/*底部.框*/
#footer {
    margin-bottom: 0px !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0.0 !important;
    opacity: 0.0 !important;
}
#footer:hover {
    background: white;
    padding: 15px;
    border-radius: 15px; /*圓角設定*/
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}

背景圖片『plurk_background.jpg』請各位自行更換。

噗浪台灣圖示來源：這裡

後記：
這次改的比較不一樣，
河道上的噗沒有隱藏而是顯示的，
時間軸也保留了框線與文字，
這樣應該會比先前改的還要實用些，
比較容易讓人觀看。

本次應該還是僅支援Chrome、Firefox不支援IE，
站長對CSS僅略懂，還不足以對抗IE，
Karma字樣不曉得怎樣消掉...(汗"

相關連結：
噗浪透明CSS - Part1

/*背景*/
body, html {
    background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMcQSAPA_40NeMEXvnro8zztPEL9dRh-hxZKUpvPpOCb5rDcqMzr9ih478bvf6TXwUvGGQ0B7tynCgLQqQF6D7O50kyPF-iIjGBn9MlsSWNo0wQ9397sUTvxpb_msuSFsVFkJMLrw12lh8/) center top no-repeat;
}
/*發噗框*/
#plurk_form {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
#plurk_form:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*發噗框上的搜尋*/
#toggle_tab {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
#toggle_tab:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*四大格框*/
#plurk-dashboard {
    margin-top: 0px; margin-bottom: 0px;
    padding:0px;
    border:0px ;
    background:none;
}
/*四大格*/
div.dash-segment {
    filter: alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity: 0 !important;
}
div.dash-segment:hover {
    background: white;
    filter: alpha(opacity=80) !important;
    -moz-opacity:0.8 !important;
    opacity: 0.8 !important;
}
/*底排連結*/
#footer {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
#footer:hover {
    background: white !important;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*訊息切換欄*/
#filter_tab {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
#footer:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*河道主框*/
#timeline_holder {
    background: none;
    border-top:0px solid #000; 
    border-bottom:0px solid #000; 
    border-left:0;
    margin:0;
}
/*河道框*/
#timeline_cnt {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
#timeline_cnt:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*河道時間列*/
#timeline_bg {
    filter: alpha(opacity=0);
    -moz-opacity:0.0;
    opacity: 0.0;
}
#timeline_bg:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*河道分隔線*/
#bottom_line {
    background:none;
    border:0;
}
/*河道動物*/
#dynamic_logo {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
#dynamic_logo:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*河道垂直分隔線*/
.block_cnt day_start {
    filter: alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity: 0 !important;
}
/*頂排*/
#top_login {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
#top_login:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*幾則新回應*/
#updater {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
#updater:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*向右按鈕*/
.browse_button {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
.browse_button:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*個人檔案*/
#top_bar {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
#top_bar:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
/*噗*/
.plurk {
    filter: alpha(opacity=10);
    -moz-opacity:0.1;
    opacity: 0.1;
}
.plurk:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}

如果你愛台灣可以再加上這幾行(來源)：

後記：
因為剛剛改了噗浪風格所以把它貼了出來，
這次是稍微有仔細看過後從頭到尾一行一行去改的，
不像以前都是先捉別人的再去用修改的方式，
雖然那樣省時間但是都不知道對方到底改了啥，
我改的方法是非常原始的，
幾乎沒有去動到其他的樣式元素，
僅僅是做alpha透明而已~

注意：
我只在Chrome上測試，
IE6並不支援...

相關連結：
噗浪透明CSS - Part2

源自林聰益南台科技大學機械工程系

放下與定位
社會需求與個人生涯定位與設計
了解型態 - 拼死巄沒贏
合理定位、隨勢調整
不斷歸零、再再提昇

智慧生活與適當科技
告子曰：食色，性也
消費者需求分類
其關鍵動力就是(技術商品化)能力

好商品與工程設計程序
設計三步驟：面對問題→了解問題→解決問題
產品開發程序：研究(評估技術的市場價值)→發展(展現技術的市場需求)→設計→製造→行銷→服務

需求確認：如何做好需求分析
第一. 先找到來源：從公司內部資訊及淺力
第二. 公司外部及市場來評估產品
做好需求分析：是新產品成功的關鍵
並走入人群：市場分析

問題定義：決定產品的方向，如何產生新創新
醫療輔具創意團隊：重新描述問題，並得到各自主題的設計規範。
方向對，怎麼做都錯不了
方向錯，怎麼做都對不了

後記：
這是在演講時聽到所做的紀錄，講的蠻有道理的，
就像做事情先腳踏實地追求妥協再來要求卓越，
勿將產品一開始就定位在最新的科技，
先滿足社會大眾的需求，
再來逐步提升它的質量。

圖片是近期很夯的環保捕蚊燈:)

網頁

2014年9月30日星期二

の創新帶來風險也帶來金錢

2014年2月1日星期六

ⓒSublime Text 2 文字編輯器

2013年10月4日星期五

☆自製老皮分類卡

2013年7月26日星期五

の大同電鍋 TAC-10A BG (芭樂綠) 開箱文

2012年11月28日星期三

ⓒBlogger空白HTML頁面

2011年8月21日星期日

☆噗浪透明CSS - Part2

2011年7月28日星期四

☆噗浪透明CSS - Part1

2011年6月23日星期四

の如何設計好商品?

網頁

2014年9月30日 星期二

2014年2月1日 星期六

2013年10月4日 星期五

2013年7月26日 星期五

2012年11月28日 星期三

2011年8月21日 星期日

2011年7月28日 星期四

2011年6月23日 星期四