Lynan's Page - 5

Create a Color Picker With JavaScript

HTML JavaScript Tool Canvas Color Mapping

Steps to build a color picker tells you the color of your pointer position in an image.

Apr 15, 2023 Front-End About 14 min read

5 Ways to Preload Images in Web Applications

HTML JavaScript Preload

Learn how to optimize your web app UX by preloading images in advance.

Dec 17, 2022 Front-End About 5 min read

Explorer's Guide

Jan 1, 2022 About 21 min read

Promise.allSettled()、Promise.any() polyfill

JavaScript Promise

In case you can not use Promise.allSettled() and Promise.any()

Nov 29, 2020 Front-End About 4 min read

Lynan's Gallery

Others About 9 min read

Just some thoughts...

Life About 1 min read

My Thyroid Cancer Journey

Some Experiences from My Thyroid Cancer Treatment Process.

Life About 10 min read

Some memorable moments

Memories become increasingly blurred as time goes by, but the emotions and happiness remain clear. —— Me

Life About 4 min read

Lynan

Live Young n Act Now.

49 Posts / 6 Categories / 26 Tags / 2 Series

About This Site What's New

.hdr-info-wrap { display: none; } #back-to-top { transform: translateY(0); pointer-events: all; opacity: 1; } .lazyload-wrap { display: none; } .post-cover-img-wrap .cover-img { opacity: 1 !important; } #gitalk-container { display: none; } .hdr-switch { display: none; } #toc-toggle { display: none; } .button.rss { margin-right: 0 !important; } .copy-btn { display: none; } #page-donates { display: none; } #post-age-warning { display: none; } #toc .toc-item-wrap:not(.active) { opacity: unset; transition: unset; } #toc:hover .toc-item-wrap:not(.active) { opacity: unset; } #toc .toc-item-wrap.active .toc-item-link { font-weight: normal; color: #333; } #toc .toc-item-wrap.active .toc-item-link::before { display: none; } #toc .toc-item-wrap.active .toc-item-link:not(.active) { opacity: unset; } #toc .toc-item-wrap.active .toc-sub-item-link:not(.active) { opacity: unset; } #post .post-meta #content-switch { display: none; } #post figure.highlight.folded, #raw-markdown-block figure.highlight.folded { max-height: unset; overflow-y: auto; } #post figure.highlight.folded .fold-toggle, #raw-markdown-block figure.highlight.folded .fold-toggle { display: none; }