Archive for the ‘Web Design’ Category

5 Basic SEO Rules

Thursday, January 29th, 2009

This post is about SEO (Search engine optimization). SEO is the process of increasing the amount of visitors to a Web site by ranking high in the search results of a search engine. The higher a Web site ranks in the results of a search, the greater the chance that that site will be visited by a user. Here are basic rules:
#1 Don’t Re-Use Your Title Tag On Every Page
So each page must have different title tag.

#2 Keyword Research
Keyword research can also let you know how to target the content on your page, how to word each page’s title tag and whether people really are searching on your business name. It’s well worth the time spent to discover exactly what you need to target to have a successful website.

#3 Don’t Use Keywords In Images
If your keywords are embedded in images, the search engines have no clue that keyword is related to your page. They cannot “see” your images. So if the term “web design” is important to your business, make sure it’s actual text somewhere within your content, not part of an image.

#4 Check Your Robots.txt File
Check and double check your Robots.txt file. Make sure it’s in the root folder of your domain. Ensure all the folders and files you want to be found by the search engines are allowed. Any development folders, javascript folders, css folders or private folders, you do not want to end up in a search engine results should be disallowed.

For more information please check out: Robotstxt.org.
#5 Provide An HTML Version of Your Sitemap
If your navigation is currently in flash or javascript, this is a great alternative way of making sure the spiders find the site’s pages. Make sure that your link to your sitemap is a simple “a href” tag, not a link formed with javascript or flash as the spiders will not be able to follow that type of link.

It is quite small tutorial for the beginning. The rest is coming soon :)

Cool Firefix Add-ons for web design

Monday, September 22nd, 2008
  1. CSSViewer
    This is very simple CSS property viewer but very useful!
    See the CSS properties of page elements with this extension.

  2. FireBug
    The Firebug extension for Mozilla Firefox allows the debugging, editing, and monitoring of any website’s CSS, HTML, DOM, and JavaScript, and provides other web development tools. Firebug’s official website has a complete guide to what it can do.Firebug was written by Joe Hewitt, one of the original Firefox creators.
  3. Web Developer
    The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools.The Firefox Web Developer addons is one of the most popular addons for web designers. It has a variety off essential tools that allow you to code quality websites and troubleshoot problems easily.



extra resources:

Internet Explorer Web Developer Toolbar

Monday, September 22nd, 2008

Internet Explorer Web Developer Toolbar is an add-on for Microsoft Internet Explorer that aims to aid in design and debugging of web pages.  It is also known as IE Developer Toolbar or even IE DevBar. It allows validating of CSS and HTML, previewing page layout at various resolutions and also offers a ruler (measuring in pixels) to aid in positioning the elements. There are bunch of features that will help you analyze your web pages.

Those features include:

  • Explore and modify the document object model (DOM) of a Web page.
  • Locate and select specific elements on a Web page through a variety of techniques.
  • Selectively disable Internet Explorer settings.
  • View HTML object class names, ID’s, and details such as link paths, tab index values, and access keys.
  • Outline tables, table cells, images, or selected tags.
  • Validate HTML, CSS, WAI, and RSS web feed links.
  • Display image dimensions, file sizes, path information, and alternate (ALT) text.
  • Immediately resize the browser window to a new resolution.
  • Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
  • Display a fully featured design ruler to help accurately align and measure objects on your pages.
  • Find the style rules used to set specific style values on an element.
  • View the formatted and syntax colored source of HTML and CSS.

Validation: The menu options link off to known validators and include:

  • HTML
  • CSS
  • Feeds
  • Links
  • Local HTML
  • Local CSS
  • Accessibility (WAI Checklist and Section 508 checklist)
  • Multiple ValidatorsCaching

The Cache features are:

  • Always Refresh From Server
  • Clear Browser Cache
  • Clear Browser Cache For This Domain
  • Disable Cookies
  • Disable Session Cookies
  • Clear Cookies For Domain
  • View Cookie Information
WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in