Useful Websites

Web Developer Toolbar Add-on for Firefox

Friday, February 5th, 2010

I wanted to take a second to talk about an awesome add-on for firefox: the Web Developer Toolbar. The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It’s a must have for all developers and designers because it saves countless hours of developing and troubleshooting time, and it has tons of really great features. One of those great features is the ability to edit the CSS of a website in real time and see your changes updated on the web page as you type them. Then you can save out the changes you made and update accordingly. This alone can save you tons of time when  sifting through the files on your server searching for the correct CSS file to update, uploading  changes you made to it and then refreshing the browser to see the changes.  Another really nice feature is the one-click validating of your page’s HTML, CSS, and javascript. Instead of going to the W3C Markup Validation Website, and manually copying and pasting the urls into the field. It automatically does it for you, SO TIGHT!!!!! There are several other features of it that are really nice and if you are a designer or developer of websites I highly recommend it.

Cya

PureMVC – A Lightweight Open Source Framework for Flash

Monday, February 1st, 2010

I was looking around on the internet and come across the PureMVC website and was pretty impressed. PureMVC is a lightweight framework for creating applications based upon the classic Model, View and Controller concept. This concept is an architectural pattern used in coding that isolates the application logic for the user from the GUI, allowing development to come from different places “permitting independent development, testing and maintenance of each”.  PureMVC is open source and was originally implemented in the ActionScript 3 language for use with Adobe Flex, Flash and AIR, is now being ported to all major development platforms. I have taken a very quick look at it but it seems very cool. An example of this in use is the T-mobile website, which has a very cool flash GUI on the front page, take a look and see what I mean. The picture above is taken from the PureMVC website.

Cya

Add .html to WordPress Pages

Thursday, December 10th, 2009

Have you ever needed to add .html to WordPress pages? I know I did, and I found a cool plugin created by IntroSites that does this for any WordPress created page. Its a simple idea but very useful especially for the project I am currently working on. I wanted to write a quick post about it and kudos to them for making it.

Cya

CU3ER – A Free Flash 3d Image Slider

Friday, November 6th, 2009

imcu3er

I just heard about a free flash 3d image slider creator called CU3ER. It looks amazing, its free to use in your own and commercial projects, its customizable by XML, and you can tailor any of the transitions and several other things to make it your own. I am in the process of creating my first template to sell on ThemeForest, another Envato Marketplace website, and I am definitely going to use it. Art director and designer Stefan Kovac came up with it and much thanks goes out to him for such an awesome utility.

Cya

Search Engine Optimization Techniques

Friday, August 14th, 2009

Since the beginning of working on web development and design, I have been enthralled into SEO (Seach Engine Optimization) and its importance in helping me market myself and the websites that I maintain and create. I wanted to quickly talk about some of the techniques that I use when creating and developing a new site. I have proof that these techniques work as well as a resource that will back up my arguments. A couple of months ago I finished the redesign of the company website at which I work, DataPath, Inc. Before I applied the redesign, I tracked the words “Data Path” and found out what the page ranking was for the three major search engines, which are Google, Yahoo, and MSN Search (now Bing). The ranking was not that high and it was usually on the second page or near the bottom of the first. After applying the redesign and waiting a couple of months for the bots to read the new content and structure, the ranking had jumped up to be the within the top 5 searches on all three search engines, and came to be third on Google.

First, I make sure all the pages of the website are validated. Which means all the html, css, and javascript code is correct and in valid markup, and you do this so that bots that search engines send out to read your site can easily extract and classify what’s relevant on your page. If your web pages can’t be read by the search engine bots then how will the search engines know your relevance.  To validate your site, you go to The W3C Markup Validation Service and input your website’s urls in the search field, hit “Check”, and then fix the errors and warnings on that web page.

Secondly, I make sure that all the link tags in your website aren’t “‘Click here’ to read more.” Links hold a lot of weight when bots read your site. The text of the link is what is important, so I make sure that it is relevant to what you are wanting to see. For example, look at the links on this post.

Thirdly, I make sure that the title tags are different on every page and rellevant to what is on each page. Also, make sure to add the description meta tag within the head tag, which is what is displayed under the title on the search engines results page.

Also, I create a sitemap.xml file and robots.txt file on the website. These give the bots a easier way to see the structure of your site, including the robots.txt file which blocks the bots from crawling certain parts of your site that you don’t want indexed.

There are some cheap and easy ways to get your sites’ page ranking to increase but they do not last and it can cause search engines to penalize your site. So be  weary of easy quick fixes such as adding duplicate content.  Also, other things that might hurt your page ranking are broken links and images, and not putting alt and title attributes with your image and alt tags. But usually the W3C Validator page will let you know about these problems. You can check for broken links and image links by going to The W3C Link Checker. And make sure your css  is validated too, by going to The W3C CSS Validation Service.

Some other techniques I use to help SEO is to have logical or friendly url names for your pages. If you have a bunch of products with a page for each one, have those pages under the folder products, it’s as simple as that and remember that any page on your website shouldn’t be more than three clicks from the root page. Also, if your site is large enough, its good to use breadcrumb navigation for user friendliness.

Finally, when I finish the website I implement Google Analytics and Google Webmaster Tools into it. Google Analytics is the enterprise-class web analytics solution that gives you rich insights into your website’s traffic and marketing effectiveness, which basically means that it is a very comprehensive stat tool for the traffic on your website. Google Webmaster Tools shows you how Google crawls and indexes your website to help diagnose any problems.

These are just some of the things I do to increase SEO and it really seems to help. All these points are backed by an article titled 20 SEO Tips That Ever Web Developer Should Know. Sometime later I will talk about user friendliness and the importance of it.

Cya