My Projects
-
VNPY Refactor (Python)
The refactor of open source Python quant trading program
-
POSTS (Python Flask + Node Express + React AntD)
A CLI resemble application for personal information management
-
Articles (Python Flask + jQuery)
A personal tech blog.
- great articles index list design
- great markdown image layout, code highlight, links decoration design
- first time request markdown rendered html caching
- different comment module for users from mainland China and abroad
- image thumbnails generation
- image lightbox viewing
-
RhoPhotos (Python Flask + Angular + jQuery)
A personal photography website.
- multiple viewing styles for same contents
- great articles lists, albums water-flow and timelines design
My Articles
-
Algorithms
-
Analytics
-
DevOps
-
Team
About
This is a personal home website of Johann Huang for displaying personal projects and getting connected with friends with samilar interests.(一个用于展示个人项目及结识相似兴趣朋友的个人网站。)
And since this website is created with ingenuity(匠心), the thoughts behind is described as Home Website of Johann Huang - Under the Hood.
Changelog
- 20190205, released the new version home website on Chinese New Year festival.
- 20181126, published at www.johannhuang.com as placeholder.
- 20181113, rewrote the page content.
- 20171129, tear down of version 1 site and started a simple version 2 site with only one page.
Specialties
- Comfortable horizontal layout design for better users viewing experiences
- A4 paper ration pages for friendly printing
- Customized finger touch control for easy mobile scrolling
- Customized mouse wheel control for easy desktop scrolling
- Clickable external scrollbar for quick horizontal scrolling
- Minimized document size for minimal users' network flow
- No-JavaScript browsers support with also great layout design
- And Many other implementations for better users experiences such as avoiding page resize flickering and iOS rubber band issue
Acknolegements
- underscore.js - for resizing debounce after browser window resize
- jquery.js - for easy DOM and CSSOM manipulation
- jquery.mousewheel.js - for controlling mousewheel scrolling
- jquery.scrollbar.js - for external scrollbar supporting
- DevTools: VS Code, Chrome, WebPack (+ loaders & plugins)