前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對簡...
Day17 AC 履歷表#2 簡單小語 發現一個樣板的履歷網站再次練習履歷切版，加深觀念，每一次的切版，每一次的練習，都是成就更好的自己，雖然是簡單樣板，相信...
「誰掌握了過去，誰就掌握了未來」 ——《1984》 既然主題和切版有關，當然要來簡單了解一下切版（黑）歷史啊 XD，認識過去的排版思維以及排版的進展（還有痛苦的...
想要又快又穩的滿足各種 UI 需求，每天肯定花不少時間在 Debug CSS，不過總有某些特殊情境讓 Debug 過程非常繁瑣，甚至是難以完成，此時心中就會逐...
介紹一下自己 大家好，我是 Zombie@Dump，住在垃圾場的喪屍。 今年年初時離開前份工作準備轉職，沒想到碰上疫情，出國玩的計畫泡湯，只好很認真的配合防疫，...
說到CSS的學習與教學，基本上最多人會卡到的問題就是CSS屬性這麼多，好難學懂或是學到完整，基本上這個問題對於多數的網頁新手來說，始終都是個難解的困擾，但實際上...
前言 網頁基礎構成基本就是 HTML 和 CSS，最多再增加 JavaScript，前 2 個我幾乎每次都碰一下就會中斷，畢竟比起基礎的 HTML 和 CSS，...
TL;DR，簡介30天切版臨摹 30天，跟我一起 trace 各大網站的 HTML, CSS 程式碼，直接學習好的網站是怎麼被切出來的，用最高效的方式累積實戰經...
「你說說，為什麼我只是要排個版還要知道 W3C？」 恩 . . .不好奇一下你寫的東西是怎麼來的嗎？寫的東西是誰訂的？為什麼寫了就能動？如果不去追究這些，也不會...
開賽阿！！ 工程師轉職的路上，靈魂不小心跌入充滿 code 的洪流裡 . . . 切版之神：「請問你掉的是 Flexbox 還是 Grid ？」 我：「喔沒欸....
Day16 AC 履歷表#1 簡單小語 很快地又來到履歷頁面的練習，想當初剛開始學習時就在思考要放什麼在履歷表中，到了現在還是一頭霧水，就是一直練習一直練習，...
網頁基礎知識 對於剛接觸網頁的人，首先要認識 HTML、CSS、JavaScript，這三的語言構成基本的網頁結構HTML Wiki 超文本標記語言，是一種用於...
Day15 AC 英雄頁面#2 簡單小語 雖然都是簡易排版及臨時起意的想法，可能實務上用到機會不大，加入了好久沒使用的輪播效果，認為目前尺寸的控制還需加強，常...
Day14 AC 英雄頁面#1 簡單小語 之前在學習AC時做鋼鐵人的練習，當時就想有一天一定要做其他角色然後放上其餘資訊，所以到了今天就毫不猶豫的練習一波，光...
大家好，我是 Eric。 我們今天來到了 CSS 篇章的最後一部份，關於 CSS 的編碼標準及 SCSS/Sass。如同我們在 HTML 的編碼標準裡提到的，這...
大家好，我是 Eric。 昨天我們介紹完 CSS 中與字型有關的樣式，在了解這些樣式屬性後，其實我們已經看得懂超過一半以上的 Twenty Twenty 佈景主...
Day13 金魚 切版練習 簡單小語 金魚的尾聲，總結一下自己練習所學，因此就上網找了兩個字認為切得出來的樣板進行練習(太難的小魯功力不足)，練習的過程也真的...
Day12 金魚 不規則邊緣 簡單小語 這次的練習較為簡單些，主要就是每個元素的位置控制及掌握，才能讓不規則的邊緣呈現樣式，再利用padding的方式向上推展...
大家好，我是 Eric。 前兩天分享了 CSS 的基本版面配置方式，以及媒體查詢 (media query) 的實作方法。今天，我們就回到 CSS 的入門篇章：...
Day11 金魚 多層次收合選單 簡單小語 這個練習有覺得難了些，必須參考之前的寫法才能將多層次選單寫出來，RWD方面也是思考了一番，經過昨天的練習知道了在J...
昨天我們說明了 flex 以直線為排列單位的配置樣式。今天，我們要再來進一步的探討 grid 這種版面樣式。 display: grid; 事實上，grid 的...
Day10 金魚 文字排版 簡單小語 這次練習的文字排版，一開起來才發現，之前切的都亂掉了且有點難看，開始有點刻意練習的效果出來，就是一看到這東西就會想說怎麼...
大家好，我是 Eric。一般在學習 CSS 的時候，都會從較簡單的樣式開始，例如字型顏色 (color)、字型系列 (font-family) 等。但今天，我們...
Day9 金魚 JQ選單 簡單小語 之前練習往往都是在header上會花些時間，這次的刻意練習就選JQ選單來加深印象，雖然樣板差不多差異在其特效及RWD差異，...
大家好，我是 Eric。昨天文章的最後，丟出了幾個問題，沒有辦法透過基本的選擇器來完成，又或者說，要透過基本選擇器來完成會變得非常麻煩。以「我的表格想要偶數列跟...
Day8 金魚 簡易表格 簡單小語 練習表格一開始真的會搞不清楚欄跟列的排序方式，再慢慢練習後終於知道tr,th,td差異處，一開始看出還真的一頭霧水呢，表格...
大家好，我是 Eric。 昨天我們正式進入佈景主題的核心之一，CSS。除了內嵌樣式之外，在網站開發時，最常用的仍然是 CSS 檔案，以及 <style&g...
Day7 金魚 會員登入 簡單小語 會員登入畫面的練習，增加了觸摸效果及使用者體驗，先前看Amos老師教學時以為不難，實作才發現很多觀念不足，例如如何放圖片到...
大家好，我是 Eric。 第二到第四天的文章中，我們透過觀察 WordPress 佈景主題的檔案，了解了基本的 HTML 5 架構與語意化標籤。接著，在骨架完成...
Day6 金魚 綜合練習#2 簡單小語 這次的練習花的時間長了點，主要就是各種不規則以及動畫的搭配上，花了較多時間，也練習了OffCanvas，Scroll...
TD
TerryYu
placeholder name
shizuku
Zombie@Dump
CSScoke
hokou
EasonChang
pellok
Eric 桓桓
iThome鐵人賽
看影片追技術