Applying the golden ratio to web design

The golden ratio has been used throughout history by artists, sculptors, architects, and even nature itself. The Golden ratio is approximately 1.618, or in other words ratio of longer side: shorter side = 1.618. When applying this to a typical website grid width of 960px it will be 593:367= 1.618

Instead of pulling out a calculator, you can use a very useful website application from

(image from goldenratiocalculator)

Knowing this, you can now apply the golden ratio and do a simple grid system with photoshop. It is important to note that not all cases will adhere well with the golden ratio especially when you want to apply some unique creativity, but generally these numbers will work for proportional congruence.


Will Smith's secrets

This video is not only truly inspirational, but also covers so many key concepts of how successful people think. Before I had my startup, I was big on studying the way successful people think and in this video Will Smith has probably summarized 70% of the key concepts. Having read and studied all the classics from Napoleon Hill to Maxwell Maltz about the mentality of success below are some key concepts I think are most common amongst successful people that Will Smith and so many other successful people have said.

1. Belief in self. Before you go out try to accomplish something it is of utmost importance that you yourself believe that you can do it. It’s almost impossible for you to go out there and think that you can change the world if at the core you yourself won’t believe it. When the hard times come, and it 100% will, you will confirm your own suspicion that “yeah I knew this was going to be impossible” and just give up. But, if you truly believe at the core that you can do something great then you tend to stick it out more.

2. Successful people are delusional. When I was reading biographies of successful people, I noticed that these wildly successful business people weren’t really realistic.  A 25 year old Bill Gates was definitely not realistic when he thought he could convince the biggest computer company at the time (IBM) to use Microsoft as their next operating system over larger companies that had hundreds of employees and more money.

3.One day at a time. In the video above Will mentioned that you don’t go out to build a wall. This simple metaphor is a lesson packed message. I think what he meant was that true success doesn’t happen overnight or even a couple months. This metaphor also implied that all you have now is the present so do all you can in your day and soon enough you will have a “wall”.

Thoughts on the User Experience(UX) role

For the past two years, there has been a new addition to the title of programmer, developer, engineer, etc. Nowadays, we hear the titles of front end developer, backend developer, software developer, etc. In addition to this there has been a new kind of developer that in my opinion is both important yet very ambiguous. I’m talking about the UX developer, where do they fit into all of this?

I’ve thought about various ways about thinking of these different roles and I think the best way to go about it is to think that you are an optometrist- metaphorically speaking of course. An optometrist tests a person’s eye sight and prescribes him or her the right kind of lens in order to see.. In the development world there are people with different “lenses”. A backend programmer for instance may be prescribed a “functional” lens in the sense that their goal is to make everything functional and bug free. On the other hand, a designer may see the world through a “make everything look spectacular” lens and would unleash creativity to the point that it may be very cumbersome and difficult to develop.Of course nowadays, there is no such thing as the traditional or generic programmer or designer as we are typically aware of the importance of beautiful design and flawless functionality. However, the UX developer is the bridge that gaps these two distant worlds.

To put simply: Front end developer + Graphic Designer +Human factors= UX developer. This kind of developer should be able to speak the language of both the designer and the developer in addition to incorporating the human factors experience. Traditionally, developers struggle trying to communicate their needs with designers and vice-versa. So when a designer gets really unique and creative, the UX developer can step in and explain the technologies in mundane terms and be able to communicate to the designer how complex and time consuming it would be to implement. Furthermore, a UX developer goes beyond being the intermediary between making things look great and and doing development,  but most importantly design a smooth experience for the general user of the product.

Although a UX developer can design sites and can do some web development, it is hardly ever the case that they are the all-in-one solution. What I mean is that a UX developer is not as good or efficient as a full-stacked developer and neither as great as an aesthetic creative would be, although there are the few that can be great at both. Also, there seems to be many inconsistencies of the proper role of a UX developer when I look at job descriptions. But after thinking about this, there shouldn’t be a standard role of a UX developer since every company is different and needs different skillsets to fill in and thus tend to leave all the desired skills left behind and wrap it to the “UX developer”

My first post

Hi my name is Jonhnson Nakano and I’m excited to post my very first blog post on this site.

I’m a startup entrepreneur, web designer, and developer trying to build a web product that someday millions of people will love using. I had an internet startup called
MyCollegeLoop, which ultimately made me sprint towards my ultimate potential. I became very knowledgeable and very poor at the same time and I learned so many great lessons. I continue to learn and will continue my entrepreneurial efforts.

I will use it for:
•Note taking on what I learn, so I can reference it through an organized website instead of trying to search through my computer.
• Provide excellent tutorials for my readers