Funded on Kickstarter on 2015, PUGZ is a small & beautifully crafted earbuds that will perfectly connect to the world without 3.5mm port. (iPhone 7 was announced in 2016 Sep, FYI). It feels like a wire headphones, so light and accessible, except Bluetooth & batteries are packed in already.
There’s a

PUGZ

Buying a new mac is one of the most exciting things I enjoy. The experience is sacred, since owning a new Mac is far less frequent than switching new phones (not that I switch new iPhone every year). The box-opening is a total satisfaction, a box is slowing sliding down from the cover with friction,

A Brief Guide to Setting up Mac … (again)

We have a lot of assumptions in the process of creating wireframes and mockups for websites & apps. As wireframes & mock-ups are not dynamic, it is easy to aware various scenarios when dummy content or placeholders are used.
In contrast to graphic design or typesetting, which you build on certain ma

Design with Data — Why should you design with real content?

I love changes, especially good changes. But Windows OS update is not one of those. I have been using Windows 7 for my home workstation nearly a decade. But I decided to update Windows 10 last week. The biggest reason is the new Premiere is dropping support Dolby AC3 (which means there is no easy wa

Windows 10 in 2018

9to5Mac reported a few days ago that Apple’s next big thing could be an ARM-based touchscreen hybrid with LTE connection. Another rumor is a low-cost iPhone that looks like iPhone X, but I suppose no one would find it interesting. We always imagine Apple will release Macbook with touchscreen & LTE o

Let's call it iOS Pro

1. Steve Jobs did not say “Stay Hungry, Stay Foolish”, he quoted this line from a 452-page book named “Whole Earth Catalog”.
2. Critics and reporters have been saying the book has changed the world (not only through its influence on Steve Jobs), as a symbol of the formation of counterculture. A lot 

Whole Earth Catalog

After switching to Android last year, Google Map has been my first choice of transit app. Living in a city that public transport operators discourage open data, transit app is for navigation most of the time. Although selected lines of MTR and bus operators have their app to share real-time next tra

How to do localization right - Citymapper in Hong Kong

Color is the combination of science and art, a simple color change could have drastic effect on the emotion or perception of the viewer. Being a UI/UX designer, mastering the color theory and its application truly can step up your design game.
Stephen Few’s “Tapping the Power of Visual Perception” c

Essential Color Tools to Step Up Your Design Game

Thoughts on Setapp — subscription-based collection for Mac apps 
Mac apps are great. They are beautifully designed, crafted with a bunch of handy features, and they have won over the hearts of their users, willing to pay for every update. Mac App Store was launched in 2011, it was Apple’s attempt to

Do Subscription Models Work with Apps?

One of my year resolution for 2018 is to learn front-end coding. I feel that being a designer, learning how to code is the way how I could step up the game in web design, by understanding how every bit and piece fall into places. 
I had two personal websites, one is my Tumblr and another is my portf

Why designers need a personal website?

<Alert status="info"><AlertIcon /><AlertDescription>This article was written using Gatsby v1.0. <a href="/gatsby-website-with-multiple-post-types/">Read my new article</a> for Gatsby v2.0.</AlertDescription></Alert>
As a designer with no prior experience in React, starting Gatsby with a starter temp

Building Gatsby With Multiple Post Type

It was a truly enlightening trip to Denmark, attending Design Matters 2018 in Copenhagen (Sep 26 -27, 2018). Not only did the talks and workshops given by design practitioners across the industry are illuminating, but it had also made me realized to take a step back to reflect on the whole workflow 

Journey to Design Matters

My journey to Scandinavia continued in  Älmhult, Sweden (2 hours of train ride from Copenhagen), after the Design Matters conference. It was the home of the biggest furniture retailer in the world - IKEA. The town as the headquarter of IKEA, offers a museum and also a hotel, just for the visitors.
I

Lessons from IKEA

I have been a long-time user of Evernote but I have only been subscribed to their paid plans until recently, which is why I totally understand the challenges that Evernote is facing. Not only there has been a recent shakedown in Evernote's management team, but I also worry about the platform's futur

Practical Evernote Tips

It was a challenging yet rewarding period in the last two months. I have set up the bare-bones structure of my personal site, yet it was a long way until perfect. Without much resources on the Internet, coming up with a decent design and functional website is a long learning process. In the last two

2018 October Update

There is no better time to start your personal project than today. I have been living in the bubble of agency model for years taking client projects. There were regrets and compromises accommodating with clients’ need and reality. I have always wondered the decision that I would make if I'm in charg

Lessons learned from personal project

I'm starting a new tradition this year by writing a feature wishlist to apps and services that I use regularly. Instead of tweeting complaints, why not make it a constructive suggestion so developers can take it seriously? Here's a list of suggestions I wrote:
It is not easy to get your friends onbo

Feature Wishlist for My Favorites Apps in 2018

And here's a month passed in 2019. 11 more to go. By this time, your new  year resolutions probably are either a failure or a good start. While I was refining my Todoist workflow, I have realised I don’t need a read-it-later service. The idea is to replace read-it-later app by your todo app and note

I realise I dont need a read-it-later service. You should too.

Look at my new iPad Books screen. All book covers are gone. 
I have bought the new iPad Mini 5 recently and I'm trying to transfer all my books from old iPad to the new one. Using iCloud Reading Now allows me to sync all devices with my books, notes and highlights, even those are not purchased from 

Fixing iOS Books Cover Problem with custom ePUB

This is an update to my previous article Building Gatsby With Multiple Post Type, as I have rebuilt my whole site using GatsbyJS v2. I switched from Gatsby default starter to Gatsby Advanced Starter which save me some time setting up foundation of the website. (e.g. Tags, Category, SEO etc)
But plea

Creating Gatsby v2 Website With Multiple Post Types

One of the reasons why I’m still using DSLR instead of switching to mirrorless, is because the unit is durable. Take my 6 years old Canon 6D as an example, it’s weather sealed, batteries last for days (photography only), buttons and dials are still usable (less tactile though).
But recently I have e

[Solution] Canon batteries LP-E6 cannot charge

It’s been a while since beta but Figma Plugins is finally here. While Sketch is catching up with their cloud capabilities, Figma has also been working on proper third party support.
Figma has become my main design tool over the past year. I have been using it for interface and website design on a da

Thanks to Figma Plugins, Automated Work Spares More Time For Design

As flagship smartphones are getting more expensive, the lifespan of a smartphone is expected to be longer. We want our phones to be more durable and powerful, so to justify the price. 
Therefore, coming to a conclusion that I need to switch phones should be harder and harder. That is my intention of

Decommission Review: My Farewell to Pixel 2 and Android

And a year has passed. 2019 has been quite a journey for me. I have switched to become a full-time in-house product and UI/UX designer. The depth of work and design process that I delivered was totally different. The city that I’m living in, Hong Kong, also faced tremendous suppression in the fight 

2019 Wrapped

Most people kickstart their project with a blank artboard or template. It is the obvious way to get started. However, user-interface designs tend to be more complicated than just a few pages.
How should we approach to organise our screens, when there are 10+, 100+, or even 1000+ screens? And does th

How to Organise Design Workflow and Operation in Figma

{/*
import Film from "@/components/Film";
import HelveticaPoster from "/static/helvetica-poster.jpeg";
import FreeSoloPoster2 from "/static/freesolo-poster.jpg";
import RamsPoster from "/static/rams-poster.png";
import ObjectifiedPoster from "/static/objectified-poster.jpg";
import AmericanFactoryPo

Documentaries watched, 2020 Jan — Mar Edition

A month ago, when #StayAtHome concert started, generous companies and creators follow the trend by offering their work and service for free to encourage people to stay at home. People started collecting and sharing what they could do at home in a text list. When more people started to share their wo

Takeaways from building a COVID-19 curatorial side project

After settling down for the basic functionality of a website, its time to dig deeper and let some personality shines! We want your website to speak who you are, so enjoy the freedom of building anything possible, as it is one of the advantages of building your own website.
However, personal style do

Defining Personal Style for Your Blog & Website

{/* 
import Film from "components/Film";
import WorkplacePoster from "./workplace.png";
import CubaAndTheCameramanPoster from "./cubaandthecameraman.jpg";
import UrbanisedPoster from "./urbanised.jpg";
import BambooTheatrePoster from "./bambootheatre.jpg";
import ThirdteenthPoster from "./13th.jpg"


Documentaries watched, 2020 Apr — Jun Edition

Have you visited some documentation and tutorial sites, that allow you to see which section are you reading on the side? If you want to improve the readability of your Gatsby website. In this article, I will share my process in creating an interactive table of content component that can respond to y

How to Create a Scroll Tracking Table of Content in Gatsby?

Finally I have completed a PC build upgrade cycle. After 5 years, every part in my PC has been replaced. In retrospective, I have to say that I enjoyed the modular design of custom-build PC, which I am able to upgrade my own parts and spread off the cost in years, but it has its drawbacks. Comparing

A Journey of Computer Setup

{/*
import Film from "components/Film";
import FreeSoloPoster2 from "../2020-04-05 Doocumentaries Watched 2020 Q1/freesolo-poster.jpg";
import ForSamaPoster from "./For-Sama.jpg";
*/}
What a year 2020 has been. The changes and things that has happened to my personal life as well as the world is tota

Reflecting on 2020

Finding the right path in your design career can be difficult. When you don't realize the goals or don't know if you are making progress every day. OKRs (Objectives & Key Results) is a goal framework adopted by companies like Google to define and track goals. Instead of using it for company goals an

Navigating Design Career with Design OKRs

Obsidian is the up-and-coming notes app that has great potential, however the platform is still in early stage, the syncing capability is still limited. Offcially, you have to pay USD4 per month for Obsidian Sync service and subscribe as a VIP member for mobile app early access. Or you can sync betw

How to sync Obsidian vault for free using Git?

{/*
import Film from "components/Film";
import MinimalistPoster from "./minimalist.jpg";
import KeeprollingPoster from "./keeprolling.jpg";
import OctopusPoster from "./octopus.jpg";
import KingmakerPoster from "./kingmaker.jpg";
import StrayPoster from "./stray.jpg"
*/}
{//}
Following Joshua Fields

Documentaries watched, 2021 Jan - May Edition

It's a new year, let's spend some time to declutter. I have been going through my inbox during holidays. In 2021 June, Google started to count any new photos toward the 15GB Google Account storage. 6 months later, I finally received the alert saying my account is running out of space.
First, head to

Tidying up Email Inbox for 2022

Hello JUXT friends,
It’s a short month in February but it was quite productive for me. This month, I moved to explore the world of Tailwind CSS. Utility-first approach of Tailwind is quite interesting after trying out different styling solutions. I had also applied my learning immediately to my late

How Might We - Gatsby Starter Obsidian Garden

Hello JUXT friends,
Welcome to the first issue of How Might We! Here I will be sharing more behind the scene & reflection while working on JUXT Design.
First month of 2022, I have been busy learning and working on JUXT Design’s new website. I finished a NextJS course last month, which has finally en

How Might We

Sorry for the delay, probably this will be the LAST year review you will ever read this year, which arrives right before the first quarter has ended. Reflecting on 2021, there’s steady progress on personal and career development.
I completed 9 books this year (↑3 comparing to 2020) yet I still faile

2021 and more...

Hello JUXT friends,
It’s the end of the Q1 of 2022. Hope you have reserve some time to reflect on your progress so far. I treasure my blocked hour that I will spend on writing my own reflection. This month, I have joined Friends of Figma, Hong Kong as one of the community moderator, we organized our

How Might We - Building Design Community in Hong Kong

Hello JUXT friends,
It’s been a while and I want to share what kept me so busy over the past few months.
As mentioned in my previous issue, I have become a community moderator for Friends of Figma, Hong Kong and I have shifted my focus in running the community instead of contributing content to JUXT

For years, I have been using Mac for work and PC for leisure (refer to my PC setup article) since my PC setup has better graphic performance for games and multi-media production. Not being able to use Mac 24 / 7, means I probably missed out so many great indie apps in Mac ecosystem. Here's some of m

Sharing Some Love for Indie Mac Apps

Design talks are hidden gems for designers to quickly learn from other teams' successes and failures! No matter you are a beginner in UX or currently in the field, check out these recent design talks that I really enjoyed watching and found them greatly related to my everyday’s work.
Yuan Qing from 

Design Talks 2022

Hello friends,
So here it goes, I started a new role as a product designer this month in a crypto company. Before starting a new role, I’m so grateful that I am able to take some time off, spent with family and friends. 
Never underestimate the power of a break, it helps you to reset, reflect and av

How Might We - Life Update

Hi Friends,
Thank you for those who joined “Do You Know Design Systems” early this month. It’s been a privilege to organise and host in-person event for the community. The night was enlightening covering all about design system. I have also added the deck as a resource below if you missed the event.

How Might We - Summer Blues

Finally settling down for year review. Here're my best apps, products and films in 2022!
Switching to Arc from Firefox in 2022 is the most delightful experience I've onboard. It has done a lot of rights as a new browser. Challenged existing browsers' mental modal with Profiles & Spaces. While Profil

Best of 2022

As we bid farewell to the tumultuous year of 2022, it was a rollercoaster ride of both planned and unanticipated events. Amidst the ups and downs, I've set some goals for myself that I hope to achieve in the coming year.
A exciting surprise for me this year was being a part of the Friends of Figma, 

2022 In Review & Life Update

Just finished reading "Building A Second Brain" by Tiago Forte. It's a profound piece that makes me rethink my note-taking tools & strategy. I've known Tiago Forte a while ago to apply the P.A.R.A organization method for Evernote but it wasn't the time when everyone talked about personal knowledge m

Learn from Building A Second Brain

Thanks for joining our first midnight Config Watch Party! It’s always so good to see our amazing Hong Kong design community in person—we love to see all the familiar faces as well as new ones! Special shoutout to one of our new community members who flew in from Beijing!
There’s something special ab

Friends of Figma HK Watch Party!

Today is Portfolio Day and I want to share a recap of my personal website updates for the past year! Even though my work has mostly stay the same, my website has underwent small and incremental changes over the year.
A few years ago, I created the UX Career Kit to assist designers in early career. I

Portfolio Day 2023

Welcome to 2024! As I embark on this new year, I find it important to take a moment to reflect on the past and the things that have brought me joy and fulfillment. 
In 2023, I made a conscious effort to prioritize my health and physical activity. I started going to the gym at first but settled to le

2023 Life Review

Kicking off the new year with a review! For the first time, I'm posting my annual review right on Jan 1st. This tradition, which I started way back in 2019, marks its fifth year - we're halfway through to a decade of annual reflections! 
Friends of Figma Hong Kong had its biggest year yet, with our 

2024 Wrapped

Last week, TailwindCSS released their v4 version with revamped color tokens using OKLCH. I forsee more web devs are going to adopt OKLCH as the new standard for color tokens. This might sound very technical, but it's actually a significant change UI/UX designer should be aware of. With major browser

OKLCH, explained for designers

Last year, Figma introduced a new way to handle light and dark modes: Variable Modes. The promise was clear - design once, switch between modes seamlessly. No more maintaining separate dark mode screens. It is also a scalable system to support breakpoints or event languages. 
When variable modes lau

Blog