Hello, I’m Makzan.

I train international award-winning web developers.

I share what I read, write and draw every day. I focus on web design, app development and improve productivity. My latest book is Web Visual Effects with CSS3.

Feb 16th — Makzan’s Weekly Dispatch 2019w6: Writing books in Notion
Feb 15th — Makzan’s Weekly Dispatch 2019w5: Dual Tablets setup: Surface Go and iPad Pro productivity
Jan 30th — Makzan’s Weekly Dispatch 2019w4: WorldSkills Competition Preparation Week
Jan 20th — Makzan’s Weekly Dispatch 2019w3: Goodnotes and Productivity tips
Jan 20th — Makzan’s Weekly Dispatch 2019w2: Feeling Grateful
Jan 10th — “Capture and share” shortcut
Jan 6th — Weekly Dispatch 2019w1 — Tunneling for 6 months

Dec 31st — The usage of Gladys app for iOS devices continue working
Sep 26th — What is an HTML ebook reader?
Jun 3rd — Productivity apps that I use every day
May 13th — Newsletter #47 Published
May 11th — Getting Real book is my model of book
May 10th — Fake productivity
Feb 24th — Features that new 53 Paper app breaks in version 4
Feb 23rd — Writing experience in Paper app is surprisingly great
Feb 23rd — Today I Learned

Oct 19th — Closing of WorldSkills 2017.
Oct 7th — Coding Rails app with iPad and Cloud9
Oct 5th — Things to know to get started HTML5 game with socket
Jul 12th — A rear fingerprint sensor may trigger accidental purchases.
Jul 11th — The similarity of Medium and YouTube
Jul 11th — Working on iPad is more focus
May 6th — My thought on Freewrite
Apr 26th — That’s why I hate Google’s navigation.
Apr 12th — Don’t rely on a single service
Apr 8th — 2017 software for my productivity day

Dec 15th — My current writing stack (Update)
Sep 8th — Testing post publishing from Ulysses app
Feb 11th — My current writing app stack
Feb 7th — /now
Feb 6th — Link: Short note on improving usability of scrollable regions
Feb 5th — 50% Off for HTML5 Game Development Video
Feb 5th — Link: Your Life Is Tetris. Stop Playing It Like Chess.
Feb 4th — Link: Origami.js—HTML5 Canvas for Humans
Feb 4th — Fetchnotes, Log.md and DayOne 2.0
Feb 3rd — Parallax CSS 3D rotate Effects
Feb 2nd — 10 things worth sharing every week
Feb 1st — Touch Keyboard Types
Jan 31st — Vector drawing in Affinity Designer
Jan 29th — The future of Parse, has no future
Jan 19th — Blocking content on mouse hover
Jan 16th — Is jQuery dead?
Jan 15th — Styling focus element outline
Jan 14th — Introducing Log.md—A logger for everything flash in your mind
Jan 13th — The CSS first-letter not working for inline
Jan 12th — A tiny drawing
Jan 12th — Add margin at the bottom for easier links tapping in mobile safari
Jan 11th — Flexbox website guide
Jan 11th — Writing in iPad is more focus
Jan 10th — Choosing a minimal theme
Jan 8th — Teaching the easing function
Jan 6th — Informative Message on Deletion
Jan 5th — Writing script for the next video course
Jan 5th — Count game example
Jan 4th — “Area of Concern”—My reference when creating todo list
Jan 3rd — [Failed] Share button blocks the content
Jan 3rd — My flow to record video explanation solely on iPhone
Jan 2nd — Testing to make a video teaching clip solely on iPhone
Jan 1st — CreateJS Getting Started Code with Retina Support
Jan 1st — Happy 2016

