gatsby(7)
Posts
Work In Progress
How to Create a Scroll Tracking Table of Content in Gatsby?
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 your scrolling. Let's take a look at the requirement: 1. Reader will be able to navigate section of content easily 2. Reader will be able to know their reading progress We will be using a package cal
Personal
Defining Personal Style for Your Blog & Website
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 does not just drop in one day. In fact, many designers have been developing styles for clients or companies, they may not have a clear answer. I also had a long thought on this and I have put together a
Work In Progress
Creating Gatsby v2 Website With Multiple Post Types
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 please note that this starter contains no UI or any style, you will need to build it on our own. If you are a designer with some front-end development experience, this is the place. I want setup my websit
Work In Progress
Lessons learned from personal project
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 charge. So, when the idea of building a design resources site strikes me, I immediately started to test out the idea all by myself. I put aside all the standard design workflow in my agency. No more writi
Work In Progress
2018 October Update
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 months, I have managed to: - Revamped landing page with new design and content. I have added my service section and an about section with React Simple Map as background (but it could function so muc
Work In Progress
Building Gatsby With Multiple Post Type
{/* <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 template is the easiest way. After that, adding bits and pieces by following online tutorials and Github threads are the parts that you learn, as you understand how to adapt others' code and revi
Work In Progress
Why designers need a personal website?
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 portfolio site, separately hosted and running Cargo Collective. But I was thinking, "Wouldn't it be great if both of my portfolio and blog are together?" It's 2018. Online presence is becoming the norm, ev