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

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

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

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

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

HTML 有一個標籤相當常使用，那就是 <table>，我們真的常常需要在網站上放置表格呈現資料，有時候會想將表格內的儲存格(<th>,<td>)合併，HTML 就有提供兩個屬性，分別可以以列或行合併儲存格(<th>,<td>)，也就是「colspan="數字"」或「rowspan="數字"」，數字填寫要合併的儲存格數量。範例中也特別將使用的屬性填至表格內供大家參考。

我在五年前就已經接觸這個 CSS 屬性，所以在這幾年間都有不斷使用這個屬性，更多的圓角可以讓網頁看起來不那麼尖銳，許多的按鈕、方塊都可以套用上圓角，看起來更讚！「border-radius」屬於 CSS3，後面可以接 1~4 個數值或百 […]

「Weather Icons」是一款開源的天氣圖標（Icons），可以免費使用在自己的網站或 APP 中，基本上只要有姓名標示任何使用目的都是可以的，詳細可以參考官方網站頁底，有更詳細且 […]

「Easing 函數速查表」由 Andrey Sitnik 提供，各國家的貢獻者協助翻譯，因此網站還支援非常多的語言，包含正體中文（繁體中文）唷！我們前端網頁設計師常常需要製作網頁互動動 […]

很多國際性的網站在設計時就會自動偵測使用者瀏覽器所設定的語言，因此這設定會決定網頁該呈現什麼樣的語言介面，總之知道慣用語言在哪邊設定是挺重要的事情。這邊簡單整理三大瀏覽器 Edge、Chrome、Firefox 設定慣用語言的位置，設定後也能讓支援多國語言的網站做判斷喔！ ▲ Edge 網址「edge://settings/languages」，進入設定畫面點「語言」即可找到設定位置。 ▲…