Helpful Tips for Designing Mobile Websites

This article will show you that design and development principles that go into mobile design are somewhat different to those associated with desktop design. Although web design trends in 2013 are generally aimed at delivering cleaner, less cluttered websites on desktops anyway, it is still worth having the biggest mobile development points clear in your mind. Below are some tips given for designing mobile website:

Create  m sub domain 

m.website.com, This function of creating m sub domain will have many advantages like easy to access and maintain, easy to type on phone, keeps the brand intact and moreover it is free of cost. This m domain has a higher adoption in the US companies such as Yahoo, Twitter, Google, YouTube, and Facebook.

 Make it relevant for the user 

Approach your mobile website with only essential and relevant information. The lesser the content is, people will find easier to visit your site. Always remember that when people access through mobile they don’t have time to look for the features of website so always make it more convenient for the user to access your site.

Understand Browser Layout 

Use only single column layout. An iPad screen might make two or standard three column web pages look good, or the screen on a Samsung Galaxy S4 might be big enough to get away with it, but mission here is to provide the easiest layout whether someone is looking at your site on the biggest tablet or smallest Smartphone.

Create 2 versions 

Always create two versions of your mobile site. One is for basic phone and another is for Smartphones. Add core features to your basic phone version and rich UI for Smartphone version. Creating both the version optimizes your customer’s phone.

Consider Navigation Method 

There is no one right way to build navigation into your mobile site. For example:  A mobile eCommerce site will likely have a search bar near the top of the page, and category menus so that users can quickly find what they’re looking for. Content-based sites might feature the navigation at the bottom of the page, so that users can access what they’re looking for quickly.

Include High resolution images 

To prevent mobile sites from looking tiny, include images of high resolution. It magnifies them by 200%. This works great for text and vector images like SVG. But it’s not so hot on bitmap images.

Vertical scroll Down 

Always keep vertical scrolls down button for navigation to view your information flowing down. Use blocks of information and optimize each block individually. Never keep a horizontal scroll button.

Use an HTML Doc 5 type 

Not all browsers implement HTML5 features, but they will still accept an HTML5 doctype.

<! DOCTYPE html>Using this doctype declaration will allow you to display HTML4 elements in all browsers, and then add in additional functionality for the browsers that support HTML5.

Design For touchscreen and Non. Touch screen phone 

It’s important that your mobile site should be optimized for Smartphones. They  have typically large touchscreens screens but may have a more traditional trackball, joystick or directional keys. Therefore, it’s important that your design is easy for both touchscreen and non-touchscreen users.

Keep a link of desktop version 

In mobile version always keep the link of desktop version. User might not always prefer to use the mobile version. So always keep a link at the bottom of page for the desktop version.

9 Things Indians did before the rest of world!

India has changed a lot. Back then,we were the source the richness and gold,now we are blatantly called “The Third World Country”. Ouch!

Before foreign invasion on our country,we ruled the world. We were the major exporters of spices,food,clothes and other quality stuff.It was a temple of trade and commerce. It is said that during the rule of Vijayanagar empire,golds and diamonds were sold roadside by weight. We were one bad-ass country indeed. What happened later on,is not something that makes us proud.

While the rest of the world was still busy throwing boomerangs and shaped stones ,we had civilizations that studied about abstract mathematics and sciences. So,here is a list of things that Indians started or the things that Indians did First-

1)A science called Astrology-

The science that can predict the future!

To start with,astrology was a highly complex study of  motion of planets,constellations and our neighbouring stars with use of highly advanced mathematics to predict the future. Unlike now it was not a cheap trick to make money. It was a science. With the west getting involved in our affairs,these ideas lost their importance and lot of information was lost during this time.

2)Flush toilets-

A toilet remain from the Indus Valley Civilization.

Yes,it started in India. Way back then,5000 years ago,when the rest of the world was still toddling,we had hygienic systems for cleaning our metabolic waste. We were that civilized.

Ironically though more than 40% of Indian homes don’t have toilets and poop in the open. Sad,isn’t it?

3)Yoga-

A picture featuring different postures of Yoga.

It is a physical,mental, and spiritual practice or discipline, that aims to transform body and mind.Dating back to 6th and 5th century BCE,the art is still practiced in many parts of the country. Again,the irony is that Yoga has been more appreciated outside India than in here. Yet an other thing that totally kills us.

