Responsive Design Pattern

November 26, 2014

Reading time ~1 minute

According to Google Web Fundamentals, there are 5 responsive design pattern.

in these type of pattern, flexbox help your layout flexible. So you can use these pattern +10 IE.

  • Mostly fluid
  • Column Drop
  • Layout shifter
  • Tiny tweaks
  • Off canvas

Mostly fluid


Column Drop


Layout shifter


Tiny tweaks


Off canvas


add ticket number to git commit automatically

Most of ticket tracker like Github, pivotal tracker have function to connect your commit to ticket(story).But every time when you commit ...… Continue reading

I will build frontend and backend separately

Published on September 28, 2016

order of angular controller's initialisation

Published on October 05, 2015