[javascript] 免費的天氣API工具，可查詢任何地方的天氣資訊（Free Weather API）

🏔️ 宜蘭即時天氣

正在載入天氣資料...

[Html CSS] 製作RWD網頁的實用小工具

使用這些實用的小工具來輔助製作 RWD的網頁

Bootstrap https://getbootstrap.com/

ZURB Foundation https://foundation.zurb.com/

Pure.css https://purecss.io/

很棒的線上網頁編輯器（無廣告）

HTML 線上編輯器

1. http://myweb.ncku.edu.tw/~arter/html/

2. http://myweb.ncku.edu.tw/~arter/20171212/source.cgi

HTML CSS JS 線上編輯器

1. https://codepen.io/

在樣版上加上兩個CSS的樣式 code & mycode (about rows 350)

CODE {
    display: block;
    font-family: Courier New;
    font-size: 12pt;
    overflow:auto;
    background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
    border: 2px solid #ccc;
    padding: 10px 10px 10px 20px;
    line-height: 1.2em;
}




MYCODE {
display: block; 
    font-family: Courier New;
    font-size: 12pt;
    color: white;
    overflow:auto;
    background: rgb(52,52,52);
    border: 2px solid #ccc;
    padding: 10px 10px 10px 20px;
    line-height: 1.2em;
}

HTML CSS JavaScript 如何使用註解語法

HTML的註解
 例：
<!--我是註解 -->

CSS的註解
例:
<STYLE>
<!--
/*我是註解*/
-->
</STYLE>

JavaScript 的註解和 Java 一樣

註解有兩種：
（1）/* */ 多行的註解
（2）// 單行註解

HTML5網頁語法及應用

在 HTML5的應用中，最感到興趣的的是資料庫部份的應用。以往網頁需搭配後端的資料庫，才能達到，資料的輸入、分析與運用，但如果可以在使用者的電腦裡，建立臨時的本機資料庫(localstorage)，那在儲存及計算上，應該會比較方便些。

2D繪圖 http://mudcu.be/sketchpad/
音樂編輯 http://clublime.com/
遊戲 terris https://aduros.com/block-dream/
遠端桌面 http://guac-dev.org/
本地資料庫 localStorage http://people.w3.org/mike/localstorage.html
相關專題報導 http://www.cc.ntu.edu.tw/chinese/epaper/0018/20110920_1804.html

無障礙網頁如何檢測呢

無障礙網頁如何檢測呢?可參考

http://enable.nat.gov.tw/

有線上檢測工具，也有全文網頁檢測工具，非常方便。