4)Surgery-

Sushrutha performing surgery.

Sushrutha,back in 6th century wrote a medical journal called ‘Sushrutha Samhithi’ which contained everything from Ayurvedic herbs to complex skin surgeries. In today’s world being a surgeon has a reputation of it’s own. So much for ancient science.

5)Zero-

The genius mathematician,astrologer and scientist.

Ancient India has produced too many prodigies when it comes to basic mathematics.  It was land where scholars and mathematicians discussed advanced and pure mathematics. One of the very few but relatively more important inventions that actually came to light was the discovery of Zero by the ancient mathematician Aryabhatta. Without this invention,most of what we study now would have simply collapsed down. They owe us one. Big time.

6)The discovery of Pythogorean triplets-

Clay proof of his theorem.

Bhaudhayana,one of the most learned pure mathematician, had found out a certain pattern in the perfect square. His theorem was later modified for right angled triangles.

Baudhayana states:

“The area produced by the diagonal of a rectangle is equal to the sum of area produced by it on two sides.“

Genius huh?

7)Atoms-

2,600 years ago!

It was only recently that the existence of atoms was confirmed by experiments(not more 6 century at max.).

Ancient Indian Sage Kanad was the founder of atomic theory in 600 B.C . He had the concepts of di-anu and tri-anu’s which referred to a combination of atoms,what we now refer to as molecules. There have been unexplained references to radio-active archaeological finds in many parts across the country. Experts speculate that these might be remnants of a nuclear explosions as there were many unexplained craters found nearby the places. We were a nuclear power back then,we again became a nuclear power recently in the last century under the expertise Dr.A.P.J.Abdul Kalam.

“Applause”.

8)Great Epics-

Epic epics!

Ramayana is the first poetry of the world. It has 24,000 verses written in Sanskrit.It portrays Rama,the protagonist as a virtuous, brave,dutiful, truthful, noble, kind warrior who rejects his royal pleasure and sets off to destroy the antagonist Ravana.

The worlds biggest epic,Mahabharata is a beauty of a creation in itself. It is a huge collection of short stories connecting each other in an ecstatic way to make up the whole epic. I could go on writing about these works,but I think the my point has been made.

Such was the badassery that Indians showcased back then.

9)Mud Bricks-

Harrapan and Mohenjodaro.

Back then when the rest of world,including Europe,was still filled with nomadic tribes hunting preys everyday for food,we were already constructing civilizations using mud bricks and sand.On the banks of the river Sutlej and Indus,grew civilizations called The Harrapan and Indus Valley Civilization,which had advanced signs of habitats. The remains of their civilizations show the uniquely planned drainage systems and  water circulation systems. They used burned bricks to build their houses,a practice we still follow in many parts of the country.

—

The list can go on and on. In fact ,it will be so long that we might even have to open an entire website for it.

India was a paradise for scholars and learned people. If only we were more united we could’ve saved a lot more of our heritage and lot more of our culture. A lot of things that happened in India has gone unnoticed largely because we were not into showcasing our knowledge of sciences.

What happened in India,remained in India.

How to Compress 1GB files into 10MB

Managing space on your hard disk is sometimes a tedious task. Many used to compress their files to save the space. But they could only manage to save a bit . By following the instructions of this article you can Compress 1GB files into 10mb archive.

First of all you need to download a software called as KGB Archiver. 

 Follow the screenshots below to start archiving.

Step1: Start the KGB Archiver  Program and click next.

Step2:  select and add the files you want to compress.

Step 3 : Now select the compression level.

The more the compression level is the lesser will be the size of the archive and higher the compression time will be.

Step 4: Just click next and start compressing.

You Are Done

Free Download QR CODE vcard generator

You can easily store our business contact details like First Name, Last Name, Organization, Job Title, Website URL, Email etc., inside VCARD and this XML based VCARD content can be stored in the form of square pixel QR Image. After embedding the VCARD inside this QR Image, we can add this image in our hardcopy business card design and print them.

Customers can now easily scan the QR Image printed on the business card and store your business contact details in their mobile easily. And yes, your business card with QR Code looks SIMPLE and SMART !!!

You can use our below HTML code to make QR Code with your Business VCARD embedded easily.

XHTML

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80

