About Lynan
Hi👋, I'm Lynan, a Front-end developer with years of experience working with JavaScript, HTML/CSS to deliver exceptional customer experiences. I was born in 1995, I've been through some chanllenges and I'll keep up for the new ones.
I write blogs here for sharing (since 2022), some about development and some about my life experience. They might not be useful for everyone but hopefully some would get some help from them.
I don't know you yet but if you would like to contact me, I'll be happy to make a response😊
My Work
Activity Pages
Develop pixel-perfect pages from Figma, ensuring browser compatibility, develop UX-friendly interfaces with React.
In-App ModulesDevelop and maintain in-app pages with cross-functional teams, ensure seamless user experience.In-App Modules
In-App Modules
Develop and maintain in-app pages with cross-functional teams, ensure seamless user experience.
Tools
Develop efficient workflow solutions through Node.js scripts, Electron apps, and Chrome extensions.
My Projects
Fontmin ElectronA GUI for fontmin to improve efficiency. Eeay to implement upload logic.Fontmin Electron
Fontmin Electron
A GUI for fontmin to improve efficiency. Eeay to implement upload logic.
Color Picker
A simple but useful Web App to pick up color from an image.
Source Code Converter
A source code converter to translate Vue.js source code to React.js source code. Based on AST parsing and transforming.
Cookie HelperA Chrome Extension to swith user cookies. Popup interface was built with svelte.js.Cookie Helper
Cookie Helper
A Chrome Extension to swith user cookies. Popup interface was built with svelte.js.
Route SearcherA SPA to preview the routes of a App.Route Searcher
Route Searcher
A SPA to preview the routes of a App.
Image SquoosherAn Electron App with tinyPNG/Squoosh embeded for batch image compression.Img Squoosher
Image Squoosher
An Electron App with tinyPNG/Squoosh embeded for batch image compression.
hexo-lazyload-elementA HEXO plugin for implementing lazyload, supports <img>, <video> and <iframe>elements.hexo-lazyload-element
hexo-lazyload-element
A HEXO plugin for implementing lazyload, supports <img>、<video> and <iframe> elements.
Image-Blurrer
A web App to generate blurry placeholder image.
Web-Skeleton-GeneratorA script to generate skeleton SVG Image from HTML.Web-Skeleton-Generator
Web-Skeleton-Generator
A script to generate skeleton SVG Image from HTML.