Date: 2016

My current writing stack (Update)

tl;dr I moved back to Ulysses to write and manage my tasks. I have been writing in different editors. I tried the Bear writer recently.…

Testing post publishing from Ulysses app

I’m testing the Ulysses’s new WordPress publishing ability. There are some things to test, including the categories/tags setting and embedding images as well as video…

My current writing app stack

Here is my current writing process. 1. Note-taking: iA Writer (iOS) + Log.md (Desktop) iA Writer has a convenient left/right button in tool bar. I…

/now

I read Justin Jackson’s email on his /now page, which was started by Derek Sivers. The page answers one question: “What are you working on now?”…

Link: Short note on improving usability of scrollable regions

Link: Short note on improving usability of scrollable regions Making a [overflow:scroll] scrollable region operable for keyboard users is pretty simple. Add tabindex=”0″. The region will now…

50% Off for HTML5 Game Development Video

My 2-hour-long video screencast course is now 50% off for the a limited time. Use the code SaHjKFE to get the discount, within 2016 February.

Link: Your Life Is Tetris. Stop Playing It Like Chess.

Link: Your Life Is Tetris. Stop Playing It Like Chess. Chess comes with a set of prescriptions and best practices. 1. e4 is considered a strong…

Link: Origami.js—HTML5 Canvas for Humans

Link: Origami.js—HTML5 Canvas for Humans I’m a huge fan of CreateJS. But this Origami.js is really impressive that suitable for lightweight canvas drawing or image…

Fetchnotes, Log.md and DayOne 2.0

Fetchnotes—as a tool to remember everything—is closing. I create Log.md that solves the same problem. DayOne 2.0 is solving the same problem.

Parallax CSS 3D rotate Effects

I just created 2 demos of CSS 3D hovering effects—Parallax flipping and Pop-up highlight. Parallax flipping: Video Preview: View this post on Instagram CSS Parallax 3D…

10 things worth sharing every week

I start a new email newsletter. It is called “10 Things Worth Sharing”. Every week, I hand-pick the essays / posts / tutorials I read…

Touch Keyboard Types

Link: Touch Keyboard Types Nice cheat-sheet for mobile input types. The examples are the highlights of the page.

Vector drawing in Affinity Designer

I like the gradient fill with noises feature.

The future of Parse, has no future

Link: The future of Parse Parse has agreed to be acquired by Facebook. We expect the transaction to close shortly. Rest assured, Parse is not going…

Blocking content on mouse hover

I don’t understand why prefer such hover effect. When you hover, the content is blocked by the title. But when you hover something, usually it…

Is jQuery dead?

When I discuss with web designers on what tech they use these days, people usually talk about Angular, React, Flux, GraphQL, Ember, Meteor… the list…

Styling focus element outline

Just realize that z-index only works on non-static element. May be I knew it before but didn’t really make it a knowledge. When using tab to…

Introducing Log.md—A logger for everything flash in your mind

Yesterday I built a tool to log my every day’s thoughts down. It is called log.md. By using this tool. I can quickly jot down my…

The CSS first-letter not working for inline

When I am making the first letter of my latest post into lowercase, I realise that CSS’ ::first-letter selector doesn’t work for inline element. The…

A tiny drawing

I’m trying to use Procreate app to draw illustration for my video course. Here is a tiny drawing of little guy using macbook.

Add margin at the bottom for easier links tapping in mobile safari

When designing web page for mobile device, I always leave some space at the bottom. Especially when there are footer links. That’s because in mobile…

Flexbox website guide

I’m creating an email course. It is a guide to use Flexbox in website layout. It’s free. It’s content is based on Flexbox.website, but I…

Writing in iPad is more focus

I feel more focus when writing in iPad. There are so many distractions when using MacBook to write. I’m getting the section 3 script of my 2nd edition of…

Choosing a minimal theme

After trying the Nada theme, iA theme and Voice theme. I find I like the minimalist style more. That’s why I switch to the Ponder theme by…

Teaching the easing function

I hosted a CSS class tonight, which I talked about how to make those CSS 3D transition effects. Here is the graph explaining the easing function.

Informative Message on Deletion

This is an informative message when disabling a feature in a Basecamp, which could affect the others. The message clears tell you what is going…

Writing script for the next video course

Writing video script for my up coming HTML5 Game Development video course, 2nd edition.

Count game example

I’m now working on the 2nd edition of my HTML5 Game Development video course. Here is the game example that I’m working on. The game…

“Area of Concern”—My reference when creating todo list

When I’m making todo list items, I always go back to the following essay from Ryan Singer to remind me the areas of concern. Link: Managing Product…

[Failed] Share button blocks the content

When making web page, content is the most important thing that should be easily accessible all the time. But this website fails by putting the…

My flow to record video explanation solely on iPhone

I’m doing an experiment to see if I can create some of my video tutorials by using solely iPhone. 1. First, I prepare the slides in…

Testing to make a video teaching clip solely on iPhone

I’m Testing to make a video teaching clip solely on iPhone. git merge in 30 seconds It’s done in ExplainEverything + Clips + Memopad. The…

CreateJS Getting Started Code with Retina Support

The following code snippet is the boilerplate to initial CreateJS library with device’s retina screen support.

Happy 2016

The old MZ is archived. The new MZ is born.