Category: Front-End
Batch convert videos to AV1 codec
AV1-encoded videos can significantly reduce the size of video files without reducing quality.
Back Forward Cache
Back/forward cache (or BFCache) is a browser optimization that enables instant back and forward navigation.
Get EXIF using Swift script
Swift scripts can easily get EXIF by taking advantage of MacOS supporting the most types of image formats.
Lazy Function
Minimize function logic with lazy functions.
New Features
What' New?
Your Own Select Widget to Boost Productivty
mini version of '1Password'.
LUT-Look up Table
Some interesting experience with LUT, also, I introduce you my tool Web App to apply LUT to an image, Lutor.
The Making of 'Live Photo' Component
Simple component but cool user experience.
Generate SVG Skeleton of a Web Page Using JavaScript
Use JavaScript to generate SVG skeleton image from your web page (or page element).
Progressive Image Loading - Blurry Placeholder Image like Unsplash
Use blurry placeholder image to do progressive image loading and improve user experience.
[Plugin] hexo-lazyload-element
A HEXO plugin for implementing lazyload, supports <img>, <video> and <iframe> elements.
Use Synchronous Data Fetching to Speed Up My Gallery Page
A real practice case about synchronous data fetching and why I didn't choose SSR/SSG solutions.
My Experience of Picture Bed Migration
From Qiniu to Cloudflare.
Position Sticky in CSS
When will position: sticky works?
Image Compression Tools For Web Developers
Introduction of different tools to optimize your image size.
