Sketch Point

"idea to media"

InfaGPS

Vehicle Tracking, Fleet Management, Geo Fencing, Navigation, Routing

InfaGPS is a leading provider of fleet management solutions with over a 100 active GPS devices on the field and growing fast..
We aim at offering innovative and cost effective vehicle tracking solutions comprising of hardware as well as software support. Our solutions offer the most optimal way to manage your movable assets on the field. Our web based InfaCloud ERP system can be integrated with the GPS systems on the field to provide a full fledged ERP system for any logistics operator.

InfaTrack

This is the most basic of our offerings. It involves a GPS based tracking unit fit inside your vehicle and access to a web based front end to monitor your vehicle/assets on the road.

InfaNavigation
We offer you the best and most accurate personal navigation devices from GARMIN. Comes with a 1 year warranty.

Infanavigation is a personal navigation device brought to you in collaboration with GARMIN. Get upto date, accurate maps that will help you navigate, identify essential services in a location like hotels, hospitals, emergency help etc....

InfaCloud
Our 100% web based ERP will ensure you spend more time strategizing your business and not worry about your software/hardware needs to run your business.

All updates and customizations are implemented online.
We can integrate our GPS tracking to the Infa cloud ERP to offer you a powerful fleet management solution
that manages all your needs.

Web Designer should know this Rules

1. Remember you have very little time on your hands

I read somewhere that average page visit throughout the entire
internet is only 4 seconds. That doesn't give you enough time to make
an impression on the user and get him engaged with your site. That
means that you have to be as precise as possible in explaining what
the site you are designing is all about. If it takes more than few
seconds for user to figure out what the website is all about, he will
loose interest and browse away...

2. Remember that user scan the web

When you walk into the room you don't see every single face there.
First you only notice shapes of people and stuff that are inside. You
scan the room. Then you move on to something that grabs the attention.
Similar thing happens with first visit to the website. Users scan it
first. This is the point where you need to guide user wherever you
want him to go. It can be a login button, learn more button,
conversion form, blog post...

3. Up-left corner of the web site is most visible

This is well known fact. The main reason for this is that people read
books and articles that way (starting from up left corner) plus the
early web sites and applications were designed that way. We often put
logo in top left corner, and that is a good thing. But think about
adding another element or two up there to make it more prominent
(login link, search from, slogan...)

4. Learn about F pattern

Some eye-tracking case studies proves that users scan the web in a
shape of a letter F. Top area gets scanned all the way, middle area
half way through and lower area gets scanned only on the left side.
Just something to think about when you're having doubts on where to
put content blocks in your designs.

5. Learn what users ignore

Users are ad-blind. They learned to ignore banner ads or text ads.
Avoid designing anything that looks like an ad. Also, users ignore
large blocks of text. Nobody has the time (actually I would say
patience!) to read great blocks of text just to get an idea of what
the page is about.

6. Text vs graphics

One interesting fact. Text grabs more attention than any cool graphic!
If you want to deliver a message to your reader I suggest using a
large slogan instead of cool header image...

7. Grab attention with design elements

Good elements for grabbing attention are text slogans, call to action
buttons (usually using bright colors), various 1-2-3 steps list or
lists in general...

If you're writing a long article one of the most important things are
headings. Headings grab attention like nothing else. Use the headings
properly, explain the user what the article is about in just those few
simple steps.

8. Text Formatting

Text has more chance of being read when it's formatted properly. Don't
be afraid to use many paragraphs, bold and italic text blocks,
blockquotes, underlined or upper-case text... Anything that makes your
text block more visually attractive. Of course, you need to use
formatting to emphasize important words or sentences and guide your
reader through the article.

9. Use clean graphics

I already mentioned that users are ad blind. When you use graphics in
your design make sure that they're not too busy, messy and
non-understandable. Many people will find it hard to look at the image
that is too busy or colorful. Graphics needs to be clean and
non-confusing.

