互動設計

互動設計概論
http://blog.akanelee.me/posts/166419-an-introduction-to-interaction-design

人機交互課程
https://www.coursera.org/course/hciucsd

互動設計的生命週期與法則
http://dclick.fourdesire.com/2013/05/10/lifecycle-of-interaction-design?ref=article-index&type=title


---
想要設計清爽的介面，並且能直覺的操作方式。
按鈕減少常常需要多層次的操作，會需要更多的記憶。
所以並不是一味地減少按鈕，而是打造出最容易學習的操作方式與流程

UIUX

UX
http://uxmastery.com/

排出好體驗
用戶體驗與排版的二三事

by 奧革士

https://speakerdeck.com/augus/pai-chu-hao-ti-yan-yong-hu-ti-yan-yu-pai-ban-de-er-san-shi

那些頁面排版需要了解的事情

http://ogdesign.postach.io/na-xie-ye-mian-pai-ban-xu-yao-liao-jie-de-shi-qing

seo

http://blog.cgmlife.net/posts/2014/05/23/seo-tutorial

http://gordon168.tw/?p=82

jquery

http://www.qianxingzhem.com/post-1778.html

Web Animation Infographics: A Map of the Best Animation Libraries for JavaScript and CSS3 plus Performance Tips

http://www.awwwards.com/web-animation-infographics-a-map-of-the-best-animation-libraries-for-javascript-and-css3-plus-performance-tips.html


ngProgress
https://victorbjelkholm.github.io/ngProgress/#demo


影片code school
http://try.jquery.com/levels/1/challenges/1

jquery rain-jQuery Carousel Plugin & Tutorials with Example

http://www.jqueryrain.com/example/jquery-carousel-example/

社團推薦電子書javascript

http://eloquentjavascript.net/

http://it-ebooks-search.info/search?q=javascript

蒐集好用的jquery

背景

影片在背景撥放效果
http://www.seanmccambridge.com/tubular/

bootstrap
http://www.jasonbutz.info/bootstrap-lightbox/#demo

fuel UX
http://exacttarget.github.io/fuelux/#datepicker

reveal.js

我的css命名

topnav

subnavi

mainheader

maincontainer

banner

breadcrumb

top

bottom

可以參考這篇
http://engineering.appfolio.com/2012/11/16/css-architecture/

激勵 看完 清醒

你窮，是因為你沒有極度渴望成為成功的野心！

你窮，是因為你沒有燕雀缺乏的鴻鵠之志！

你窮，是因為你無法戰勝自己內心的怯懦！

你窮，是因為你缺乏變不可能為可能的勇氣和巨大決心！
  



有了野心，你才能克服一切自卑、逼出潛能！

有了野心，你才能堅持不懈、不斷學習和改進，以最快的速度完善自己！

有了野心，你才會不畏一切艱難險阻。敢於創造出別人不敢、也不能的奇蹟！

不論你現在家境有多窮， 地位有多低。都不要否定自己，都不要失去凌雲之志。
一身貧寒的李嘉誠，當初比現在的你還窘迫，你又有什麼理由繼續受窮，不成為富翁呢？


from:   馬雲：35歲你還窮，活該你窮！讀完，就被罵醒了！