Learn the modern way of developing Web applications this festive season for free.

If there is anything I’m passionate about nothing beats the passion to use technology to benefit fellow humans.

Since I got the opportunity to live in the generation where the world is a global community because of internet, it gifts me the privilege to learn and share. This festival season, I would like teach you about developing functional web applications using modern tools and approaches.

Take a look at the table of contents.

  1. Prerequisite
  2. Web design vs Web applications development
  3. Extending is smart!
  4. Components of a Web application.
  5. Powering web applications with WordPress
  6. The do list application

At the end of the tutorial I expect the reader to:-

  • To differentiate web design from web development.
  • To learn the different components together with their functionality in web applications.
  • To develop web applications using WordPress as an underlying framework.

Stay tuned for the next post, in which I will reveal my experiences and the requirements you need to benefit from this short but practical tutorial.




Ordering for a new logo? Here are some tips for you.

A logo is a sensitive symbol of our causes and businesses/organisations. Most of the time they communicate our character in the market, so they are subjective.

In this article, I would like to share one important consideration for anyone planing to make a logo by themselves or order one from professional graphics designers. The critical part of the logo today is ease of use on numerous devices and technologies.

Some years ago that flexibility wasn’t much of a requirement because logos could be mostly shipped on print media.

Technology growth is quickly changing that. In that a logo should now be produced in various versions characterized by dimension and color.

Therefore a new logo or even a old but revised one should at least have three basic versions:- the standard version, alternative version and mobile version.

The standard version

This version is what you are likely to get if you design a logo for yourself or even from a professional designer who doesn’t care much about the other versions.


It is in full color.

It is big enough(dimension) which makes it good for any print.


It may not work well on small devices like mobile phones, tablets and websites.

The alternative version

As much as it’s important, this version is usually ignored by many logo owners. It is also called the negative or grey scale logo.


It comes at a dimension of the standard logo though in monochrome.

Being monochrome it can be used in most of the partners’ media especially the mobile, web applications and websites.


Since it’s monochrome, it can’t be used anywhere if your logo originally comes in more than one color.

Mobile version

The mobile version is a small logo in terms of dimension(width and height) made in both full color and monochrome. It is an important logo for mobile applications and websites. If the standard logo is complex i.e has many symbols which may not be visible shrink mode, effort should be taken to remove some of those symbols in this version.


It will fit and represent the brand on the widely used devices today.

It is good to be used as an icon, for a mobile application and website fav icon.


It is not good for print media.

Bonus: It is good discipline to always have the original editable versions of the logo and any graphic for your brand. Without them flexibility is not paramount as you stand a high chance of color and dimension inconsistency in the future publications.