I really stick to Basecamp 3. I’m now using it for almost everything, including coding projects, design projects, promotionals, book writings, daily office works, inspirations…
Date: 2015
Recently I’m checking if I should include a font-resizer component in a web site. According to WCAG: WCAG 1.4.4 Resize text: Except for captions and…
Link: Refactor Until You Feel Almost Comfortable How do you know when you’ve refactored enough and when you’ve refactored too much? I asked Sandi Metz about this once;…
Link: Japanese bookshop stocks only one book at a time “This bookstore that sells only one book could also be described as ‘a bookstore that organises…
Webkit has disabled click delay on non-scalable web page in its nightly build 2 months ago. And here is an update with mention of the…
Link: Accessible dialog tutorial This is an step-by-step example to make a fully accessible dialog according to WAI-ARIA 1.0 Authoring Practices, by using the Ally.js…
Link: The web accessibility basics And while I always thought that it is not so difficult to find resources about these basics, the recurrence of…
Link: “Force enable zoom” in Opera 34 for Android Did you know that 61% of mobile sites don’t allow you to zoom? We’ve fixed that…
We want to customizing app screen on app switcher in the following situations. Hide sensitive information on app switcher Enhance what user see on app…
Link: Native or Not? The Untapped Power of Web Apps This essay lists what we can do on web, which is more powerful than you may…
Link: The simple technique to fit a 40-hour workweek into 16.7 hours That’s 25 minutes of steady, focused work on one task. No multitasking. No emails. No phone…
I’m trying the minimal iA wordpress theme to see how it works. Ideally, I’ll be able to focus on writing only.
I’m writing some ReactJS examples to demonstrate how we use React as the view rendering library. It also shows how we do data-view separation. You…
Here is how I write everyday. I use Drafts to write on iPhone. I share every writings to Day One, which syncs to my Mac. I collect the…
I’m recently trying to use the TweenJS library with DOM elements. Here is my first attempt. Here is the core part of the source code. I didn’t…
According to the HTML5Ads documents by CreateJS. CreateJS is robust and mature. The suite was created and is maintained by a highly experienced team of interactive developers and…
I purchased the writing application Scrivener for years. But I didn’t really get used to it. I switched to use others writing apps, namely Editorial, iA Writer,…
Link: A vim Tutorial and Primer Vim as Language. Arguably the most brilliant thing about vim is that as you use it you begin to think…
I’m working on a book that shows how we can integrate canvas into our daily web design and application. I converted that book into AsciiDocrecently. Now I’m making…
Link: OS X El Capitan License: in Plain English Slideshows made with Photo; same deal, don’t even think about using them for some commercial purpose. I…
Two quotes from Jason Fried on writing, from issue 12 of Offscreen Magazine. I guess I’ve grown to love it [writing] because it forces me to…
Link: https://trac.webkit.org/changeset/191072 When a viewport is unscalable (specified through the meta viewport tag) we do not add a delay to our single tap gesture recognizer. When…
I recently changed my writing tool from those distraction-free text editors[1] to code editor.[2] It’s mainly because I focus on writing technical books with code examples…
Link: Corpus—A collection of CSS Useful CSS resource. Bookmark here.
Link: ECMAScript 6 Cheatsheet Useful cheatsheet. Bookmark here.
Link: Get AMP’d: Here’s what publishers need to know about Google’s new plan to speed up your website Now, AMP essentially asks you to build a…
I created a simple comparison between AsciiDoc and markdown. It uses my previous article. You can find both editions in the following Gist: And here is…
Whenever you find yourself on the side of the majority, it is time to pause and reflect. — Mark Twain
Link: The One Thing Jony Ive Remembers Most About Steve Jobs Quite honestly, what’s remained, I never would have predicted four years ago. What’s remained is…
I’m writing my next technical book and course material with AsciiDoc. In Mac, there is plenty of options to write the AsciiDoc with syntax highlight.…
I keep exploring different ways to write my next book. I’ve tried using Markdown, Markua, Pollen. They are all good at certain area, but none of them really…
Yesterday I posted my minimal iPhone homescreen. Here is my desktop: One desktop folder to store all my temporary files, which I’m too lazy to file…
When I setup this blog with periodically building and deploying, I used a local cron. Now I changed to use WebTask and CodeShip to automatically generate the static site and…
Link: Props in getInitialState Is an Anti-Pattern This isn’t really a React-specific tip, as such anti-patterns often occur in code in general; in this case, React…
Link: How to undo (almost) anything with Git A good document that worths clipping down here for future reference.
A student of mine asked me this question when he is making an input text filtering with Chinese content. The user needs to input some…
This week, the page Product strategy means saying No from Intercom is popular. Saying no is hard, but a great product manager isn’t afraid to make tough decisions to…
Link: Why Do We Have repeating-linear-gradient Anyway? I like the idea of using repeating-linear-gradient to generate pattern. They look cool! background: linear-gradient(135deg, #000 .25em, #0092b7 0); background-size: .75em/sqrt(2) .75em/sqrt(2);
Link: Do serifs make you tap? As a result of this test, we are considering shifting our mobile ads’ default font from Helvetica to Times New…
Link: 3d-touch/3dtouch.js By using touchEvent.force, we can get the force of the touch in 3D Touch screen. Obviously it only works in the iPhone 6s and 6s…
You may have heard of 900 months—The months you have assuming you’ll live until 75 years old. And you can draw 900 squares in a…
Link: Issue 34 of The Modern Desk I’ve recently come across several interesting desk concepts, so I thought why not create a special edition of TMD…
Link: The first draft is always perfect That’s right. The first draft is always perfect. perfect. Its only job is to exist. Like minerals. Like dirt.…
Link: Adding Support for Custom Domains in Rails There are three main steps necessary for adding custom domain support to your Rails project: Have your users…
Link: Foundation 6: Leaner, Meaner and Cleaner Sass Yep, let’s start with the bottom line: when writing Sass, remember that you’re always one step removed from…
I’m going to explore the Rails-React way to create my next web app. You may call me traditional, but I still don’t think pure client-side frameworkis a good…
Link: Browser Link Indicator I was wondering why there are no indicators in our browsers, letting us know if a link is internal or external. Same…
I clipped example of selling benefits instead of features. Here is another one. Link: Features vs. Benefits People don’t buy products; they buy better versions of themselves.…
Link: Dealing with long words in CSS Final solution This solution will show hyphens for every browser supporting it and will break lines in every other…
The text-to-speech function in Mac OSX works in command line too. A simple say command with a string provided: $ say “Thank you for calling…
I came across this Flash website which was made in 2006. I miss those days with stunning websites. Link: Archive of Nike Air site In case…
Link: How to display threaded discussions on the web A nice discussion on the pattern of discussion thread.
Link: Stop breaking the web Do use a framework, but look into frameworks that are progressive-enhancement-friendly
Link: 19 Tips For Everyday Git Use By the way, here is my git alias setup:
I keep a visual log book. It logs my every day’s thoughts and the special things I did that day visually.
Link: How to use Chrome DevTools like a Pro I find the $0 reference in console useful: Get the current element with “$0”
By using the middleman-blog gem, the middleman build command won’t build posts that’s in the future timestamp. By using the periodically deploy script. I can now set a pending post…
Link: I’m Returning to Single-Tasking I’ve been a fan of Leo Babauta. I gave out his book to my friends as Christmas gifts. I just realise that I…
Productivity is not about doing things faster. It’s about thinking and planning better. If things are well planned, it won’t take much time to complete…
I have archived the old makzan.net into archive.makzan.net. I have kept the 4 courses URL unchanged. They are: Mobile web app development Ruby on Rails 101…
Link: Quick Tip: Restore deleted documents from iCloud Drive To restore files, sign into your iCloud account through the browser, and go to Settings → Data & Security.…
While building the new makzan.net on top of middleman site generator. I faced an issue that for certain files, I don’t want middleman to process it during…
The new makzan.net is built on top of Middleman static site generator. Then I deploy the site as a Github pages. I use middleman-deploy gem to setup the Github pages deployment,…
I’ve been thinking not to use the blog style in my personal website—makzan.net. I think I can put all my tutorial here and keep the…
Paper is for sticky notes. It’s the idea that I don’t know how it forms and improves. I can freely draw and type my ideas. And…
Today marks my new journey. My first child is born.
By default, we should put the script tag after our content. It usually means putting them just before the closing of the body tag. The…
