Icon Font: Sketch plugin

STEP 1. Download a plugin and install

iTerm2

Today, I would like to share with you on how I set up iTerm.

Table of content

Page level breakpoints

When we setup the media queries for breakpoints, for the page level, this is how we usually set.

Web Unit: px to REM

There are different kinds of units; pixel, em, REM, % etc. I use REM as much as I can. R stands for root. It doesn’t matter…

UI Pricing Table reference

Front-end Vocabulary list

Frontend Vocabulary

Fragment

A Fragment is a piece of an application’s user interface or behavior that can be placed in an Activity . Interaction with fragments is done through FragmentManager , which can be obtained via…

Create typography style

When we design a typography style, we should think about what is different between mobile and desktop.

Module

What is a module? Each module contains different functionalities and makes up of components for example links, buttons and accordions.

How to set the boilerplate

Step 1. Download the Boilerplate

o-container: Object

o-container will be used on all pages. If you are going to make any changes on this object, you have to be very careful because it is going to be affected on all other pages as well.