Hexschool-HTML-CSS-Practice

成果：點我

這是一份六角學院的 HTML&CSS 練習，內容主要為 Flex 切版練習，試著不用 Bootstrap 框架做出排版並且試做 RWD，另外也試著使用 Webpack 編譯，但設定部分還是需要改進，很多地方需要修正。

有需要的朋友歡迎使用範例內的圖片，試著切版練習吧！

此一份練習題目也有試著引入 SMACSS 及 OOCSS 模組化CSS ，如果不清楚的可以查看這篇文章[CSS Notes] - CSS模組化。

Webpack 的編譯入門可參考這篇文章[Tool Notes] — 關於Webpack #1 - 第一次就上手 及 編譯ES6 為主的 [Tool Notes] — 關於Webpack #2 - Babel？

---

使用方法

1. $ git clone https://github.com/RexHung0302/Hexschool-HTML-CSS-Practice.git

2. $ cd Hexschool-HTML-CSS-Practice

3. $ npm install

4. 執行 npm run watch 或 npm run build

5. Enjoy it!

---

相關介紹文章

• [CSS Notes] - CSS模組化

• [CSS Notes] - 第一次 Flex 就上手

• [Tool Notes] — 關於Webpack #1 - 第一次就上手

• [Tool Notes] — 關於Webpack #2 - Babel？

---

參考網站

• 使用sass mixin來開發responsive網站

• TABLE裡的內容要如何在RWD網頁設計內漂亮呈現？

• TABLE裡的內容要如何在RWD網頁設計內漂亮呈現？

• On Scroll Header

• 部落格