What you can use to grab attention with graphics are people faces,
especially when eyes on the photo are looking at the user. Also you
can use eyes on the photo to “point” users to a certain direction.

10. Use whitespace

Use whitespace to give some element more visibility. If a certain
element is too close to margins or other elements the things will be
confusing and messy. Give it some “air to breathe”. This especially
applies to text blocks.

World Wide Web Consortium (W3C) Standards

W3C standards define an Open Web Platform for application development that has the unprecedented potential to enable developers to build rich interactive experiences, powered by vast data stores, that are available on any device. Although the boundaries of the platform continue to evolve, industry leaders speak nearly in unison about how HTML5 will be the cornerstone for this platform. But the full strength of the platform relies on many more technologies that W3C and its partners are creating, including CSS, SVG, WOFF, the Semantic Web stack, XML, and a variety of APIs.

W3C develops these technical specifications and guidelines through a process designed to maximize consensus about the content of a technical report, to ensure high technical and editorial quality, and to earn endorsement by W3C and the broader community.

If you are learning about Web technology, you may wish to start with the introduction below, and follow links for greater detail.

• Web Design and Applications 

  Web Design and Applications involve the standards for building and rendering Web pages, including HTML5, CSS, SVG, Ajax, and other technologies for Web Applications (“WebApps”). This section also includes information on how make pages accessible to people with disabilities (WCAG), internationalized, and work on mobile devices.

• Web Architecture 

  Web Architecture focuses on the foundation technologies and principles which sustain the Web, including URIs and HTTP.

• Semantic Web 

  In addition to the classic “Web of documents” W3C is helping to build a technology stack to support a “Web of data”, the sort of data you find in databases. The ultimate goal of the Web of data is to enable computers to do more useful work and to develop systems that can support trusted interactions over the network. The term “Semantic Web” refers to W3C’s vision of the Web of linked data. Semantic Web technologies enable people to create data stores on the Web, build vocabularies, and write rules for handling data. Linked data are empowered by technologies such as RDF, SPARQL, OWL, and SKOS.

• XML Technology 

  XML Technologies including XML, XQuery, XML Schema, XSLT, XSL-FO, Efficient XML Interchange (EXI), and other related standards.

• Web of Services 

  Web of Services refers to message-based design frequently found on the Web and in enterprise software. The Web of Services is based on technologies such as HTTP, XML, SOAP, WSDL, SPARQL, and others.

• Web of Devices 

  W3C is focusing on technologies to enable Web access anywhere, anytime, using any device. This includes Web access from mobile phones and other mobile devices as well as use of Web technology in consumer electronics, printers, interactive television, and even automobiles.

• Browsers and Authoring Tools 

  Web agents are intended to serve users. In this section you will find information useful when designing browsers and authoring tools, as well as search engine bots, aggregators, and inference engines.

CSS3 Features

Many exciting new functions and features are being thought up for CSS3. We will try and showcase some of them on this page, when they get implemented in either Firefox, Konqueror, Opera or Safari/Webkit.


Borders

• border-color
• border-image
• border-radius
• box-shadow

Backgrounds

• background-origin and background-clip
• background-size
• multiple backgrounds

Color

• HSL colors
• HSLA colors
• opacity
• RGBA colors

Text effects

• text-shadow
• text-overflow
• word-wrap

User-interface

• box-sizing
• resize
• outline
• nav-top, nav-right, nav-bottom, nav-left

Selectors

• attribute selectors

Basic box model

• overflow-x, overflow-y

Generated Content

• content

Other modules

• media queries
• multi-column layout
• Web fonts
• speech

Search Engine Optimization (SEO) Articles, Tips, Tricks, Help Blog

Google panda update has made tremendous change in search engine results. The main goal of Google panda update is to get rid of content farm and scrapper sites. Google is still fighting on the panda factors. Go through the checklist and fix the factors and become a panda free site.

Factor 1. Do you have a low search performance page?
Status - Yes / No
Remark - You need to work on the quality of the page or you may delete the page. One non-quality page should not disturb other n number of quality pages.