<html> <script> function generateQRCode(){ var startNode="BEGIN:VCARD"+"\n"+"VERSION:3.0"+"\n"; var endNode="END:VCARD"; startNode+="N:"+lastName.value.trim()+";"+firstName.value.trim()+"\n"; startNode+="FN:"+firstName.value.trim()+" "+lastName.value.trim()+"\n"; startNode+="EMAIL:"+email.value.trim()+"\n"; startNode+="ORG:"+org.value.trim()+"\n"; startNode+="TITLE:"+title.value.trim()+"\n"; startNode+="NOTE:"+url.value.trim()+"\n"; startNode+="URL:"+url.value.trim()+"\n"; startNode+="TEL:"+phoneNo.value.trim()+"\n"; startNode+="ADR:"+address1.value.trim()+";"+address2.value.trim()+";"+city.value.trim()+";"+state.value.trim()+";"+country.value.trim()+";"+zipCode.value.trim()+"\n"; startNode+=endNode; this.qrImage.style.display ='none'; this.qrImage.src="https://chart.googleapis.com/chart?cht=qr&choe=UTF-8&chs=200x200&chl=" +encodeURIComponent(startNode); this.qrImage.style.display ='inline'; this.vcard.value=startNode; this.vcard.style.display ='inline'; this.vcardDiv.style.display ='inline'; this.sampleQR.style.display ='none'; } </script> <style> DIV{ color:royalblue; } H3 { color:PURPLE; } label{ display: block; font-weight: bold; font-size: 0.929em; } </style> <body> <form method="post"> <center> <h2> adx789.blogspot.in</h2> <h2>Generate QR Code for your Business VCARD using Google Chart API</h2></center> <div style="float:left;width:30%;padding-left:20%;"> <label for="firstName">First Name : </label> <input type="text" id="firstName" value="" size="40">  <br> <label for="lastName">Last Name : </label> <input type="text" id="lastName" value="" size="40"> <br> <label for="lastName">Phone No :</label> <input type="text" id="phoneNo" value="" size="40"> <br> <label for="org">Organisation or Business:</label> <input type="text" id="org" value="" size="40"> <br> <label for="org">Job Title:</label><input type="text" id="title" value="" size="20"> <br> <label for="org">Website:</label><input type="text" id="url" value="" size="40"> <br> <label for="org">Email:</label><input type="text" id="email" value="" size="40"> <br> <label for="org">Address Line1:</label><input type="text" id="address1" value="" size="40"> <br> <label for="org">Address Line2:</label><input type="text" id="address2" value="" size="40"> <br> <label for="org">City:</label><input type="text" id="city" value="" size="40"> <br> <label for="org">State:</label><input type="text" id="state" value="" size="40"> <br> <label for="org">Country:</label><input type="text" id="country" value="" size="40"> <br> <label for="org">Zip Code: </label><input type="text" id="zipCode" value="" size="40"> <br> <br> <input type="button" value="Embed VCARD in QRCode Format" onclick="javascript:generateQRCode();"><br> </div> <div style="float:right;width:40%;padding-right:10%;"> <div style="display:none;" id="vcardDiv"> <h3>VCARD Created Successfully !!!!!! </h3> <textarea rows="13" cols="40" style='display:none;' id="vcard" border="2"> </textarea><BR> <H3>VCARD Embedded QR Code Image</H3> </div> <div style="display:inline;" id="sampleQR"> <H3>Sample QR Code Image for Officetricks.com Website URL</H3> </div> <img id='qrImage' style='display:inline;' src='https://chart.googleapis.com/chart?cht=qr&choe=UTF-8&chs=200x200&chl=http%3A%2F%2Fofficetricks.com'/> <h3> For more Tips and Queries, logon to <a href="http://officetricks.com" target="blank"> http://officetricks.com<a> or email to <a href="mailto:adityakumardixit811@gmail.com">adityakumardixit811@gmail.com</a>.</h3> </div> </form> </body> </html>

Just save the code as QRVard.html and open it in the browser.  Fill in all the details like First Name, Phone No, Organization, Job Title, Email, etc., and click on Embed VCARD in QRcode Format  button. You could see the QR Image generated using Google API displayed in the same page.

May be in the future, we would be able to hide a book or movie in a piece of paper in inside this tiny barcode and can easily share to our friends without the need of any data storage component.

Till then, use this small code snippet to make QR Code yourself with VCard embedded in it and make your business cards Compact.