Modern Web

Start your app the better way with Styled System

本文主要由此投影片「Start your app the better way with Styled System」之講稿改寫。本文會從 CSS 歷史開始談起,接著會來看過去我們在使用元件庫上遇到的問題,以及怎麼使用 Styled System 來解決這些問題。

styled-system styled-components BEM CSS Modules CSS in JS css End-to-End Testing Media Query Modern Web Loading Performance Responsive Web Design react.js webpack 自動化測試 響應式網頁 加載效能 sharing · 留言


2019 年度回顧

這是我在 2019 年最值得聊聊的十件事 (*´∀`)~♥

年度回顧 WorldGym Postcrossing Modern Web Netflix 寶可夢 生活 旅遊 日本 九州 職涯 · 留言


利用 Styled System 建立一個更好的 UI 元件庫!

利用 Styled System 建立一個更好的 UI 元件庫!

styled-system styled-components OOCSS BEM SMACSS CSS Modules CSS in JS css Bootstrap Critical Rendering Path End-to-End Testing Loading Performance Media Query Modern Web Rendering Performance Responsive Web Design react.js webpack 加載效能 效能調校 自動化測試 轉譯效能 關鍵轉譯路徑 響應式網頁 sharing · 留言


2017 總回顧

這是我在 2017 年最值得聊聊的十件事 (*´∀`)~♥

年度回顧 2018鐵人賽 鐵人賽 Modern Web WorldGym End-to-End Testing Nightwatch Nightwatch101 Unit Test 單元測試 北海道 日本 自動化測試 生活 旅遊 職涯 · 留言


Modern Web 2015:電子商務與活動平台的 SEO 到底要做哪些事?

自從 SEO 成為顯學後,各大電子商務和活動網站都開始注意是否有做 SEO - 是否能讓搜尋引擎正確剖析內容、商品、活動或報導是否出現在 SERPs 上,進而注意是否能從搜尋中帶入正確的 TA 和流量。但 SEO 到底要做什麼?搜尋引擎對於一般人來說像是個黑盒子,網路上的文件所述影響搜尋引擎的因子又非常多,到底要從哪裡開始優化?很多人光想到這裡就非常頭痛...

SEO 搜尋引擎優化 結構化資料 複合式摘要 關鍵字經營 資訊架構 標籤系統 RSS sitemap social meta tags structured data rich snippets Modern Web · 留言