Factor 2. Does your site loads slow?
Status - Yes / No
Remark - The site load time should not be high. You need to optimize your images and code to reflect site load speed.

Factor 3. Do you have well researched keywords that related your web page content?
Status - Yes / No
Remark - Without enough quality content, do not optimize your page titles for search keywords. The site page will be repeatedly listed for the user’s keywords only when the page is useful for the search user’s .Do not get into the personalized search users signed in site block list. At one point the search algorithm will be informed about the blocked sites.

Factor 4. Do you have high bounce rate?
Status - Yes / No
Remark - The site need to have well structured related links within the content or around the content. The navigational structure of the site should be clear with quality content. If the content is clear and interesting then the bounce rate will gets decreased because users will be interested to visits other relevant links.

Factor 5. Do you see users spending minimum time in your page(s)?
Status - Yes / NO
Remark - For a good site the users average time spent on the page should be high. This is based on the size of the quality content and other relevant content pages. You need to work on your content to hold users on the page(s) for long period.

Factor 6. Do you have related images for the content and do you own the copyright?
Status - Yes / No
Remark - If you are having images for your content then it should be relevant to the content. The image should speak about the content. Use your own image content or make sure to get the copyright of the image.

Factor 7. Do you have a clean design?
Status - Yes / No
Remark - Users experience is one of the main factors for panda update. Make sure the content is readable and website structure is user friendly with right combination of colours for a proper look and feel. Balance users experience with search engines experience. Also make sure that you include unique title, Meta tags, H tags, P tag, blog font, alt attribute and anchor texts.

Factor 8. Do you have a Meta description that briefs your page content?
Status - Yes / No
Remark - Make sure that the Meta description is not stuffed with keywords and it includes a brief of the page content.

Factor 9. Have you done a grammatical check on your web page content?
Status - Yes / No
Remark - Try to avoid grammatical mistakes in your content. Try to proofread before the content goes live. Clear content has high chance to list top.

Factor 10. Do you have more backlinks from same c class IP sites?
Status - Yes / No
Remark - Natural links are always better that artificial backlinks. Natural links are risk free. Update you site often with quality content so that your readers will like to give link from their site(s). Artificial backlinks from directories submission site has high chance to be from the same c class ip unless it is well researched. Bunch of links from same c class IP are not valid and can also be considered as spam.

Hope the above Google panda SEO checklist helps. The main factor for panda recovery is to avoid duplicate content and to remove or update poor quality content. Feel free to share your experience and factors if any.

School WebSite Work

Manchester International School

Recent Work for Cab Experts

How to install the New fonts using CSS in web pages

Use this code.

@font-face {
  font-family: "Your typeface";
  src: url("type/filename.eot");
  src: local("☺"),
    url("type/filename.woff") format("woff"),
    url("type/filename.otf") format("opentype"),
    url("type/filename.svg#filename") format("svg");
  }

@font-face {
  font-family: "Your italic typeface";
  src: url("type/filename-ital.eot");
  src: local("☺"),
    url("type/filename-ital.woff") format("woff"),
    url("type/filename-ital.otf") format("opentype"),
    url("type/filename-ital.svg#filename-ital") format("svg");
  }
h2 { font-family: "Your typeface", Georgia, serif; }
h2 em { font-family: "Your italic typeface", Georgia, serif; }
em { font-style: italic; }



@font-face {
        font-family: 'MyFontFamily';
        src: url('myfont-webfont.eot?') format('eot'),
             url('myfont-webfont.woff') format('woff'),
             url('myfont-webfont.ttf')  format('truetype'),
             url('myfont-webfont.svg#svgFontName') format('svg');
}




@font-face {
font-family: Delicious;
src: url(Delicious-Roman.eot);
src: local('Delicious'), local(Delicious'),
url(Delicious-Roman.otf) format('opentype');
}

@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');
}

Sketch Point

Design is not about beautiful or ugly, but about solving problems in a creative way.
With the simple realization, I create business value for our customers.