RexHung's Blog

Introduction & 前言

為期八週的訓練本週是最後一次課程，這週除了複習過去七週的重點外，這週的重點也放在如何更好的管理 CSS。

這週也會將 BS 利用的更淋漓盡致。

Introduction & 前言

你在看網頁時肯定看過東西突然浮出來會是跳出來，在沒有肯定也看過蘋果官網。

這週就是要來學學怎麼實作視差滾動，而且！而且！而且！可以不寫任何一行 JS！

Introduction & 前言

沒想到結束前面的兩週 RWD 地獄式訓練，這週又來一個有點難度的切版練習。

還好本週配上 Bootstrap(以下簡稱 BS) 切版，讓整個切版開發順暢許多，甚至 CSS 也少寫了非常多，這週就來要說說怎麼使用 BS 的 隔線系統 及 修改BS變數為自訂義變數 讓整個開發流程縮短一半以上的時間吧！

Introduction & 前言

結束了前兩週的 RWD 地獄式訓練，這週迎來的是難度稍微低一點的後台表單設計，因為後台通常很少用手機看，所以本週沒有 RWD。

因為這次的課程有提到 Bootstrap，所以這次作業老師是建議套上 Bootstrap，但因為平常就有在使用，所以想改用手幹的方式看看能不能幹出一個 Modal 以及 Table。

Introduction & 前言

如果你為了前端切版每次都要從 HTML 開始建立檔案，然後 CSS 再來 JavaScript…等等，而且碰到多頁面的版面手足無措，那你就可以考慮看看這篇文章了。

Introduction & 前言

RWD 地獄訓練第二週，搭配 Gulp 專車，一起來看看本週出了什麼菜吧！

Introduction & 前言

終於來到這次上課一直想好好學好的地方了，沒錯，就是 RWD，如何搭配 Flex 切出完美的 RWD，製造出完美的 UI/UX 體驗就是本週要上的課了！

Introduction & 前言

緊接著來到第二週的直播課程了，拖到了週日才練習作業跟寫部落格，絕對不是因為自己愛玩（誤

這週的直播其實有點卡，不知道是不是 Zoom 太多人導致還是其他原因，總之最後到了今天才看重播影片。

這週的重頭戲就是常常聽到的 Flex 了！

Introduction & 前言

依稀記得剛開始寫前端切版都是東摸西湊的，很多東西都是靠感覺硬拚出來的，最近公司案子變趕的情況下終於意識到自己的寫 Code 速度好像有待提升，除了打錯字外，在排版上似乎也還有很多可以精進的空間，又這麼剛好，在今年的 The F2E 開始前 六角學院 就釋出了一則消息：

Introduction & 前言

相信只要接觸切版的人，都聽過現代人都已經在使用 Flexbox 排版了，如果還在用 Float 不如學著用 Flexbox，排版會輕鬆很多。

如果你已經試著想要著手暸解 Flexbox 不妨參考看看接下來的文章，也許沒辦法讓你變成 Flexbox 神手，但或許你能找到一根還能用的釣竿…