「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。 這邊要推薦兩個非常棒的 Brackets 擴充功能，可以分別達到自動縮排美化與縮排層 […]

「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。 這邊要推薦一個名為「Brackets Icons」的 Brack […]

「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。 這次要介紹的是非常知名的擴充功能「Emmet」，這個擴充並不只支援 Bra […]

「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。 即時預覽功能可以快速查看網 […]

Microsoft Office」是一款商用辦公室套件軟體，基本上是需要付費才能使用，如果您是學生或教師，可以嘗試看看「Office 365 教育版」，只要輸入學校電子郵件地址（伺服器地址內必須有「.edu」），再填些資料就能開始使用了！不過只有線上版，並不是大眾普遍用的電腦軟體版本，介面方面，兩者相當接近，使用上不會有障礙，也都支援中文，只是檔案必須上傳到雲端才能開啟，

「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。 佈景主題是 Brackets 一項可個人化軟體介面與原始碼顏色標記風格的功能，透過「擴充功能管理員」可自行下載他人製作的佈景主題。 […]

「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。 「Documents Toolbar」是一款 Brackets 擴充功能，主要是讓 Brackets 介面上方有頁籤可切換檔案。軟體預設都是依靠左 […]

Trello」是一個線上團隊、個人專案管理工具 ⚙，可以直接從網站上使用它，也有為行動裝置特別設計的 APP 可以下載使用。 進入「Trello」可以建立或加入看板與團隊，每個看板都是一個專案，裡面可以設置列表為卡片分類，每張卡片代表的就是專案的任務，甚至是成員的留言板，卡片可以設置標籤、標題、描述和成員（可能表示這個任務負責的人員），還能加上 ✅ 待辦清單（任務中需要完成的細項，

過去站長寫網頁版面時常常會遇到一個問題，那就是 CSS3 屬性 padding (內距) 和 border (邊框) 的大小會影響這個元素的大小，也就是其 width (寬度) 和 height (高度)，造成同樣的寬高下，因為不同的內距與邊框造成兩個或多個元素大小完全不同，影響美觀，所以那時都是手動計算寬度應該要多少才能符合同樣大小的原則，相當麻煩！

您正在學習網頁前端嗎？或者您是喜歡且擅長寫網頁前端的人？「CodePen」可以當作網頁前端的展示平台，並且能當作線上 HTML、CSS 與 JS 撰寫工具，大部分且必要的功能都是完全免費的，站長非常推薦這個網站！😁 「CodePen」編輯畫面將 HTML、CSS 與 JS 分出三格，還有一大格是預覽網頁結果，自己寫出來專案還能嵌入到自己的網站或部落格供大家參考，真的非常方便！

投97線（伊達邵～地利），全長11.547公里，原為投63線改編而來，起點始於南投魚池伊達邵，接台21甲線，終…

這次來學習 JavaScript（簡稱：JS），首先來學最基本的函數「alert()」，這個函數最主要的功能就是跳出提示視窗，裡面的訊息可以利用「\n」這個 Escape 逸出字元換行，像我 […]