Web Development Archives - Jayhan Loves Design & Japan

Code4Startup – Learn to code by cloning real startup projects

28 Mar 15

Code4Startups

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.

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

26 Mar 15

. Web Development

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.

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

19 Mar 15

. Tutorial, Web Development

Flexbox

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.

Best of 2014 and predictions for 2015

04 Jan 15

. Resources, UI/UX, Web Design, Web Development

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!

Learning Web Development without W3Schools

09 Mar 13

. Web Development

Learning Web Development without W3Schools

When comes to learning and referring about web development technologies like HTML5, CSS3, Javascript et cetera, normally we would find ourselves entering W3Schools website. At first glance, it’s a great site for learning, however there are many concerns about the reliability and credibility of the website content. W3fools, clearly addresses the problems of W3Schools.

So, if W3Schools posses so much false information and is not recommended by the web professionals, then what should we use instead? In this article we will dive into the alternative website which is better maintained, more open and recognized by the experts. And also a better and more social way of learning HTML and CSS.