Wednesday, July 29, 2015

No Tear No Fear

Tear will not come out,
There is no fear for bout,
Problems that are near,
Will be solved by those here..

The sun has set but there is light,

There is light and that is bright,
The shine will last for years to come,
The wisdom spread will brighten our home..

We'll make the people cross the poverty line,

Our Nation will be developed and will shine,
Rest my president, Rest O'Divine,
Rest my president, Rest O'Sunshine..

Jai Hindh..!!

Tuesday, July 28, 2015

Legend Never Dies

The Statesman is no more,
But the Legend is still here,
An Era has come to an end,
But the aura spread has gone beyond.

The journey well traveled,
A trail left behind, very well leveled,
The duty done so well,
For there will be no sequel.

Generations on the yester years,
Moved to the ledge with tears,
We thy see your vision,
We are now on the work mission.

Time for us to wipe the tear,
Time to leave the fear,
Time to prove the Legend right,
Time to take up the development fight.

Rest not till the dream is built,
Rest not till the barriers are made to silt,
Rest not till the till the impact is felt,
Rest not till the goal is reached.

Oh, visionary, Statesman, Scientist, People's President, Rest in Peace,
We, the fellow Indians take an oath to propel the country forward..


Jai Hind..!!

Saturday, July 25, 2015

Block vs Inline

Block Element

Always takes the complete line width available.
Takes no float into account on the surrounding elements.


Example: DIV, H1-H6 Tags, FORM, P


To understand better, visualize the element as a box container.
 

Inline Element

Takes only necessary space in the line.


Example: Span, a, IMG


To understand better, visualize elements as normal words in a sentence.

Tip: To change the behavior of the elements, we can use the 'display' styling property. This can be an set using an inline styling or in a css.

Friday, July 24, 2015

Div vs Span

Div

Block Element
Legal to have a span within a DIV

w3c Describes span as follows;

"The div element has no special meaning at all. It represents its children. It can be used with the class, lang, and title attributes to mark up semantics common to a group of consecutive elements."

Span

Inline Element
Illegal to have a DIV within a span


w3c Describes span as follows;

"The span element doesn't mean anything on its own, but can be useful when used together with the global attributes, e.g. class, lang, or dir. It represents its children."

Reference:
http://www.w3.org/TR/html5/grouping-content.html#the-div-element
https://www.w3.org/wiki/HTML/Elements/span

Thursday, July 23, 2015

Responsive Web Design is a Perfect Model?

One Mantra to remember in the world of Web Design / Web Development is that "There is No Perfect Model".

The technology and the user experience is always changing. The change is such that it brings about a Evolution in the system that lasts for a while and still Evolves.

There will always be small problems / issues / complaints by the users based on different cases from slower loading to accessibility to quirks.

However this is the best model available to date to improve the user experience across devices and boost user engagement.

Responsive web design model should be considered for any new web development.

Understanding all the internal and external factors of working makes it very difficult. However time invested in learning the same is totally valuable and brings the best return on investment when designing world class websites.