在部門的技術分享會上簡報的。 頁面裡的連結都寫在備忘錄中，可下載觀看。

1. RWD 開發小工具
By Sean Su

2. Chapter 1.
2
線上開發

3. 3+ 1

4. TIME
曾經做過
Open Source 嗎？
4
Q

5. Chapter 2.
5
我只推薦好物

6. Fake images
Placeholder
6
Fakeimg

7. Chrome CSS3 Generator 7

8. Can I Use 8
Can I Use?

9. Chapter 3.
9
瀏覽器不跟你說的小秘密

10. Chrome Console 10
%cconsole.log(‘%c 文字文字文字’, ‘CSS寫這’);

11. Chrome Console 11
document.designMode = ‘on’

12. Chrome Console 12
http://www.XXX.com.tw/?openE
xternalBrowser=1

13. Chapter 4.
13
快速回顧

14. Basic RWD Sample 14

15. Basic RWD Sample 15

16. Basic RWD Sample 16

17. Basic RWD Sample 17

18. Grid System 18
Grid System
網格系統

19. Grid System 19

20. Grid System 20
1
12

21. 小結 21

22. TIME
網格有一個問題
有發現嗎？
22
Q

23. “
佛地魔：
7，是最強大的
魔法數字
Q：怎麼建出 1 排 7 格的？
23

24. Grid 24
Grid System  Grid Framework
翻譯：自己的網格自己寫

25. Grid Framework 25

26. 小結 26

27. TIME
Lost 有一個很大的問
題，有發現嗎？
27
Q

28. Grid Problem 28
商周.com：8 格
雜誌：10 格

29. “
獨孤求敗：
四十歲後，漸進於
無劍勝有劍之境。
無格勝有格
29

30. The greatest invention of this century 30
Flex

31. TIME
請寫一個絕對置中
31
Q

32. 32
Flex教學影片：
https://laracasts.com/series/learn-flexbox-through-examples/episodes/1

33. Flex Playground 33

34. 小結 34