藝術材質

1.飯店磚塊
Ledgestone

temp

http://www.nodebeginner.org/index-zh-tw.html

案/tmp/test.png內容展示到瀏覽器中。當然了，首先需要將該圖片儲存到這個位置

Ubuntu 14.04

1.安裝google chrome
http://www.computernetworkingnotes.com/ubuntu-12-04-tips-and-tricks/how-to-run-chrome-as-root-user-in-ubuntu.html

NodeJS 教學

1.安裝nodejs
sudo apt-get install node

https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-an-ubuntu-14-04-server

1-2 支援模組 Express
https://expressjs.com/en/guide/routing.html

2.範例

file upload
https://codeforgeek.com/2014/11/file-uploads-using-node-js/

chat room
http://socket.io/get-started/chat/

3.async
http://book.mixu.net/node/ch7.html

Z.安裝模組與使用

npm install formidable

var formidable = require("formidable");

SVG範例

1.動畫設計(SVG)-
https://css-tricks.com/guide-svg-animations-smil/

https://docs.webplatform.org/wiki/svg/tutorials/smarter_svg_animation

http://interactjs.io/

http://svg.dabbles.info/snaptut-dragplugin

http://www.jqueryrain.com/?OQTEB5Jx


http://tympanus.net/codrops/2016/04/13/interactive-3d-mall-map/  多層地圖


2.觸發動畫-

http://stackoverflow.com/questions/8455773/svg-trigger-animation-with-event

http://web.archive.org/web/20140228202850/http://dev.opera.com/articles/view/advanced-svg-animation-techniques

http://stackoverflow.com/questions/31856890/svg-trigger-a-click-event-on-animatetransform-after-clicking-a-button?answertab=votes#tab-top

http://www.hongkiat.com/blog/svg-animations/

居家生活

1.滅蟑文章
  http://www.letu.life/b5/125663/%E8%9F%91%E8%9E%82%E4%B8%80%E6%AC%A1%E7%94%A2%E5%8D%B5%E6%95%B8%E7%99%BE%E9%9A%BB%EF%BC%8C%E4%BD%A0%E5%AE%B6%E5%BA%8A%E5%BA%95%E4%B8%80%E5%AE%9A%E6%9C%89%EF%BC%81%E3%80%8C%E5%B9%BE%E6%8B%9B%E3%80%8D/

CSS 設計技巧

1.置中-  margin:  auto;

2.漸層色塊
http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28left\%2C\%20rgba\%28248\%2C80\%2C50\%2C1\%29\%200\%25\%2C\%20rgba\%28241\%2C111\%2C92\%2C1\%29\%2050\%25\%2C\%20rgba\%28246\%2C41\%2C12\%2C1\%29\%2051\%25\%2C\%20rgba\%28240\%2C47\%2C23\%2C1\%29\%2071\%25\%2C\%20rgba\%28231\%2C56\%2C39\%2C1\%29\%20100\%25\%29\%3B'


3.id的命名 不可以數字為開頭

4.css的style內部屬性設定時 須注意 先後次序

5.設定class內容的中心layout
 margin: auto;

6.將物件放在垂直中心
   style="line-height:80px;"

7.物件編排放在右側
   float:right;width:40px

8.兩個物件排在同一列
<div style="display:inline-block"> A</div>
<div style="display:inline-block"> B</div>