Chia Yi Lai

103 放鬆比睡眠更重要

任何時候都讓身心保持放鬆的狀態，即使在考試或報告的時候。因為放鬆才能讓人發揮最好狀態，才不容易疲倦，就不需要大 …

102 The 90/10 principle

人生只有 10% 是事情本身，剩下的 90% 是對這些事情的反應。

101 思考與表達。

會思考而不會表達的人，和不會思考的人沒有兩樣。

使用 Git 佈署 WordPress theme，不需再用 FTP 上傳了

痛點 每次要更新 WordPress theme 時，都要使用 FTP 上傳，相當麻煩。雖然之前也有使用一些工 …

快樂的研究

生命的最終目標在於自我成長和自我理解，只有不斷完善、理解自我才能讓人獲得真正的快樂。 – Abra …

100 活著。

活著的當下就是最好的一切。 把自己從過去的懊悔、現在的不滿、未來的恐懼中解放。人生不需要這三件事。

Burpee 4 minutes

Burpee 4 minutes 網址：https://burpee.chiayilai.com 最近開始每天 …

自己刻超簡單 React toast notice 功能

Toast notice 功能 讓使用者自己做了什麼動作，產生的結果是什麼，是很重要的事。在 SPA 中，因為 …

加入 Google Sign in 和 Login with Facebook 在 React + Django 專案上

開發流程 先到 Google Cloud Platform 和 Facebook for Developers …

極簡記帳 mooney accounting app

官方網址：https://mooney.chiayilai.com/ 記帳，可以檢視自己的生活 寫日記如果沒有 …

使用 Docker 來建立 PHP+Apache 和 WordPress 開發環境

全部統一使用 Docker 過去都是使用 MAMP 或 XAMPP 來建立本機的 PHP 或 WordPres …

JavaScript 最好用的一招 – toggle class

原理 點擊按鈕，靠著控制指定目標的 class 名稱，搭配 CSS 來做到動態效果。可以用來做選單開關，樣式變 …

超級簡單的純 CSS 圖片輪播

Pure CSS images slider – fade and scale effects 用 …

單純使用 npm 來編譯 Sass 和 JS

Be a minimalist, I like clean code. 之前都是用 gulp 來處理 Sass …

使用 CSS grid 來製作圖片展示，超簡單！

之前都用 Bootstrap 的 grid 來處理，但是遇到需要有 2 倍寬或 2 倍高的區塊就很難處理，這時 …

099 定期整理自己的生活。

不管多麼忙碌，都要定期找時間獨處整理自己。停下來想想，看看過去，決定接下來的方向，才不會隨世沉浮。

MUJI 敏感肌系列

還沒找到最適合自己的清潔用品之前，只好一直買沒用過的品牌來嚐試，但有時會買到完全不適合的。無印的敏感肌系列讓人 …

MacBook Pro

身為一個 web developer，只需要一台筆電，在任何時間、任何地點都能作業，對於喜歡自由和簡單的人，是 …

PHILIPS S5130 電鬍刀

原則的定義

原則並不是規則，更不是教條，原則對智者來說是指導，對愚者來說是遵從。 – 好友的分享

製作 WordPress 網站我所用到的知識與資源

