aside 終於進入最後一個部分，也就是播放器了，預計呈現樣式如下圖： 這次用了比較多技巧跟方式，慢慢的講解吧!! HTML 如下： <div clas...
本篇重點問題回顧: 列出重點希望各位可以好好的將影片回放複習喔，另外幾個重點問題中，Amos已經有影片的會直接附上連結給各位參考取用。 為何需要reset...
進入 aside 中間部分的編寫，想要寫成下方畫面 程式碼滿簡單的，跟前面的程式碼差不多，但這次加入了畫面優化跟效果， 先來看一下 HTML 程式碼 <...
CSS 是 Cascading Style Sheets 的縮寫，是一種 style sheet (樣式表) 語言，可將自訂的樣式 (例如：字體、顏色) 附加在...
這次要寫一個播放器的清單，在編寫之前，我先把 navbar 優化了一下，如下圖呈現的樣式， 但我還是沒有研究出來 search 要怎麼對齊在 navbar 的...
小弟平常喜歡聽音樂，台灣音樂串流平台的始祖 KKBOX，從一推出就使用至今，也看到 KKBOX 在台灣的音樂圈越來越具有代表性，並且還有自己的風雲榜演唱會，真是...
小弟熱愛音樂，前一週自己發想一個音樂主題的頁面網站，記錄各樣的網頁撰寫方式， 接下來這一週要向 KKBOX 致敬，撰寫內容如下 navbar 導覽列 左邊 s...
初級踩地雷是9X9地圖，如果網頁直接寫死，三個等級就要寫三頁。透過JavaScript來控制地圖大小，就可以將初、中、高地圖寫在同頁，甚至還可以讓玩家自訂地圖大...
終於來到第一個網頁的內容結尾，通常結尾會有一個表尾，我們俗稱 footer，用來做最後的資訊用，但我個人比較喜歡簡單的樣式，所以就來寫一簡單的 footer 吧...
windows經典小遊戲，CPE也有踩地雷10189 - Minesweeper，不過文字版玩起來不刺激。這次嘗試製作網頁版踩地雷，會用到Html、Css、JS...
一個網頁的產生，除了跟消費者介紹產品與提供資訊外，最重要的就是要提供下單服務啦!! 這次要寫的樣式如下 這次要用 ul li 的清單方式來寫一個產品下單的列表...
一個音樂網頁主視覺下方會有一個最新的資訊，就讓我們來寫一個三欄式的主要資訊吧!! 預計要寫如下方所示: 首先 HTML 的程式碼如下 <sect...
網站中最重要的主視覺大圖，大部分會落在 header 上，今天就來寫個 header 吧!! 預計會長這樣 HTML 的寫法很簡單，如下方 <div...
響應式網頁設計 響應式網頁設計（英語：Responsive web design，通常縮寫為 RWD），或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是...
現在網頁為了 RWD ，在 layout 的 navbar 跟 footer 都會固定，而網頁最上方都會有一個 navbar，裡面會有 logo 還有一些選項，...
從大學畢業以來，就一直在平面設計的領域中探索自己， 如何將自己所學變成可能回饋社會的力量， 雖然不多，但不斷的努力著透過設計可以讓台灣的視覺更好， 隨著智慧裝置...
一個網頁應用程式的生命週期可分為以下階段： 輸入網址或點擊超連結 瀏覽器向伺服器送出 request 伺服器回傳回應頁面（HTML, CSS, 和 JavaS...
有一些看似很基本的知識 例如 Heading < H1 > 至 < H6 > 有時不知是不是所有新手 都知道是什麼？ 在老一輩什麼都是...
誠徵網頁前端合作伙伴, 希望能夠長期合作者為佳, 至少網頁做一年以上吧, 最好是常在切版, 能夠做動畫之類的更好, 然後可以介接API, 希望是能夠前後端分離的...
重要的一天，記錄一些筆記: HTML ::after 解釋 在原本的元件後面增加內容。 []的運用 style{ .img img[alt]{ w...
用VS 2013 F5跑起來看,有相間的效果 但網頁放到IIS上時,就沒有了. 查到原因是因為IE瀏覽時預設值為版本7,這個功能要9 以上才支援. 所以就再...
這是第一次在這裡發文，這是一篇記錄自己在寫php的時候遇到的問題紀錄與找到的解決方法。 遇到的問題：按下按鈕之後要呼叫寫在同一頁的Javascript func...
相較於前一篇用文字記憶法，這篇則是用原始碼做為比較，詳細列出一眼辯英雄的矛盾大對決！ 從第5項實驗，我們成功證明了id確實強過class的效果！ 但是這時我突...
或許你可能曾在FB或是Dcard的留言板上，看過諸如此類的奇怪文字： 因為大家都不知道怎麼辦到的，所以紛紛複製貼上，演變成大量洗版的詭異流行。 現在就來介...
想轉職當網頁工程師，你有聽過 freeCodeCamp 嗎？ 轉職寫網頁？ 每當朋友說想要轉職當工程師，我都會推薦直接去寫網頁，因為資源豐富啊！而且市場需求...
作為一名在資料行業打拚了兩年多的資料分析師，雖然目前收入還算ok，但每每想起房價，男兒三十還未立，內心就不免彷徨不已~ 兩年時間裡曾經換過一份工作，一直都是從事...
就在寫前一篇範例的時候，突然想起了這項也很重要的問題： 當我想在內容編寫程式碼的語法時，導致網頁誤以為那也是一段要執行的語法，該怎麼辦？ 這時就需要請出HTM...
如果HTML是人，那CSS就決定了他的髮膚顏色，而JS則是這個人的行為。 其中，HTML負責確定網頁中有哪些內容。 CSS確定如何展現元素的外觀(比如：大小、...
第一個入門 JS 的實作學習目標 身爲 JS 剛入門的新手，把做出第一個 Todolist 當作第一個實作學習目標。一開始還不確定能利用哪些語法做出 Todol...
這是接續了前一篇推薦的教學網址，對其談到的斜槓稍作內容延伸。 這個符號 「/」就是斜槓，呈現上右下左。 而 「\」是反斜槓，呈現上左下右。 斜線的方向，有時...
Tim Hsu
CSScoke
Titangene
來杯拿鐵
Mack Chan
yowlonglee
IrisAndMimi
nienzu
Lai
iT 邦幫忙鐵人賽