Flexbox由來
Flexbox 早在2009年即被推出,其推出的主要目的就是用來讓前端工程師在網頁布局,更加流暢與方便。另方面,在蘋果手機等智慧型手機日益普及環境下,響應式網路布局更是每個前端工程師必須要具備的基本能力之一,Flexbox相較於Float而言,在響應式布局部分,前端工程師來說更加友善。
在此提供一個由六角學院建製的Flebox練習網站,讓剛入門的前端工程師或對於相關議題有興趣的同好,一個練習的平台。
Grid歷史
Grid是在2011年由微軟工程師「 Phil Cupp 」發明的。Grid與Flex最大的不同在於,Flex多著重在單一維度的布局,但相反的Grid卻可以同時在X、Y的兩個維度上進行布局,因此在運用上會更加靈活。
在此提供Layoutit網站供有興趣練習Gird布局的前端工程師練習。
Flex 與Grid關係
Flex 與Gird的關係,就像Flex與Float的關係一般,彼此的關係在網頁布局時是互補的,而非替代關係,對於前端工程師來說都必須要熟加練習。