WordPress – 安裝與修改版型(基礎的 PHP 與 MySQL or MariaDB 知識 …

098 想像力，只用在美好的事上。

不要想像會有壞事發生，想像就是自己能夠控制的超能力，讓想像的世界只存在美好。悲觀的人，只是把想像力用錯方式而已 …

097 愛，是給對方翅膀。

真正的愛，是給對方翅膀，幫助對方以自己的意志飛翔。把自己想要的結果硬加在對方身上，只是自私自利的人。

096 YES or NO?

對的事，即使自己沒勇氣去做，也要勇敢 say YES! 錯的事，即使環境再怎麼逼迫，也要勇敢 say NO!

095 感謝，就會擁有很多。

吃東西時，感謝食物；洗澡上廁所時，感謝身體健康；感謝每天的一切，只有在感謝的時候，你才擁有它們。

Léon

Mathilda: I don’t wanna lose you, Leon. Léon: You …

Comm.

An icon for a communication app.

Loading by pure CSS

用 :before 和 :after 產生兩個圓形一左一右水平移動。 圓形用 absolute 定位，.loa …

網頁版日曆

主要分成三個區塊，黑色的襯底板，紅色的頭板顯示月份，白色的紙張顯示日期。 對齊的方式因為都是單行，直接用 te …

從心理學角度來解決繁瑣困難的設計方法

當無法簡化流程時，可以利用心理學的感知差異來幫助使用者體驗，同一件事用不同的角度和方法觀看，會有完成不一樣的感 …

跟著 hover 移動變化的選單橫桿

加入一個空標籤當為移動橫桿， 用 absolute 來定位 抓取橫桿要移動到的目標的寬度與 X 坐標，帶入給橫 …

094 一個就夠了。

有些事情或許真的很難，但只要努力做好一次就夠了；有些東西雖然很好，但只要擁有一個就夠了。

093 選擇最好的，捨得支付高價。

因為便宜而選擇的方案，往往不盡人意。便宜的劣質品，不去使用就是沒有任何價值，去使用還有可能產生負面的影響。

092 過程。

Happiness is not a state to arrive at but, rather, a ma …

Cutipol MOON

Cutipol MOON 是至今我最喜歡的餐具。

091 多接觸令人讚嘆的事物。

潛移默化是種神奇的力量，我們容易被環境塑造的價值觀所同化。每天接觸粗製濫造的事物，就很難製作出優良的成品。多去 …

090 優雅地生活。

緩慢地進行自己喜歡的事情，享受其中。不焦慮，不被任何事物捆綁，讓自己的心態和眼界凌駕在所有事物之上，用從容自信 …

為什麼要把基本原則，喜歡做的事寫下來？

大腦容易出錯而且忘記 人的大腦思想是如此複雜，使我們常常做出錯誤的決定，搞不清楚自己想要的是什麼，只能一直去嚐 …

負面情緒的解決之道

負面情緒有哪些？ 擔心，不安，恐懼，嫉妒，憎惡，怨恨，沮喪，消極，輕蔑，猜疑，煩躁，憤怒，緊張，失落，懊悔，愧 …

生活中容易犯的不當行為

吃下太多食物，導致腹脹、花費太多、昏昏欲睡、肥胖、健康問題。 在高價消費上草率決定，低價物品卻斤斤計較。 買下 …

簡單明瞭的返回上一頁 JS 寫法

window.history.back(); window.history.go(-1); // 上面兩種用法 …

089 今天會發生什麼美好的事？

擁抱著期待來過每一天吧，每天醒來都要覺得今天會發生一些美好的事。

088 在艱難裡找幽默。

Every time you find some humor in a difficult situation …

座右銘 – 崔瑗

無道人之短，無說己之長。 施人慎勿念，受施慎勿忘。 世譽不足慕，惟仁為紀綱。 隱心而後動，謗議庸何傷？ 無使名 …

087 擁有美好的願望。

Fear can hold you prisoner. Hope can set you free. 恐懼會囚 …

該為自己列的清單

清單的力量 也許某些事早就在心裡，但真正寫下來才會有力量，放在隨時都能看見的地方，每天檢視、練習。認真對待這些 …

留著不用的東西，才是浪費

丟掉覺得浪費？留著才是浪費。 有用的東西丟了是浪費，無用的東西留著才是浪費：浪費你的居家空間，整理、清潔、尋找 …

086 Abundance vs. Scarcity

Abundance 豐富性心理 合作，一起成功，分享，信任，責任，分享知識財富，會越來越好。 Scarcity …

每件物品都要有它專屬的家

做好一件事，家裡永遠不亂 就像人也要找喜歡的地方住，家裡每件物品都要有適合它，自己專屬的位置，使用完畢後，放回 …

我懷念的

食物 小時候爸爸常帶我喝的甘蔗汁 小時候我家巷子出來大馬路的對面，有一間賣甘蔗汁的攤子，爸常帶我去喝，夏天的時 …

名片設計的重點

許多人很容易忘了名片本身的目的性，過多的設計反而會造成混亂。 名片是用來初次認識你這個人的，名片是否能表現你的 …

The power of your subconscious mind

你的潛意識只接受你曾經看過聽過的，或是你想相信的事物。潛意識既不會思考，也不會和你爭辯什麼。你的潛意識就像土壤 …

Radio by pure CSS

將原本的 radio visibility: hidden, label 標籤做底部區域， label:aft …

085 苦難的轉換。

經歷苦難，要變好或變壞，是由自己決定的。弱者就會走向怨天尤人、自甘墮落的路。每一次的受傷，都是讓我們更強大的經 …

084 學習料理與語言。

進食和溝通，都是存在永恒不變的定理。把時間花在料理和語言的學習上，一定不會白費。

來自日本的禮物

這些精緻的伴手禮是 Cody 從日本帶回來送我的。 Cody 不僅是我的好朋友，也是工作上的好夥伴。有他在的專 …

悠遊卡

這張悠遊卡是大學時期，同學在捷運站幫我買的。離開台北後，就很少用它了，有一陣子它還鬧失蹤，怎麼都找不到，後來才 …

Checkbox by pure CSS

將原本的 checkbox visibility: hidden,label 標籤做底部區域，label:af …

083 簡化，進化。

不只是簡化累贅的物品，面對日常生活瑣事，都可以不斷地簡化再進化。花時間在這些對人生沒有幫助的瑣碎小事上，只會讓 …

082 行動代替抱怨。

當我們開始抱怨時，就要意識到某件事不合我們的意，要同時想到自己可以怎麼做，讓自己的抱怨不再產生。

081 走路的姿態與內涵。

走路是面對自我，尋找自我的一種方式。多些自己一個人走路的時間，跟自己的內心對話。 將路面想像成伸展台，有自信地 …

080 以身作則。

身教大於言教。要教導別人，只有那個人願意自己改變才行，做好自己的課題，不要背負他人的課題。

079 瞭解自己。

瞭解自己目前的情緒，找到快樂或不快樂的原因。瞭解自己所能與所不能，接受它、改進它。

078 不追求完美。

如果什麼事都要等到做好完全準備，一次就要做到最好，這樣很難完成一件事，就算完成了，也常不如當初的期望。隨時都可 …

077 勤奮好學，努力工作。

國小學期末時，老師都會在最後的總成績單上，寫下兩句對學生的評語，好像所有同學都可以得到好話。長大後，或許可以自 …

簡單生活資源

書籍 《理想的簡單生活》 多明妮克‧洛羅 著 / 張之簡 譯 / 如果出版 擁有的愈多，得到的愈少，只有簡單， …

076 藉口還是方法？

你若不想做，會找到一個藉口；你若想做，會找到一個方法。 – 阿拉伯諺語

鼎泰豐 筷子

找了很久環保筷，但一直找不到滿意的。雖然上面有印鼎泰豐的字，但幸好很不明顯。前圓後方的設計，放著的時候也不會亂 …

UE Mini Boom 藍牙喇叭

沒有線真的很方便，小小一個很古錐，而且可以使用 APP 來設定。我本來以為後方的凹槽是用來當手機座的，可是太薄 …

Ergohuman 111 plus 灰框白網

椅子很重要 能夠舒適地工作，才有好的成果。不同於一般常見的黑框椅，灰框版配合銀色金屬就是有另一種獨特的氣質。它 …

075 知識與技能，強大的心靈狀態。

賺來的財富，買來的東西，都有可能離我們而去。但我們努力學習而來的知識與技能，鍛練的樂觀心靈，永遠跟著我們，是我 …

074 愛這個世界本來的樣子。

愛這個世界本來的樣子，不將它與自己想像中的世界做比較，以歸屬於它而心存欣喜。

073 練習說話。

過去我一直覺得自己是不擅言詞的人，所以也變得不愛說話，怕會講錯或講不好。後來發現，正因為不太會說話，反而要多練 …

072 寫下夢想目標，而且想像達成的樣子。

不用太謹慎地寫，很容易的，很難的事都可以，儘量寫多一點，只要開始前進，就會成功。寫下來、想像那個情景、開始去做 …

流浪者之歌

在這一刻，悉達塔停止對抗命運，停止受苦。他的臉上綻放出領悟後的明朗，再也沒有意志與之對立，認識到圓滿，認同諸事 …

071 人生很單純。

人生很單純，是自己把它想得複雜了。人可以從任何時候開始，憑著自己的自由意志，決定要怎麼生活。人生是要充滿美好的 …

070 練習靜坐

花一些時間練習靜坐，閉目養神，沉澱心靈，在遭遇心煩意亂的時候可以幫助自己想得更清澈。不要用一些無意義的事來填滿 …

069 不要用可憐別人的心情去對別人好。

要有同理心，而不要同情別人，這樣的好是乞求來的；同樣的，也不要用可憐來獲取別人的好。

理想的簡單生活

如果你身無分文，只剩兩塊麵包，那麼賣掉一塊麵包，用這最後幾毛錢，買一束風信子，充實你的心靈。 — …

Tsubame Shinko / EdinBurgh 主餐匙

18-10 霧面質感，我喜歡它的優美弧線和特殊造型。餐具只需要三種顏色：不鏽鋼色、原木色和米白色的瓷器，讓食物 …

深藍糜鹿手套

藍色加上白色令人感覺到一種冷靜而且智慧，糜鹿有聖誕節的溫馨。

購物的準則

大原則 輕便取代笨重 多功能取代單一功能 可移動取代固定 簡潔取代繁瑣 堅固耐用 購物就是購買自己的一部分，自 …

擁有極少物品的好處

開始實行生活簡單化的第一步，就是將生活中多餘的東西丟掉、拍賣或送人。相同的經濟狀況下，擁有越少的東西，就可以買 …

檢視自己可以省略、減少的東西。

檢視自己可以省略、減少的東西： 體脂計 我之前本來也想買台體脂計，來記錄自己的身體變化，但仔細想過之後，要讓身 …

068 練習樂觀。

樂觀和悲觀是一條線的兩端，每個人都在這條線的某一個點上，常常用樂觀的心態對待每一件事，久而久之就會習慣成自然， …

067 再爛的開始也是開始。

有時候會怕做不好，想要研究更多再開始著手，但也常常想太多，而把計劃都耽擱了。大膽地直接開始進行吧，不管是好的開 …

066 財富的來源。

能夠幫助越多人提供更好的服務，才能得到越多的財富。不要處心積慮去賺取對任何人都沒有幫助而得來的財富。

065 任何時候都不要否定自己。

每件人事物都會因每個人的想法不同而不同，獲得肯定、成就感時的自己，和被嫌棄、忽略而沮喪的自己，都是同一個自己， …

064 建立自己的快樂清單。

做什麼事或擁有什麼，可以讓我快樂？不要只是在心裡想，將它們記錄下來，並且隨時看看自己是不是常做這些快樂的事，或 …

063 最嚴重的疾病是藐視自己的身體 — 蒙田

吃下太多垃圾食物，不讓身體充份休息，不運動鍛鍊自己，不照顧自己的身體，隨之而來就是各式各樣的疾病。

062 遠離惡人惡事。

對於自己不喜歡的人事物，不要花任何一分一秒去想他們。 為了自己，原諒別人。 尊重你不喜歡的人。 遠離惡人惡事。

061 自己才是意識的主宰。

為什麼要讓負面情緒任意佔據你的身體？大腦要怎麼想，完全可以由自己決定。

060 寵辱不驚。

就像自己對食物的喜惡一樣，有些很喜歡，有些很討厭。被別人喜歡或被討厭也不用強迫去改變它，有時事情會很順利，有時 …

059 對待媒體的態度。

任何媒體都會有意或無意地，將他們的想法灌輸在觀眾腦中。認清媒體的本質只是傳達訊息，對訊息的解讀要靠自己。對任何 …

058 閱讀出聲與簡單計算。

看書時如果不會吵到人就唸出聲音來；到超市買東西時，結帳前算出總額。這些小事情可以幫助大腦活躍又不難，平常就多練 …

057 所有負面的想法都是自己給的。

「我已經過了追求夢想的年紀了⋯⋯」、「我沒辦法做到，只能放棄了。」心中產生這些想法，都是自己產生的，根本沒有人 …

056 可以選擇自己要做的事

做有熱忱的事，忙些有意義的事，每天都會迫不及待地起床，迎接每一天。時常問自己：「對現在做的事有熱忱嗎？」

多拍即合 Duopi 雲端相簿

多拍即合是雲端共享相簿，可以邀請朋友一起編輯共享相簿，創造屬於我們的回憶。在這個專案運用了很多有關影像的技巧， …

MACK’S Earplugs 矽膠耳塞

生活在吵雜的都市，充滿永不停息的機器運轉聲，之前試過耳道式耳塞，但除了侵入式比較不舒服之外，也很容易睡到一半就 …

自己刻最簡單高效能的圖片輪播 very simple slide show in vanilla JavaScript

圖片輪播是最常見的網頁元素之一，不用插件，也不需要 jQuery，可設定幾秒換下一張，滑鼠移上圖片時會停止換圖 …

image 各種型態轉換(blob, dataURL, canvas) in JavaScript

blob 轉成 dataURL blob 和 file 都可以使用，從 blob 讀取資料的唯一方式就是使用 …

055 自癒

相信自己的身體可以痊癒，不管是生理或心理的創傷，不要依靠外在的事物，靠自己打敗它們。

功能開關按鈕 switch toggle button by pure CSS

在設定頁面常用的功能，將 checkbox visbility: hidden,label 標籤當底部區域，l …

簡單說 preventDefault(), stopPropagation(), return false 使用時機

preventDefault(): 預防作用的元素預設事件發生，如果只是要預防 <a href=”#”& …

054 EXERTION

From exertion come wisdom and purity; from sloth ignora …

053 時間。

一直想著時間不夠，急急忙忙地趕著時間做事，表面上看起來利用了很多時間，其實只是成為生活的奴隸。只有跳脫時間，想 …

052 表達自己。

什麼事我都會跟自己對話，腦中的想法和結論，只有自己知道，有時候我還會以為別人應該也知道，這種想法真是太自以為是 …

051 知人者智，自知者明。

比起學習專業技能知識，能夠了解別人、了解自己才算是大智慧。

050 任何事都有好的一面。

小時候我生病時，就能吃到特別好吃的食物；艱難的日子，反而是幾年後深刻的回憶；失去了某些東西，我們也必得到某些。 …

049 自由。

自由是所有生命最不可或缺的元素之一。我會盡最大努力來爭取自由，也要提醒自己不要影響到別人的自由。

048 你在擔心什麼，什麼就會毀掉你的未來。

我決定要將「擔心」這件事，從我的生活中完全消除。它是世界上最多餘的事。

使用 CSS 的 clip 屬性來達到填滿顏色效果

clip 屬性類似遮罩的概念，設定 top, right, bottom, left 四個位置的值，來達到要顯 …

向上捲動時，讓 header 出現；向下捲動時，讓 header 消失。

當使用者在瀏覽頁面內容時，header 佔的空間就減少了主內容的空間，所以我們可以設定當使用者向下捲動時，是在 …

047 體驗飢餓與寒冷。

惡劣環境會激發身體的潛能與之對抗，在不影響身體健康下，讓自己的身體對抗飢餓和寒冷。不要成為一個禁不起餓、耐不住 …

表單簡易驗證，檢查空的輸入框，並出現提示

結合 bootstrap 的 tooltip，在使用者按下確定按鈕時，判斷表單是否有空的輸入框，並提示使用者輸 …

側邊欄開關

不用插件，少於 10 行的 JS 語法，輕鬆完成視窗外的側邊欄寫法。 用 body 有無 class=&#82 …

NIKE Free 3.0 Flyknit

一個平凡的假日午後，只是一個突然的念頭：我決定要開始跑步。是一種新的體驗，也是一個嶄新的開端。 因為它，我更想 …

046 永遠保持良好優雅的姿態。

坐著，站著，走路，用餐，工作，任何時候都挺直腰桿，不畏縮，不翹腳，不做誇張的動作，以優雅的姿態，保持一種內斂的 …

045 樂趣，遊戲，高效率。

那些有幫助但不容易的事，例如學習，運動或工作。不要單靠意志力來做，若無法持續就沒有用。發掘它的樂趣所在，用遊戲 …

044 自己犯的錯或做得不好的事，別人通常不會記得。

過去我常常因為自己的不善表達，表現不好而自責，讓自己心煩。其實，根本沒人在意這件事。

043 「誠實」是最好的方法。

誠實像是一種純淨無瑕的物質，而謊言一說出口就把生活籠罩著一片混濁，說謊只會把事情變成一團糟。

042 做一些簡單重覆的事情。

我們一直被教導要用腦思考，要做出不一樣的東西，要比別人優秀。但不是每個人都那麼聰明能幹，我們只是平凡人，永遠有 …

041 保持頭腦清楚。

當有人急迫地要你馬上做某個決定，千萬不要如對方的意。人急無智，沒有什麼事一定要那麼急迫做決定。好機會永遠都還有 …

040 認真對待每一個決定，決定了就不後悔。

失敗的經驗往往更可貴，人在逆境中能學習更多。不要後悔自己做的決定，因為每條路都有它獨特的經歷。再回到當時的情境 …

039 最重要的是「時間」。

如果可以用 30 億元來跟你換取 30 年的歲月，你會換嗎？我們花了那麼多時間學習和工作，只為了換取金錢嗎？辛 …

038 大無畏。

所有令人恐懼、失落、難堪的事情，在浩翰無垠、億萬斯年的宇宙面前，都不值一提。保持純善，對一切都可以無所畏懼。

037 培養五感。

視覺、聽覺、嗅覺、味覺、觸覺，我們每天都在使用。但是我們常常對這些感覺視而不見、充耳不聞。五感是可以培養的，認 …

036 子不語怪力亂神。

不談論沒有根據的言論。被怪力亂神的事情困擾也是沒有智慧的表現。

035 營養。運動。休息。

營養，運動，休息，這是健康的三大原則。隨時提醒自己這三大原則是不是都有兼顧好。

034 親自動手解決生活中的問題。

有時生活總會出現一些討厭的情況，我們常會不自覺就任由這些事困擾自己。要常想想生活中，是不是有什麼不順心的事正在 …

033 「相信」是一種強大的力量。

心誠則靈。 如果打從心裡不相信某件事物，那麼就永遠也得不到它。 不相信自己能夠做到某件事，就永遠也做不到。 如 …

032 盡力為對方做到最好。

不管是工作上還是幫忙別人，都要秉持這樣的原則。這種做事方法，對方和自己都能夠獲得最多的收獲。

031 打招呼與道謝。

對周遭的人親切地打招呼。被店員服務後也要誠心地道謝。

030 每天記錄好事。

今天的陽光很溫暖，今天的店員態度很親切，今天看見令人心曠神怡的景色，偶然吃到好吃的食物…這些小事都可以記錄下來 …

029 「麻煩」是寶物，「難題」是禮物。

「麻煩」的事要花好多時間和心力去解決，大部分的人也怕麻煩而不去做，正因為如此，不管是過程或結果，麻煩都可以讓我 …

028 別重視，也別輕視金錢。

不羨慕、不追求奢侈品。不要有「金錢至上」的觀念。發掘興趣熱情所在，幫助別人就會擁有足夠的金錢。

027 保持身材。

攝取過量的食物、放縱自己、無法控制自己飲食的人，也無法控制好自己其他部份。擁有良好的體態應該是身為人的基本要求 …

026 減少污染。

不發出噪音：關門時輕輕帶上，談話時只發出對方聽得到的音量。噪音絕對是造成關係不和諧的兇手，想要與環境和周遭人們 …

025 專心一致，才能體驗精髓。

如果我一邊做事一邊聽音樂，音樂只會變成吵鬧的背景聲。所以我喜歡聽音樂時，就不做任何事，帶上耳機躺著，就只是專心 …

024 分享快樂。

好事就盡情向周遭的人分享，但分享目的是「希望他們也能從這件事得到快樂」。

023 注重飲食。慢食。不淨不食。

每天只攝取剛剛好的食物量，不要為了享受口腹之欲而吃下過多的食物。謹慎選擇要進入到身體裡的東西，而且要緩慢進食， …

022 研究芝麻小事。

學習、研究小項目是很簡單而且有趣的事。就算這件事目前對生活或工作沒幫助，但要相信它其實默默在幫助你。

021 記憶裡最美好的事。

每個人成長的記憶總會有幾件事、幾個時刻很美好，我會特別把它們抽取出來，放進心裡的百寶箱，任何時候都可以隨時打開 …

020 傳染情緒。

情緒就像一種傳染病，但它不一定只傳染壞菌。當我們生氣、悲傷時，周遭的人也會多少感到不愉快；我們開心分享時，別人 …

019 使命感。

人的一生總要做很多事情，做每件事情的動機是什麼？為了賺錢、養家餬口，還是滿足自己？能不能為世界帶來任何一點點好 …

018 讓自己幸福的方法，就是努力讓周遭的人幸福。

很多人想要幸福，可是覺得茫然不知如何去尋找。只要對他人有貢獻就行了，擁有共同體感覺，不自私的人才會有幸福感。

017 注重「生活美感」。

盡可能用自然光取代人造光；居家服飾即使只有自己或家人看到，也要有擁有品味；牙刷、毛巾、垃圾桶等等這些每天都要使 …

016 不吃口香糖。

我小時候也常跟著大家一起吃口香糖，那時聽說新加坡禁止口香糖，覺得很奇特，為什麼要禁止口香糖？長大後，自己不喜歡 …

015 把自己變成自己喜歡的樣子。

忙碌生活為了工作或家庭，是否太久沒有仔細觀察自己？喜歡自己現在的樣子嗎？不愛惜自己的人，也很難得到別人的愛。自 …

014 擁有良好的工作環境。

生活、工作、睡眠是佔人生最多時間的事情。工作是為了幫助社會、幫助他人，工作環境和心情要維持好品質，才能有好的工 …

013 享受一個人安靜的時刻。

人與人總是互相連繫在一起的。但每個人都是獨自地來，也終要獨自地離開。跟別人相處很重要，但最重要的是跟自己相處。 …

012 任何事物都可以修復。

曾經已經荒廢的事物，在經歷多年之後，某個心念轉變之下，突然有了新的意義。不要總是等到失去才明白其重要性。有些事 …

011 精簡而高品質的必需品。

在物資充沛的時代，我們常常擁有太多東西。任何事物擁有太多或太少都是不好的。找出自己的必需品，保持精簡和高品質。 …

010 努力地去接觸美好的事物。

我一直相信世上還有很多很美好的事物，它們就在某個地方，等待我們去發掘、接觸。當覺得為什麼好事都不會發生在自己身 …

009 用「上帝視角」、「十年後」看事情。

人在遭遇到艱難挑戰、低潮悲傷時，往往只看到目前的困境，走不出深陷的泥淖。平常就多練習用「上帝視角」、「十年後」 …

008 不要以「世俗社會地位」來評斷一個人。

學歷、職業、家境好壞這些東西，都沒有辦法用來衡量一個人。要瞭解一個人，就必須跟他相處，聽他說的想法內容，觀察他 …

007 我去，但我們分享榮耀。

這是電影《與狼共舞》裡的一句對白。決定做一件事，失敗要有自己承擔的勇氣；成功要與同伴一起分享。

006 勇敢面對未知、不熟事物的恐懼。

我喜歡在熟悉、穩定的環境生活。但總是會遇到自己懵懂無知、不擅長的情況，會產生恐懼而想逃避。但只要拿出勇氣去面對 …

005 享受期待。

期待是迷人的，有時它甚至超越期待的事物本身。期待的那段時光，是令人雀躍、滿心歡喜的，「擁有期待」就是一種擁有。

004 看見別人的優點。

如果只看到別人的缺點，自己就會變成垃圾桶，一直接受不好的東西；如果看到別人的優點，那麼自己就會變成一個聚寶盆。 …

003 想改變任何事情之前，先改變想法。

想改變任何事情，只要改變想法，事情就會改變。 例如想要家裡變乾淨整潔，就要讓自己無法忍受髒亂，讓隨時保持整潔是 …

002 與事物溝通的能力。

跟人溝通很重要，與事物溝通也很重要。將每件事物都視為有生命的，跟他們做朋友，把他們當好夥伴，每件事物也會跟著喜 …

001 日常生活儀式。

清潔的儀式，料理的儀式，進食的儀式，工作的儀式，將日常生活動作變成神聖性質的儀式，讓一切充滿虔誠的力量。 清潔 …

無印良品 牙刷架

極簡設計的完美呈現，白的純粹而平和，晶瑩剔透的陶瓷表面好清洗，是可以使用一輩子也不會感到厭倦的經典作品。

貼貼人 貼紙印章專賣店

官方網站：https://seesbee.com 貼貼人是一間販售正版彩色授權姓名貼紙的公司。除了卡通電影的姓 …

遇

最多只能容許兩個人，一個人也很輕鬆自在。— 彰化．鹿港

穿

我們上樓吧！就待在樓上，樓上很好。— 台中．民俗公園

離

讓人想起關於什麼離別的。但一句話也沒有說。— 忘了

浪

I wanna be one of them.— 台中．亞洲大學

止

小心翼翼地不讓事情變得複雜，保持著單純，沒關係就算別人眼中看來有點笨。— 台南‧井仔腳

electronic icons

一些關於電子產品的圖示，純線條圖示可以輕易地套用陰影，就擁有不一樣的效果，在比較單純的版面上，也可以幫每個圖示 …

光

在童話城堡裡我們的夢想正在發光。— 香港‧迪士尼樂園

深刻的遺忘

啪！的一聲 那塊不受青睞的奶油蛋糕 在牆上慢慢滑落 無力地趴在地上 會議討論的結果是 巧克力一定可以攻克敵人的 …

Calendar

初體驗 這個日曆圖示是我第一次嚐試畫 icon，是一個農民曆專案網站，需要顯眼的日期告知使用者目前的日期。 製 …

夏宇詩集／腹語術

因為在某本詩選集看到〈背著你跳舞〉，開始愛上夏宇的詩，有趣、敏感又難以捉摸，每個字眼產生獨特的刺點，不一定是作 …

陳綺貞《讓我想一想》

MV 將要升上高中時，在電視上看見〈讓我想一想〉的 MV，腦中就有一個聲音，叫我要買這張唱片。到了唱片行，它就 …

善使魔法的人

飄浮術 空氣稀薄，呼吸困難，缺氧 暗黑術 視野異常狹小 遲鈍術 腦袋空白，難以思考 禁言術 講不出話來 熾熱術 …

Herschel 背包

Herschel Supply Co. 是加拿大的包包品牌，簡單實用為主的設計。

KENZO 香水

讓生活中充滿喜歡的味道。幾年前一位好朋友送我的，是人生第一瓶也是目前唯一的香水，我很愛它的味道，清新自然，有幾 …

Klean Kanteen 水瓶

水是那麼重要，當然有個好水瓶也很重要。如果你跟我一樣不喜歡塑膠製品，Klean Kanteen 是一個非常棒的 …

Jack Purcell 帆布鞋

Jack Purcell 是一位加拿大羽球冠軍選手，也是這鞋子的原始設計者，在台灣有個好玩的名字，叫做「開口笑 …

松浦彌太郎的 100 個基本

面對任何事物，都要把對方當作自已最重要的朋友。 即使是一枝原子筆也一樣，包包或書本也沒有例外。面對任何事物，都 …

ikbc F-104 keyboard 鍵盤

機械式鍵盤雖然價格較高，但手感和耐用度遠超越一般的薄膜式鍵盤，F-104 回歸基本的配置，PBT 兩色鍵帽永不 …

窗

店裡寫著：不禁止善意的攝影。— 台中‧五權西五街

CSS3

.css { love: 100%; } Download PSD

HTML5

The dark orange color is #E34C26, or HSL 12° 77% 52%.Th …

Watermelon

屬性轉換 有時候照著原本事物應該的樣子去做，反而顯得一般，如果可以把它轉換成另一種型態，會有驚奇的感覺。

失蹤人口

她說： 「我真的一點也不想長大，我不想－ 穿不下這屬於我的玻璃鞋。」

旅

為了逃避這既有一切已經熟膩的恐慌，陌生的味道反而使人心安。回到童蒙之初，變得手足無措、蹣跚學步，看這個世界從不 …

巷

對於巷子的感情始終比較濃厚，它給人感覺親近，人、車、房子都是。招牌也是，在漫漫尋找之中，和目光一起亮了，整個城 …

移

周圍景物用一種緩慢的方式改變角度、離去，沙漏不停地流著，光影一幕一幕地過去，時間緊緊跟著，把現在變成回憶。&# …

.Com system manage

.Com 架站平台的系統管理介面，它就像是 WordPress, Joomla! or Drupal 等內容管 …

Colorful flat icons

製作特點 需要較多層次，但表達的圖示涵意較清楚(相對於線條圖示，使用者較容易了解這圖示是什麼作用)。 顏色使用 …

Tea time!

優雅之中來點繽紛 盤子和杯子，全部都是白色的圓形，每一個圓因為漸層和陰影的不同，產生不一樣的立體感。花朵餐巾、 …

Television

製作目的 為了 17Show 電視廣告刊登系統專案而製作，放在首頁就能很快了解內容跟電視有關。 一個小小的改變 …

17Show

Why 17Show 是國內第一家線上預約電視廣告的系統平台，只要在線上選擇時段、付款、上傳影片，就可以簡單在 …

透

溫暖的光芒變成了信仰。— 台中‧東勢林場

Book

開卷有益 可以運用在任何書籍相關的 APP icon，只要更換書中的內容文字即可。嚐試將書頁變成 icon 的 …

中華黃頁企業架站平台 官方網站

超過 4000 家企業的選擇 中華黃頁企業架站平台，是一個所見即所得介面，只要簡單輸入資料、上傳圖片，就能輕鬆 …

Recorder

製作目的 17Show 電視廣告刊登系統專案，搭配電視圖像，讓人了解主題跟影片錄製有關聯。 約定俗成的印象 現 …

Q Ma 可愛馬童衣館

兩種馬的選擇 因為老闆姓馬，所以店名和 logo 也理所當然的是馬，可愛的馬有兩種常用的意象：旋轉木馬和搖搖馬 …

箭靶

行銷界中很好用的圖 一矢中的，這個圖示適合用在輔助說明某項特點直切要害，精確對準目標市場，直接而有效率。

Line icons

簡單，卻不容易 單純形狀線條的 icon 雖然樣式簡單，但要用簡單的線條表示出各種意義，其實也並不容易。它也是 …

Microsoft Office

用途 給檔案上傳的功能用，判斷檔案格式而顯示不同的圖示預覽。唯一的要點就是將線條拉成完美像素。

Fuleconn

Logo 的由來 Fuleconn 公司以「三苗」為核心價值，主要以栽培兒童與種植樹木為責任。使用圓形為輪廓， …

Store icon

網路開店越來越流行 為了 .Com 新增網路開店功能製作，店舖的意象加上大大的 OPEN! 木牌，感受開店的氣 …

航

雨讓世界變了顏色， 使人換了心情。 短暫等待，是一種很難得的喜悅。— 桃園‧國際機場