RexHung's Blog

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 神手，但或許你能找到一根還能用的釣竿…

Introduction & 前言

最近這陣子剛好公司新的專案必須從頭開始，終於前後端分離，之前都是依附在 Laravel 底下，新專案是用 Vue Cli3 寫的，最近老闆猛然一提，才思考到舊手機支援問題，當下心整個懸在空中，糊塗的自己只顧著因為第一次自己從頭開始一個前端專案很興奮的心情，竟然忘了顧及支援度的問題，所以在今天上班時趕緊研究 babel/polyfill ，研究時 Vue Cli3 爆出一些警告訊息(內容就先不討論了)，這時候想到了前陣子摸過的 Webpack。

相較於這次的專案，之前許多頁面都是單純SPA一頁式的網頁 ( HTML CSS JavaScript )，而且只有在手機上跑，不會到萬惡的 Bug Maker IE 跑，所以基本上不是非常舊的東西還是都支援。但最後還是碰到了有手機不能跑的問題，其實會發現這種不能跑的情況是從一個拿 Iphone6 IOS9 的同事身上開始…