/Front-End
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.
Use Gyro Data to Make Your React App More Interactive
Learn JavaScript device orientation API (with react) which might give you some inspirations about building an interative App.
Getting Started With WebAssembly
My experience in getting started with WebAssembly, demos included.
Create a Color Picker With JavaScript
Steps to build a color picker tells you the color of your pointer position in an image.
5 Ways to Preload Images in Web Applications
Learn how to optimize your web app UX by preloading images in advance.
