Web Designing & SEO Training in coimbatore

Training for Web Designing, Graphics Designing, UI Designing & SEO Training in Coimbatore

Contact

Mail : info@sketchpoint.co.in

subu.itech@gmail.com

Call : 9952303162

Horizon Heights - Service Apartsments in coimbatore

It's a great pleasure that we welcome you to our serviced residence. The Horizon Heights is the World-class Standard Serviced Residence located at the heart of Coimbatore. 
Our aim is to help you and your family a international fine living experience at affordable price.
Thankyou for making Horizon Heights your accomodation of choice. we hope that your stay with us will be a comfortable and memorable one.

Location at

Horizon Heights - Service Apartsments

Sastri Rd, Ram Nagar, Coimbatore, Tamil Nadu 641009

Mobile : 09952223377

Mail : horizonheights.in‎

Web : www.horizonheights.in‎

View Larger Map

Mystics Studio Web Site Design

OmniGraffle

Need a diagram, process chart, quick page-layout, website mockup or graphic design? OmniGraffle handles all of these in one award-winning application, which offers plenty of power under the hood to make all your diagramming and design fast and easy, with the ability to customize and tweak every aspect of your work

CSS Menus & java Script Tab Download here

http://css-tricks.com/downloads/

Difference between div and span tags

DIV TAG:

Following are the characteristics:
As the name indicates, the div tag defines a ‘division’ in a web page.
div is a block-element; its default display value is “block”.
div tag is commonly used while creating Css based layouts in html.
by default, a line-break is placed before and after this element.


SPAN TAG:

Following are the characteristics:
span tag makes no visual difference in the page, unless customised with style attribute.
span is an in-line element.
span is commonly used to stylize texts. The in-line feature makes it easy to use custom styles without changing the layout.
No line-breaks by default, but this can be achieved if we change its in-line nature by specifying in the style attribute to ‘display:block;’

10 Tips for Web Designers?

1.Enjoy your job. If you don't love doing what you do, whether that be designing software or building web sites and understanding the web, try something else. Life is to short to waste doing something you don't have a passion for.

2.Know HTML, CSS and JavaScript back to front - Clients and companies don't care if you are a developer, designer, information architect or anything else you need to know the core technologies that underpin the web back to front. Everything is ultimately built on these three

3.Develop with the latest best practices in mind - Ensure you separate content, design and behaviour. Make sure everything you build uses progressive enhancement.

4.Learn as much as you can, and plan on keeping that up for the rest of your professional life. Subscribe to a few key RSS feeds (eg. Smashing Magazine) - this is the easiest way to keep up to date with developments in the industry and will help your knowledge grow each day.

5.When you just can't wait to get started, don't forget about the first step - planning. Whether you need to draw wireframes or just some scribbles on a piece of paper, you can save yourself countless hours by reviewing your design before you go coding it up. This can also make explaining it a lot easier than wildly waving your hands in the air.

6.Set yourself development goals. Don't stagnate just because you have learnt some jQuery. Look into technologies and ways of advancing your skills.

7.Make sure you make websites degrade gracefully. Perfect example is using JS for certain portions of a website. Code it, then turn off JS and make sure it's still functional.

8.Realize that there will always be someone who knows more about a subject than you do. This can be hard to admit when you've been coding software or developing websites for many years, but it's true of any industry. If someone comes up with an alternative way of doing something, at least take a look at it - you never know, it might be better than yours.

9. Feel free to try out new ideas or explore side-projects in your spare time. This could be a blog, a journal or something more substantial like a coding project. Whatever it is, you owe yourself the freedom to use your skills to do something that you enjoy.

10. Remember to get feedback at all stages of a project. There is nothing a client hates more than uncertainty and if you can give them a good level of reassurance that their project is in good hands and progress is being made, you'll find there's a lot more room for understanding in case something takes longer to do than expected.

My Recent Work

Manchesters International School

We are very proud to introduce you to this tantalising glimpse of the purposeful and varied life at Manchester. Our aim is to guide each individual towards a confident, resourceful, independent and happy adulthood well qualified in every way.

More

Sketch Point “idea to media”

Logo Works

Our personalized involvement in lithography and calligraphy provides your Logo instant brand recognition.

Brand Kit

We make sure the Brand Kit not only gathers client appreciation, but also our package includes benefits which can be utilized for your own employees to achieve that home like feeling inside the organization.

Print Works

Our effective and efficient designs, color selection and copyrighting techniques provides maximum information which you wish to convey to customers with least printing area.

Web Design

All our web design complies with W3C standards and are conceptualized with minimum transfer time and our exceptional copyrighting makes sure your web site is always on top list in SEO so that your Clients will have your website at their finger tips to view.

User Interface Design

Our UI is well known for its user- friendly interactive looks and the robust technology which makes it convenient to integrate almost any system.

Infence Technologies

Infence Technologies is a leading software development company in India providing Offshore Software Development Services & solutions with services such as outsourcing software development India, Web Application Development, Offshore software development, Web Designing, Offshore Application development, CRM Customization, Software Developments.


InfaGPS   InfaERP

Read More

Social Media Web SHUT DOWN on 23 jan 2012

http://youtu.be/7v_xeK3A-N0

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