如果你很習慣用電腦、平板或手機閱讀網路文章，也許你碰過以下類似干擾你閱讀的情況...
...
2015年12月25日
2015年12月20日
今天紫爆了嗎？好用APP，隨時監測PM2.5
圖片來源：鄉民的正義
最近常常聽到電視在說紫爆紫爆的！到底紫爆是什麼勒？
就ptt鄉民的角度來說，紫爆就是當看板人氣達到十萬人以上時，會在看板前顯示一個紫色的「爆」字。
像是前陣子鬧的沸沸揚揚的服貿爭議，就在ptt的八卦版上出現「紫爆」。
等等等.....可是這怎麼和我聽到的紫爆不太一樣啊...！？
現在常聽到的紫爆指的是─PM2.5等級
其實現在大家更常聽到的紫爆，指的是PM2.5的分級？PM2.5是什麼東西呢？
簡單來說PM2.5是一種空氣汙染，細懸浮微粒的指標，數值越高，空氣汙染的程度也就越嚴重！同時不同的數值區間都會對應到一種顏色，當數值過高，達到對...
[筆記] JavaScript中Scope Chain和outer environment的概念
在上一篇[筆記] 不同execution context的變項不會互相影響中，我們說明了不同的execution context所宣告的變項並不會互相影響，但如果我們不是宣告一個新的變項，而是直接引用一個變項的話，會怎麼樣呢？...
2015年12月17日
[筆記] CSS動畫Animation --- @keyframes
在學習CSS動畫的過程中，不能不提@keyframes這個屬性，讓我們來看一下這個屬性可以怎麼樣使用吧！
基礎範例
我們先來看一下最簡單的範例，製作出來的效果如下：
我們可以看到，這個方塊會有變色的效果，讓我們來看一下這段基礎的程式碼是什麼：
HTML的部分非常簡單，就是用一個div。
CSS的部分我們先設定該div的樣式，然後裡面會包含要執行動畫的名稱animation-name和執行動畫的時間animation-duration，這兩個部分都可以根據自己的需要設定。
接著就要來設定@keyframes的內容，在@keyframes後面要先輸入剛剛在div當中所寫的animation-name，然後就可以在"{...
2015年12月15日
[筆記] 針對表格使用邊框圓角(table with border-radius)
最近在製作表格的時候，想要搭配上邊框弧形(border-radius)的屬性，結果一直做不出想要的樣子，邊框一直跑出背景色，像是這樣子：
原本的CSS程式碼長這樣：
table{
border-collapse: collapse;
}
tr{
border: 1px solid #E0607E;
}
td{
border: 1px solid #607ee0;
padding: 10px 30px;
background-color: #E0607E;
border-radius: 10px;
color: #FFF;
}
這裡我們發現兩個問題
1....
2015年12月11日
[筆記] 不同execution context的變項不會互相影響─了解function背後運作的邏輯
在JavaScript中要執行一段函式（function）並不困難，只要在函式的最後加上括號 ( ) 就可以了，在英文中，我們把執行函式的執行這個動作稱做invoke。但是，我們需要進一步了解函式運行時背後的邏輯，了解背後運作的原理，我們才可以避免不必要的錯誤產生。...
2015年12月1日
2015年11月30日
[筆記]CKEditor加上CKFinder上傳圖檔更方便
在前一篇[筆記] CKEditor內容編輯器安裝說明說明了CKEditor這個內容編輯器的基本安裝方法，在基本的CKEditor中可以從外部的網址匯入圖片，但如果我們想要直接在編輯器中直接搭配上上傳圖片的功能，我們可以怎麼做呢？...
2015年11月27日
[筆記] CKEditor內容編輯器安裝說明
不管你使用的是痞客邦、wordpress、google blogger或其它相關的內容管理系統(CMS, content management system)，在編輯文章的時候，勢必會有一個HTML編輯器，這個編輯器可以讓你選擇字型、改變字體大小、甚至可以直接針對HTML語法進行編輯，少了這個編輯器，部落格大概也經營不下去了。
可是，如果你是想要從頭寫一個網站，而不想要直接套用CMS系統的話，CKEditor就是一個很好的內容編輯器的選擇。...
2015年11月26日
[Guide] 用 JavaScript 來取得表單元素內容的值（取值）
用 JavaScript 取得表單中的元素有很多不同的方法，今天我們來說明一下其中一些方法，像是getElementById, getElementsByTagName, getElementsByName。
先來看一下結果：
See the Pen
getElementById by PJCHEN (@PJCHENder)
on CodePen.
建立 HTML 表單
我們先用 HTML 建立一個表單（form）
<form name='form' id='form'>
姓名：
<input type='text' name='name'...
2015年11月22日
[閱讀筆記] 經理人月刊：關於工作的16個哲學思考
圖片來源：Binghamton University
哲學家帶你探索考工作意義的方法
哲學家
內涵
蘇格拉底
人要先承認自己的無知，勇於承認自己的錯誤並加以排除。他說：「我唯一知道的事，就是我什麼都不知道」
黑格爾
在面臨關鍵抉擇時，除了A和B之外，千萬別忘了還有第三條路。
辯證法：任何事物（正）都有一個相對立的事物（反）， 當兩者產生衝突時，便會出現更上一層次將兩者都納入其中的第三種立場（合）
尼采
「這個世界原本就同時存在著美好與不幸，但是人往往一廂情願地假設應該只有美好」。
...
2015年9月5日
2015年8月30日
PHP Data Objects (PDO) 簡易使用說明(2)-使用prepared指令避免sql injection
這篇文章主要是接續前一篇文章〈PHP Data Objects (PDO) 簡易使用說明-啟用PDO讀取資料庫資料〉，進一步說明如何透過prepare來防止可能的sql injection，另外也說明如何在PDO中使用where in ()的query方式...
PHP Data Objects (PDO) 簡易使用說明(1)-啟用PDO讀取資料庫資料
PHP Data Objects(PDO) 很早就隨著PHP 5一起推出，但是多數的人還是使用mysql或mysqli的方式與資料庫進行連結，究竟PDO有什麼更多的好處？又該怎麼使用？我們將在這篇文章中，進行關於PDO簡單的簡介和使用的說明。
...
2015年8月29日
2015年8月10日
重複練習還不夠，你需要的是「刻意練習」
圖片來源：resplashed
當你打破對於天賦的迷思，而且也持續練習一段時間後，或許你仍會覺得成效不佳，於是，心中不免還是會懷疑，真的是這樣嗎？
你的懷疑是正確的，重複練習並不一定能讓你變得更好，除非你在練習的時候用對了─刻意練習。
沒有人是天生的專家
在哈佛商業評論「打造專家（The Making of an Expert）」的這篇文章中提到，沒有任何人是天生的專家，沒有任何人天生就很傑出、很優秀、很成功。過去的研究發現到不論是運動員、音樂家、藝術家或作家，他們都是透過大量且有品質的練習，培養訓練出來的。經過統計，他們成為該領域的專家前，至少都需要超過10年（或10000小時）以上的練習。
變成專家沒有其他的捷徑，至少都需要投入10000小時以上的練習，但或許你會覺得10000小時並不多阿，每天工作8小時都在做同一件事，換算下來只需要3年半的時間就可以變成某一領域的專家了，可是為什麼自己卻還沒變成卓越優秀的成功人士呢？
不只是練習而是刻意練習
很抱歉，這裡提的練習並不只是重複地做同一件事，而是刻意地練習（deliberate...
2015年8月7日
【免費下載】值得一讀的網頁UI設計電子書
這本書提供了10種設計趨勢、166個範例，共185頁。對於前端網頁設計師、UI設計師是一本很棒的參考指南，即使看不懂英文，也可以看裡面圖片範例！
STEP
填寫E-mail即可以下載。
http://www.uxpin.com/web-ui-design-trends-2015-2016.htm...
天賦沒你想的重要？打破你對天賦的迷思
圖片來源：Nathan Rupert @ Flickr
對一件事情努力過後，結果卻不如我們預期時，我們常陷入一種狀態：「是我沒天份？還是我努力不夠？」這時候，有些人可能選擇繼續努力，有些人可能選擇轉換跑道，然而，當我們持續努力，一次、兩次、三次，卻還是沒有達到預期成果的時候，自我懷疑不免又會再次浮現，我們會開始告訴自己：「這可能不適合我」、「我的天分可能不在這裡」。
然而，若想變得更好，我們最先需要打破的，就是對於天賦說的迷思，這個迷思是─
「如果我在這個領域是有天份的，那就應該可以花比一般人更少的努力就看到成果...
2015年8月2日
堅持，讓自己更有自信
不知道你有沒有過類似的經驗：你曾經對一件事在開始的時候感到充滿幹勁，你很努力的想要讓自己變得更好，可是不知怎麼得，努力一陣子過後，你開始覺得自己好像對這件事沒那麼有天份，你覺得自己再怎麼努力也沒辦法做的很好，於是你開始有些懷疑自己在這件事上的能力，最後，你放棄了？
在「自信是一種技能」這部激勵人心的演講中，讓我們來聽聽看這個運動教練Ivan Joseph怎麼說他對於自信的看法。...
2015年8月1日
使用手機載具儲存電子發票，增加百萬元中獎機率
圖片來源：天下稅務顧問網
電子發票推行了幾年，也經過了幾次改版，但是大部分的人都還是習慣拿「紙本的電子發票」，我想部份的人是習慣有拿到紙本憑據的感覺，部分的人則是喜歡透過紙本發票對獎的感覺，但你知道如果把電子發票存到手機載具可以增加中獎機率嗎...