SF 講堂推薦「Web 永恆不變的主題:布局——Box,Flex,Grid」要開播啦

講座地址為:Web 永恆不變的主題:布局——Box,Flex,Grid

各位,全棧工程師 -- Meathill(翟路佳) 會在今晚 20:00 為大家帶來一場講座,主題是《Web 永恆不變的主題:布局——Box,Flex,Grid》。

他會講些什麼?可以看看他線上 Slide 地址:Web 永恆不變的主題:布局——Box,Flex,Grid

以下為內容簡介:

  • HTML 誕生本來是想方便大家看文獻,結果因為它方便傳播的特性,加之後面的互聯網的大爆發,很快,它就被我們驅趕著,馳離了原先的軌道。現在,難以計數的產品建構在 HTML 之上,呈現文字排版只佔其中很小的一部分,絕大部分時間,我們都用它來布局。

  • 於是,布局,成為前端必須掌握的技能之一。
  • 最早我們用 <table>;後來大家學會用 CSS,開始藉助盒模型(box),用 <div>;接著隨著 HTML5 和 CSS3 的到來,我們可以用 Flex 更加方便快捷的解決問題;近期,Grid 也從規範中走出來,被越來越多的瀏覽器支持。
  • 這次分享應該會偏基礎,先回顧一下使用盒模型進行布局,然後使用 Flex 更高效的解決問題,最後展示一下更強大的 Grid 的使用。

講師往期講座:

  • Promise 的 N 種用法

  • jQuery, Backbone, Vue


推薦閱讀:

客廳不止「沙發茶几電視牆」,還有你想不到的「琴棋書畫詩酒花」
在你的日常開發中遇到過哪些常用布局是無法用純 CSS 實現的?
Google 圖片搜索結果頁面是如何實現縮略圖的拼接效果,用到了哪些技術?

TAG:前端开发 | Web开发 | 布局 |