Hi, my name is Jayhan Sim. I am a Senior Web Designer at New Straits Times Press Malaysia. I love design and Japan Pop Culture, thus the creation of this blog. Please have a look at my portfolio, or view my résumé. Dozo yoroshiku onegai shimasu!

Code4Startup – Learn to code by cloning real startup projects


Filed Under: Tutorial, Web Development with 0 Comments


From time to time you will be hearing advices that if a person wants to be good, first he/she needs to imitate, copy or learn from other good examples. Yup, this is actually a very practical example. You need to learn from others in order to discover and establish your own creation.

This applies to the world of coding too. And recently, I stumbled upon this learning website Code4Startup from Product Hunt that you can learn to code with front-end and back-end technologies by cloning popular real life startup projects.

Continue reading »

Panic! April 21st Google Search “Mobile Optimisation” update. What should I do?


Filed Under: Web Development with 0 Comments

Google Malaysia HQ

So, last Wednesday I went to the Google Webmaster event, and the presenter told us that on the April 21st 2015, Google will roll out the latest update on the search engine ranking algorithm, that mobile-friendliness will become a ranking signal. What that means is that, a mobile-friendly website will rank higher than those are not when you search with Google using your mobile devices.

According to Entrepreneur Magazine, for all this while Google has not been very clear on how mobile friendliness of a website could affect the ranking, but with the April 21st update, it will become a main factor. And also by the uprising trend of mobile users surpassing the desktop users, modern websites should be mobile friendly.

Continue reading »

101Photography – Free Sketch & PSD Portfolio Theme for Photographers


Filed Under: Downloads with 0 Comments


Yay freebies! Today I want to show you the latest freebies that you can download for free! This is 101Photography, a minimalist portfolio theme for photographers. It has a total of 7 pages, created in both Adobe Photoshop (PSD) and Sketch format.

Well this is actually a proposed website design for a client, but it’s not being used. So, I decided to release it for free. The feature of this portfolio design is the picture holder effect, like those old photo album. The overall look and feel is minimal with vintage flavour, and a mix of flat and skeuomorphic design.

Continue reading »

It’s time to use Flexbox and here’s where to learn


Filed Under: Tutorial, Web Development with 0 Comments


After we said goodbye to the good old table layout, CSS float has been the go-to method when dealing with web layouts. By default, block elements are stacked from top to bottom, but with CSS float and some other useful properties, we designers are able to code the layout as according to our design. However CSS float has many shortcomings and until now there are still no easy way to achieve certain layout.

Perhaps one of the most frustrating thing is how to make a block centered horizontally and vertically. Well certainly there are many solutions to it as explained on CSS-Tricks, but there are still a lot of conditions to meet. But with the new CSS Flexbox, it will solve many problems and change the way to create layouts.

Continue reading »

14 sites to download high quality commercial free stock photos


Filed Under: Resources with 4 Comments

14 sites to download high quality commercial free stock photos

Image plays an important role in expressing mood and setting the tone for various designs. From the past, high quality stock images are really hard to come by but in recent years, more and more photographers are sharing their photographs for free and normally under Creative Commons Zero license, which means you can do anything you want with the images, including personal and commercial projects.

Stock Snap

StockSnap is the best place on the internet to find beautiful free stock photos that does not require attribution. Hundreds of carefully picked high quality stock photos will be uploaded weekly by the site authors.

Stock Snap

Continue reading »

Best of 2014 and predictions for 2015


Filed Under: Resources, UI/UX, Web Design, Web Development with 0 Comments

Best of 2014 and predictions for 2015

Happy New Year guys! 2014 has comes to an end and I wish everyone to have a great year 2015 ahead! As the tradition of this blog, every end of the year I will gather around the “best of” links around the web and put them into one post. This years I have gathered best links ranging from best design resources, identity redesigns, mobile apps to user experience and more.

Not only that, I also gathered a few post about trend prediction for year 2015. Continue reading this post to find out those links!

Continue reading »

2014: Year In Review


Filed Under: General with 0 Comments

2014: Year In Review

Time travels like a bullet and now 2014 is coming to an end in just few more days. How was your year of 2014? Hope you enjoyed your year with happiness. For me, it was my final year before stepping into 30s in age. Lots of ups and downs but I cherished every moment of it. And you now what, I actually went to Japan again few weeks back to see the autumn leaves. Autumn leaves, are indeed very beautiful.

This year, many big tech companies published their version of Year In Review to reflect back the big things and happenings that occurred in 2014. Continue reading to find out more.

Continue reading »

4 sites for your flyer design inspiration fix


Filed Under: Art & Design, Inspiration with 0 Comments

Flyer at abstract.jp

Today I stumbled upon a gallery that is dedicated to flyer designs: Today’s Flyer (今日のフライヤー). It has a Pinterest-like layout where you can see many good flyer designs in masonry grid layout format. The site features not only flyers from Japan but also around the world too. The flyers are tagged so you can quickly find flyer designs of the specific style.

According to the creator, @tet, he thinks that flyer designs should be treated as a work of art that reflects the society’s style of living and also the cultures, but surprisingly it was often taken for granted and normally will be just thrown to trash can. So he created this site in order to appreciate the flyer designs and to leave them as memory.

Examples of flyers featured on Abstract.jp

Besides his sites, there are many other websites and portals that you can look for cool and inspiring flyer designs, like below:

Continue reading »

How to download Proxima Nova, Brandon Grotesque, Museo, Apercu etc for free*


Filed Under: Downloads, Typography with 4 Comments

Download premium free fonts

With the introduction of @font-face in CSS3, we are no longer restricted to just operating system fonts. There are many high quality open source fonts that are hosted on sites like Google Fonts and Font Squirrel that you can use it on your designs and websites. But what if you want to have a try on popular webfonts like Proxima Nova, Brandon Grotesque, Museo, or Apercu and many more for free? Most probably you will have to pay, or subscribe to use those fonts.

But there is a way that you can download the aforementioned fonts for free, not only just the font but the entire font family. Continue read on to find out how you can do it.

Continue reading »

Dotted USA map vector free download!


Filed Under: Downloads, Resources with 0 Comments

Dotted USA map vector download

Here I present you the dotted map of United States of America (USA) in vector format that is free for download! Like the previous dotted world map, it comes with three different dot sizes: fine, medium and large to cater for different purpose and needs. This dotted USA map is based on the vector map from FreeVectorMaps.com

It comes with two vector file format: AI for Adobe Illustrator and EPS for other vector graphic programs. The map is totally free to download and you can use it for commercial works too! Continue reading to download the file.

Continue reading »