iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

30天切版臨摹!從模仿各大網站掌握商用級的前端HTML/CSS觀念 系列

前端切版易學難精,HTML、CSS 語法就那些,一週就能學完。
但接著要拼出一個完整的商用網頁,要考慮的還有太多太多:RWD、各瀏覽器支援、Accessibility、語意化、SEO、可維護性、效能等等......。要快速跨過這些坑,除了埋頭苦幹,我們可以直接學習別人怎麼做!
「好的藝術家抄襲,偉大的藝術家偷竊。」讓我們一起挖掘各大網站的原始碼,探討每一行 HTML、CSS 背後的考量,向全世界的偉大工程師學習!
本系列適合了解基本 HTML、CSS 語法(可能搭配一點 JS),想要進一步提升實力,切出完整網站的你。

參賽天數 3 天 | 共 3 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

一起挖掘各大網站原始碼,掌握前端切版概念【30天切版臨摹 D1】

TL;DR,簡介30天切版臨摹 30天,跟我一起 trace 各大網站的 HTML, CSS 程式碼,直接學習好的網站是怎麼被切出來的,用最高效的方式累積實戰經...

2020-09-16 ‧ 由 EasonChang 分享
DAY 2

從 W3Schools 學習基本頁面佈局 - 前處理【30天切版臨摹 D2】

從 W3Schools 學習基本頁面佈局 - 前處理 我剛開始學 HTML, CSS 是在 W3Schools 這個網站上學的,內容非常詳盡,絕對推薦給每一個想...

2020-09-17 ‧ 由 EasonChang 分享
DAY 3

從 W3Schools 學習基本頁面佈局 - 版面【30天切版臨摹 D3】

W3Schools 首頁有用到他們自家出產的 w3.css,這是一套類似 Bootstrap 的 CSS Framework,把很多常用的css屬性包成許多cl...

2020-09-18 ‧ 由 EasonChang 分享