Mobile Web Creating Optimization

Technique1:
<link rel="stylesheet" href="site.css" media="screen" />
<link rel="stylesheet" href="mobile.css" media="handheld" />

Technique2:
"stylesheet" href="mobile.css" media="only screen and (max-device width:480px)"/>

Technique3:
<link rel="stylesheet" href="core.css" media="screen"/>
<link rel="stylesheet" href="handheld.css" media="handheld, only screen and (max-device-width:480px)"/>

Technique4:
img.as-text { content: attr(alt); }

Technique5: Clickable Mobile Phone
<a href="tel:15032084566" class="phone-link">(503) 208-4566a>

Technique6: Special input type
<input type="tel" />
<input type="email" />

Technique7:
@import url("portrait.css") all and (orientation:portrait);
@import url("landscape.css") all and (orientation:landscape);

Technique8: Font


@font-face

{   

font-family: 'Comfortaa Regular';   

src: url('Comfortaa.eot');  

src: local('Comfortaa Regular'),

local('Comfortaa'), url('Comfortaa.ttf') format('truetype'), url('Comfortaa.svg#font') format('svg');

}



SVG file: iPhone’s Mobile Safari supporting Chrome, Opera and iPhone

.otf or .ttf for Firefox and Safari

.eot for IE









e-Commerce Tools

Having taken lots of time, I myself started the e-commerce website from the ground. To share my practical experience may allow others to keep their time to other subjects.

The tools to complete the e-commerce mission lie on webApp, software and social site. I will provide the explanation thereafter.

Tools
Filezilla: Upload and Download files to/from the server
Dreamweaver: Build the website
Adobe Creative Suite: retouch and decorate product images, make pictographic components

Website
http://www.maps.google.com: Indicate and identify your business
http://www.xml-sitemaps.com: Create the sitemap
Google webmasters tools: add the business url and submit the sitemap

For Establishing CMS E-commerce site, I recommend OpenCart. This tool comes with the essential modules to manage full functions of an online shop. And the interface is rather nice.

Sharp Idea

There is no low job, if we do it with great heart. (V.Wachiramethee)
Change the life pace every 2 hours. (Dr.Sato Shigeta)
Time treats us equally. (Dr.Sato Shigeta)
Happy life driven by curiosity and endurance. (Dr.Sato Shigeta)
Apply the today's experience for tomorrow. (Dr.Sato Shigeta)
Success is 99% Failure. (Soichiro Honda)
Luck is when preparation meets opportunity. (Seneca, Roman philosopher)
like attracts like.
The day you decide to do is your lucky day. (Japanese proverb)
As a man thinks, he is. (Bandit Auengrangsi)
People will do business with someone they know, like and trust. (Bandit Auengrangsi)
Diligence is the mother of luck. (Benjamin Franklin)
I am the great believer in luck, and I find the harder I work, the more I have of it.
You can have anything you want, if you will just help other people get what they want. (Zig Ziglar)
The more you appreciate what you already have, the more you will have. (Bandit Auengrangsi)
Today reader, tomorrow leader! (Anonymous)