Lynan's Page - 3

Back Forward Cache

Back/forward cache (or BFCache) is a browser optimization that enables instant back and forward navigation.

Jul 6, 2025 Front-End About 7 min read

A One-day Trip in Suzhou

Photography Travel

Travel from Shanghai to Suzhou and experience the ancient beauty of this city.

Jun 21, 2025 Life About 8 min read

Get EXIF using Swift script

Swift scripts can easily get EXIF by taking advantage of MacOS supporting the most types of image formats.

Jun 11, 2025 Front-End About 13 min read

JavaScript Design Mode

Minimize function logic with lazy functions.

May 10, 2025 Front-End About 3 min read

Let’s talk about HDR images

Mar 9, 2025 Others About 7 min read

The Journey in Kansai2024

Photography Travel

This is my second trip to the Kansai region of Japan. Let me share my travel experience and feelings.

Dec 1, 2024 Life About 35 min read

Your Own Select Widget to Boost Productivity

JavaScript Efficiency

mini version of '1Password'.

Sep 26, 2024 Front-End About 13 min read

Save Clipboard History in Just 30 Lines of Code

Tool Shell Efficiency

Save clipboard history for later access.

Sep 3, 2024 Others About 2 min read

LUT-Look up Table

Some interesting experience with LUT, also, I introduce you my tool Web App to apply LUT to an image, Lutor.

Aug 24, 2024 Front-End About 2 min read

Prev 1 234 5 6 Next

Lynan

Live Young n Act Now.

57 Posts / 5 Categories / 33 Tags / 2 Series

.hdr-info-wrap { display: none; } #back-to-top { transform: translateY(0); pointer-events: all; opacity: 1; } .lazyload-wrap { display: none; } .travel-map-loading { display: none !important; } .travel-place-fallback-img { display: block !important; } .travel-place-cover noscript { display: block; width: 100%; height: 100%; } .travel-place-cover noscript img { display: block; width: 100%; height: 100% !important; object-fit: cover; z-index: 1; } .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; } .image-grid.scroll, .image-grid.slider, .image-grid.switcher { display: flex !important; gap: var(--image-grid-gap) !important; overflow-x: auto !important; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; } .image-grid.scroll .grid-item, .image-grid.slider .grid-item, .image-grid.switcher .grid-item { display: block !important; flex: 0 0 min(86%, 760px) !important; width: min(86%, 760px) !important; margin-right: 0 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; scroll-snap-align: center !important; transition: none !important; } .image-grid.scroll .grid-item .lazyload-wrap, .image-grid.slider .grid-item .lazyload-wrap, .image-grid.switcher .grid-item .lazyload-wrap { display: none !important; } .image-grid.scroll .grid-item .caption, .image-grid.slider .grid-item .caption, .image-grid.switcher .grid-item .caption, .image-grid.scroll .grid-item .pswp-caption-content, .image-grid.slider .grid-item .pswp-caption-content, .image-grid.switcher .grid-item .pswp-caption-content { display: block !important; } .image-grid.scroll .grid-item .lazyload-outer-wrap noscript, .image-grid.slider .grid-item .lazyload-outer-wrap noscript, .image-grid.switcher .grid-item .lazyload-outer-wrap noscript { display: block; } .image-grid.scroll .grid-item .lazyload-outer-wrap noscript img, .image-grid.slider .grid-item .lazyload-outer-wrap noscript img, .image-grid.switcher .grid-item .lazyload-outer-wrap noscript img { display: block; width: 100%; height: auto !important; margin: 0 auto !important; } .image-grid.switcher .image-grid-switcher-controls { display: none !important; }