Dec 30th — I’m using Basecamp for almost everything
Dec 29th — On Font-resize component
Dec 27th — Refactor Until You Feel Almost Comfortable
Dec 26th — Link: Japanese bookshop stocks only one book at a time
Dec 25th — Tabs in HTML is not easy
Dec 25th — Link: Regular Expression Crossword Puzzle
Dec 24th — The process of building native app vs web app
Dec 23rd — Link: (Webkit) More Responsive Tapping on iOS
Dec 23rd — Link: Accessible dialog tutorial
Dec 23rd — Link: The web accessibility basics
Dec 23rd — “Force enable zoom” in Opera 34 for Android
Dec 23rd — Opera Mini and it’s data saving
Dec 17th — The concept of working directory and Git add, commit and reset
Dec 16th — Trying Voice theme
Dec 16th — Floating action button and the distraction
Dec 16th — Customizing screen on app switcher
Dec 15th — Link: Text To HTML Menu/List
Dec 15th — CSS Toggle Switch
Dec 15th — HTML5 Game Development by Example: Beginner’s Guide – Second Edition
Dec 15th — Demo of autolayout differently in portrait and landscape
Dec 15th — HTML5 Game Development [Video]
Dec 15th — Flexbox.website
Dec 15th — HTML5 Game Development HOTSHOT
Dec 14th — Link: How to animate “box-shadow” with silky smooth performance
Dec 8th — IBM Swift Sandbox
Dec 4th — Old Web Today
Dec 3rd — What we can do today
Dec 2nd — Engaging users with web
Dec 2nd — Link: Git pretty
Dec 2nd — From Adobe Flash to Animate
Dec 1st — Course material for Git
Dec 1st — Link: Froggy, a game to learn CSS Flexbox
Dec 1st — My experience on Pomodoro technique
Dec 1st — Trying iA Theme
Nov 12th — Material Design is for Google only
Nov 11th — ReactJS Examples
Nov 10th — Rails from request to response
Nov 7th — How I write everyday
Nov 6th — Tween.js examples
Nov 5th — One third of FWA Site of the Day winners uses CreateJS
Nov 4th — Basecamp 3
Oct 29th — Writing in Scrivener
Oct 21st — A easy-to-understand vim tutorial
Oct 20th — Move from CoffeeScript to ES6, the beginning
Oct 19th — AgileBits never tells you to make the keychain in Dropbox public accessible
Oct 19th — OS X El Capitan License in Plain English
Oct 17th — Blend—Generate simple and beautiful CSS3 gradients
Oct 16th — Jason Fried on Writing
Oct 15th — Webkit disables click delay on non-scalable web page
Oct 15th — Writing book in code editor
Oct 14th — Practical CreateJS
Oct 13th — Corpus—A collection of CSS
Oct 13th — ECMAScript 6 Cheatsheet
Oct 12th — The problem of AMP HTML
Oct 10th — A simple comparison between AsciiDoc and Markdown
Oct 9th — Quote—On the side of the majority
Oct 8th — Steve Jobs Simplicity
Oct 7th — Setup Textastic app to write AsciiDoc on iOS
Oct 6th — AsciiDoc Book Starter
Oct 5th — Minimal Desktop
Oct 4th — Minimal Homescreen
Oct 4th — Wave form of iOS voice memos app
Oct 3rd — Cron build makzan.net (revised)
Oct 3rd — Props in getInitialState Is an Anti-Pattern
Oct 2nd — How to undo (almost) anything with Git
Oct 2nd — keyup event and Chinese input in mobile Safari
Oct 2nd — Saying No
Oct 1st — CSS Pattern with Repeating Linear Gradient
Oct 1st — Do serifs make you tap?
Sep 30th — 3D Touch Force value in mobile Safari with touchEvent.force
Sep 30th — Probabilities for years left to live
Sep 29th — A collection of desk
Sep 29th — The first draft is always perfect
Sep 28th — Accepting Custom Domain in Rails
Sep 28th — Foundation 6 and CSS Preprocessor
Sep 27th — Exploring Rails-React
Sep 27th — Link Indicator
Sep 26th — Features vs. Benefits
Sep 25th — Dealing with long words in CSS
Sep 25th — Say — Text-to-Speech Command in OSX
Sep 25th — The web as at 2006
Sep 24th — Make inline text bold and italic in Paper app
Sep 24th — Pattern for Discussion Thread
Sep 24th — Stop breaking the web
Sep 24th — 19 Tips For Everyday Git Use
Sep 23rd — New books bought from ChengDu
Sep 23rd — My visual log book
Sep 22nd — Tricks for Chrome Developer Tool
Sep 22nd — Pending blog post for future in Middleman
Sep 21st — I draw sketch in Paper horizontally
Sep 21st — Single Task
Sep 20th — Have a well defined done state
Sep 20th — Makzan.net archive
Sep 20th — Restore deleted documents from iCloud Drive
Sep 19th — Configure files to copy without middleman building process
Sep 19th — Periodically deploying Middleman static site
Sep 18th — New Makzan.net in beta
Sep 17th — The role of Paper ideas and Apple Notes
Sep 8th — New life
Apr 17th — Put script after content
Apr 17th — Start using flexbox today
Apr 16th — Lazy Design
Mar 18th — Gray highlight and active state in mobile Safari
Mar 12th — CSS Quantity Selector
Mar 2nd — Animation should be invisible to user
Feb 28th — Mozilla Easter Egg
Feb 27th — Demo of Object Fit
Feb 25th — .htaccess resources
Feb 16th — Portrait upside down
Feb 15th — Twitter’s fav icon with CSS step function
Feb 13th — Basecamp’s 404 page
Feb 11th — 60 fps on mobile web with canvas
Feb 1st — How dollar sign was born

Dec 10th — Learning grid system of Foundation for App
Oct 11th — Example of selling benefits
Oct 10th — CSS is 20 years old
Oct 10th — CSS rules priority
Oct 2nd — Focus means saying no to phenomenal ideas
Oct 1st — Responsive Philosophy
Sep 5th — Guide to migrate OhLife entries to DayOne
Sep 3rd — Do you really need so many apps?
Sep 1st — Story of Makzan
Jul 1st — My thought about death
May 25th — Sharing of my career path
Apr 1st — How writer pro fits my writing

Oct 10th — The CSS 3D book effect

Oct 25th — What startup is
Oct 22nd — I bought you, Moleskine

Nov 1st — Get focus tips—Unplug the A/C Power

You might also find Makzan’s life micro updates on makzan.live.