sharing

Lighthouse Metrics:以使用者為出發點來探討效能的指標

本文說明 Lighthouse 以使用者為出發點來探討效能的指標。

Lighthouse 效能調校 Loading Performance 加載效能 RAIL sharing Synthetic Monitoring active monitoring Real User Monitoring passive monitoring · 留言


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 · 留言


利用 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 · 留言


React Form: Redux Form vs React Final Form vs Formik and Yup

本文會先從為何要做表單狀態管理說起,接著看目前市面上有哪些好的表單函式庫和條列挑選原則,並探討三個表單函式庫 Redux Form、React Final Form、Formik & Yup,最後做比較和總結。

react.js react.js form redux virtual dom sharing · 留言


Nightwatch101:手牽手一起來學 Nightwatch!

本篇文章主要是將去年底今年初參加「2018 iT 邦幫忙鐵人賽」與後續在 VueJS 台灣 meetup 201803@五倍紅寶石所分享的文件做收納整理。

Nightwatch Nightwatch101 Selenium Selenium WebDriver End-to-End Testing 鐵人賽 2018鐵人賽 自動化測試 sharing · 留言


搜尋引擎優化指南 (SEO Guideline) - 如何有系統的優化網站、評估與持續改進?

這篇文章將我到目前為止的 SEO 相關操作整理為搜尋引擎優化指南 (SEO Guideline),它是一套針對搜尋引擎優化網站的執行準則,每個崗位執行特定的工作即可讓網站有一定的效果,並且這樣的優化過程是可以被評估、回饋與持續改進的;而系統化的實行也有助於將有限資源做最大利用,以得到最好的效果,例如:提高點閱率、排名等。

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