測試網頁品質工具

網頁速度  for  Google
https://testmysite.thinkwithgoogle.com/

網頁優化  for  Google
https://developers.google.com/speed/pagespeed/insights/

語法檢查
https://validator.w3.org/

優化檢查 for chrome
http://yslow.org/faq/

Flash to html5

1.Swiffy
https://developers.google.com/swiffy/

2. .Net Online
http://www.flash-to-html5.net/

3. ToolKit to CreateJS (Adobe Flash CS6 plug-in，只有WIN能安裝)
http://godpig.com/blog/?p=3326

4. Adobe Edge
(無法匯入FLA或SWF檔案)

安裝NetBeans

推薦  9 個最好用的 JavaScript 開發工具

http://buzzorange.com/techorange/2015/03/03/9-javascript-ide-editor/

NetBeans官網

https://netbeans.org/

SE JDK

http://www.oracle.com/technetwork/java/javase/downloads/index.html

邏輯性的CSS─SASS

SassMeister(http://sassmeister.com/)是SASS編譯CSS的線上編譯網站，免像 Atom一樣安裝，也支援版本控制的Github。

假設我們要將300多個CSS的寬度和左邊位置做同樣的處理，就可以使用SASS來撰寫規則程式。


@function width($w) {
@return $w *2;
}

=> 是將寬度都乘以兩倍。


@function left($l) {
  @if ($l >= 50%) {
    @return $l *2 - 100%;
  } @else {
    @return $l *2;
  }
}

=> 作為兩個判斷式，假使左邊位置超過50%，就乘以2減掉100%，否則乘以2。

完整程式如下：

@function width($w) {
@return $w *2;
}

@function left($l) {
  @if ($l >= 50%) {
    @return $l *2 - 100%;
  } @else {
    @return $l *2;
  }
}

.link-0101{
 background: url("no.png") no-repeat;
 position:absolute;
 width:width(50%);
 height: 100%;
 top:0;
 left:left(70%);
 z-index: 999;
 cursor:pointer;
 border: 1px solid red;
 opacity: 0;
 filter: alpha(opacity=0);
}

編譯出的CSS：

.link-0101 {
  background: url("no.png") no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 40%;
  z-index: 999;
  cursor: pointer;
  border: 1px solid red;
  opacity: 0;
  filter: alpha(opacity=0);
}

如下圖所示範：

募資網站，創新點子

有關著名的募資網站，可以參考最新的點子，加入自己的作品元素...參考看看！

KickStart
http://www.kickstart.org/success-stories/?gclid=CNP45orX1cYCFYQrvQodgcMGpg

Indiegogo
https://www.indiegogo.com/

點名時間
http://www.demohour.com/projects/latest

Pozible
http://www.pozible.com/

學習方法上的謬誤

 最近在思考一件事情，

 過去我花了五萬多元去電腦補習班，

 每年約花兩萬在購買專業書籍，

 但是經過五年發現自己技術一直停在原地。

 進而開始反省造成這樣結果的原因...

 過去一直認為花大錢才能學到最好的東西，

 最近改變了這個想法...

 越是值錢的東西越是趨近免費，

 因為其實他們只要靠一人一元的廣告收入，

 取得是量的費用，而不是在一人身上A很多錢。

 昨天我終於發現了致命的關鍵，

 就是我老公告訴我看Ted18分鐘學習法。

 相較於書籍或補習上課，書本的知識不過是從英文翻譯成中文的二手資料，

 為什麼我們要花大錢去買二手資料，

 而不透過實在價格的方式取得第一手資料呢？

 要用贊助的想法去取得真正好的東西...

 我想，觀眾的眼睛是雪亮的~!!

 以下有幾個學習管道，可以參考看看：

 資策會程式設計線上課程：http://www.tibame.com/q?pg=oocourses_all&tg=OOCourseAll-listCourses&cmp=R22.0_12&cx=22.20000

 使用者經驗設計線上課程：https://www.facebook.com/l.php?u=https%3A%2F%2Fwww.interaction-design.org%2Fcourses%2F&h=sAQFhgSFE

 國外的知名大學遠距課程(有簡體字幕)：

https://www.coursera.org/learn/marketing-analytics

 全球趨勢線上影片TED18(有中文字幕)：

https://www.ted.com/talks?language=zh-tw

版本控制

GITHUB

版本控制GIT當中，最知名的就是GITHUB社群了。GITHUB是一個共享虛擬主機的服務，可以用來存放GIT的程式碼。它最成功的地方除了存放程式碼之外，還提供了資訊編輯的功能，讓我們可以在上面直接建立資訊頁面、Wiki功能等等。而且GITHUB也支援許多社群的機制，如我們可以針對程式碼進行留言、貢獻度統計以及追蹤用戶、軟體庫、組織等等。

下雪範例：
https://github.com/loktar00/JQuery-Snowfall

(右下角有一個「Download ZIP」的按鈕，可以下載整包程式碼，再進行整理修改成自己的函式庫。)