首先就來了解網路的運作吧！點圖看影片 How The Internet Works： HTML是什麼 超文本標記語言（英語：HyperText Markup...
我們在瀏覽器上實際看到的畫面，其實是瀏覽器在收到 HTML 後渲染出來的結果，之後寫爬蟲時也是幾乎都會根據 HTML 來找到我們要爬取的目標，所以必須對 HTM...
網路上有著各式各樣的網站，看似五花八門，但其實基本的頁面都是由 HTML 與 CSS 所構成，再加入程式語言來增加與使用者間的互動。這一篇，我要先來介紹一下 H...
左邊的欄位已經寫完了，這篇開始從右側欄位開始撰寫內容，預計 header 會長這樣，左邊是一排選單，右邊有一個按鈕，給客戶做意見回饋用，如下圖: 為了要讓兩欄的...
前端當然要從 HTML 出發，今天就讓我們來聊聊 script tag 加上 async / defer 的功能及差異。 講古 我們知道，瀏覽器解析 HTML...
aside 終於進入最後一個部分，也就是播放器了，預計呈現樣式如下圖： 這次用了比較多技巧跟方式，慢慢的講解吧!!HTML 如下： <div class=...
進入 aside 中間部分的編寫，想要寫成下方畫面程式碼滿簡單的，跟前面的程式碼差不多，但這次加入了畫面優化跟效果， 先來看一下 HTML 程式碼 <u...
CSS 是 Cascading Style Sheets 的縮寫，是一種 style sheet (樣式表) 語言，可將自訂的樣式 (例如：字體、顏色) 附加在...
本篇重點問題回顧: 列出重點希望各位可以好好的將影片回放複習喔，另外幾個重點問題中，Amos已經有影片的會直接附上連結給各位參考取用。 為何需要reset...
這次要寫一個播放器的清單，在編寫之前，我先把 navbar 優化了一下，如下圖呈現的樣式，但我還是沒有研究出來 search 要怎麼對齊在 navbar 的中間...
小弟平常喜歡聽音樂，台灣音樂串流平台的始祖 KKBOX，從一推出就使用至今，也看到 KKBOX 在台灣的音樂圈越來越具有代表性，並且還有自己的風雲榜演唱會，真是...
小弟熱愛音樂，前一週自己發想一個音樂主題的頁面網站，記錄各樣的網頁撰寫方式，接下來這一週要向 KKBOX 致敬，撰寫內容如下 navbar 導覽列 左邊 si...
初級踩地雷是9X9地圖，如果網頁直接寫死，三個等級就要寫三頁。透過JavaScript來控制地圖大小，就可以將初、中、高地圖寫在同頁，甚至還可以讓玩家自訂地圖大...
終於來到第一個網頁的內容結尾，通常結尾會有一個表尾，我們俗稱 footer，用來做最後的資訊用，但我個人比較喜歡簡單的樣式，所以就來寫一簡單的 footer 吧...
windows經典小遊戲，CPE也有踩地雷10189 - Minesweeper，不過文字版玩起來不刺激。這次嘗試製作網頁版踩地雷，會用到Html、Css、JS...
一個網頁的產生，除了跟消費者介紹產品與提供資訊外，最重要的就是要提供下單服務啦!!這次要寫的樣式如下 這次要用 ul li 的清單方式來寫一個產品下單的列表，H...
一個音樂網頁主視覺下方會有一個最新的資訊，就讓我們來寫一個三欄式的主要資訊吧!! 預計要寫如下方所示: 首先 HTML 的程式碼如下 <secti...
網站中最重要的主視覺大圖，大部分會落在 header 上，今天就來寫個 header 吧!!預計會長這樣HTML 的寫法很簡單，如下方 <div cla...
響應式網頁設計 響應式網頁設計（英語：Responsive web design，通常縮寫為 RWD），或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是...
現在網頁為了 RWD ，在 layout 的 navbar 跟 footer 都會固定，而網頁最上方都會有一個 navbar，裡面會有 logo 還有一些選項，...
從大學畢業以來，就一直在平面設計的領域中探索自己，如何將自己所學變成可能回饋社會的力量，雖然不多，但不斷的努力著透過設計可以讓台灣的視覺更好，隨著智慧裝置的興起...
一個網頁應用程式的生命週期可分為以下階段： 輸入網址或點擊超連結 瀏覽器向伺服器送出 request 伺服器回傳回應頁面（HTML, CSS, 和 JavaS...
你是否有這樣的經驗，開發過程中，可能是註冊頁面或新增頁面，有一大堆form欄位要寫，寫完後利用jquery serialize要傳到後端時還要一個一個去接那個欄...
如何讓訪客第一次進入你的 WordPress 網站，就能在你的文章裡找到重點和脈絡是非常重的「技術性 SEO」知識與操作，不過這次簡介的 H1 標籤使用技巧，...
誠徵網頁前端合作伙伴,希望能夠長期合作者為佳,至少網頁做一年以上吧,最好是常在切版,能夠做動畫之類的更好,然後可以介接API,希望是能夠前後端分離的,不過就算無...
重要的一天，記錄一些筆記: HTML ::after 解釋在原本的元件後面增加內容。 []的運用 style{ .img img[alt]{ wi...
用VS 2013 F5跑起來看,有相間的效果但網頁放到IIS上時,就沒有了. 查到原因是因為IE瀏覽時預設值為版本7,這個功能要9 以上才支援.所以就再加上&l...
相較於前一篇用文字記憶法，這篇則是用原始碼做為比較，詳細列出一眼辯英雄的矛盾大對決！從第5項實驗，我們成功證明了id確實強過class的效果！ 但是這時我突然靈...
或許你可能曾在FB或是Dcard的留言板上，看過諸如此類的奇怪文字：因為大家都不知道怎麼辦到的，所以紛紛複製貼上，演變成大量洗版的詭異流行。 現在就來介紹這些...
想轉職當網頁工程師，你有聽過 freeCodeCamp 嗎？ 轉職寫網頁？ 每當朋友說想要轉職當工程師，我都會推薦直接去寫網頁，因為資源豐富啊！而且市場需求...
JinWen
Rex Chien
Sherry
Tim Hsu
Gary
Titangene
CSScoke
來杯拿鐵
Mack Chan
yowlonglee
IrisAndMimi
nienzu
iThome鐵人賽
看影片追技術