CSSReflex » Web Development

15 Must Have Google Chrome Extensions for Web Development

Naeem Noor — Wed, 08 Sep 2010 02:51:13 +0000

In this article you’ll find 15 Must Have Google Chrome Extensions for Web Development. It includes the best Google Chrome Extensions for any web developer which can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. Here are the Google Chrome extensions that you should find very useful.

You may also be interested in one of these older posts
20 Awesome Firefox Add-ons For Web Developers
12 Indispensable Adobe AIR Apps for Web Developers
130+ Free SEO Web Tools and Search Engine Optimization Software
List Of Essential PHP Quick References And CheatSheets
10+ Rare WordPress Theme Options Page Tutorials To Get You Started

1. Pendule

Extended web developer tools for Chrome. Use this extension in addition to the built-in Developer Tools (Ctrl+Shift+I).

2. Chrome Sniffer

Chrome Sniffer is a Chrome Extension allow web developer to inspect web framework / CMS and javascript library running on current browsing website. The extension will display an icon indicates the detected frameworks. Currently, this extension can detect up to 70 popular CMS and javascript libraries, and more will be added in future releases.

3. Chrome Web Developer Tool

This extension made easy the web development. Our current goal is to develop a clone of the “Web developer toolbar” of Firefox. If you want to give your contribute to this project, do not exitate to contact me.

4. IE Tab

Use Internet Explorer to display web pages in a Chrome tab. Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome. Great for web developers who want to test the IE rendering engine, users who use sites with ActiveX controls, and users who want to use the explorer view for local files (i.e. file:// URLs).

5. Window Resizer

This extension resizes the browser’s window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.The resolutions list is completely customizable (add/delete/re-order).

6. Chrome SEO

The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

7. Xdebug helper

Debugging and profiling PHP code with Xdebug is very powerful, but enabling Xdebug by setting a cookie or adding POST/GET variables is unnecessary hard. This extension will help you to enable/disable debugging and profiling with a single click.

8. Color Picker

Color picker is a full featured color editor which will make your life as a designer easier. It’s easy to use and loads fast, so it’s always there when you need it!

9. Lorem Ipsum Generator

Many other extensions of this type – in other browsers – simply complicate this task, using really extensive code, XHR, etc. The main purpose of this one, is to use the less amount of code (and also memory) and help the developer/user to get the job done.

10. MeasureIt!

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

11. Chrome Editor

I often find myself flipping between browser and a code editor. This extension allows you to code right within the browser. You also have the ability to save a code reference for later use. It saves it to your computer locally. I have predefined basic code to get you started coding.

12. CSS Reloader

CSS Reloader is an extension that allows you to reload all the CSS of any site without you have to reload the page itself.

13. Alexa Traffic Rank

Alexa Traffic Rank is Alexa Internet’s free extension for Chrome, and is the only extension that includes you in Alexa’s traffic panel. The Alexa extension accompanies you as you surf, providing you with Alexa data about the sites you visit without interrupting your browsing.

14. Aviary Screen Capture

Take a screenshot of any webpage and edit it directly in your browser with Aviary.com applications. Plus convenient access to the Aviary website and tools.

15. Instant Image Editor

Simply right-click any image or element on a web page with a background image while holding down the alt key to edit the image instantly in a new tab.

The Key to Non-Profit Website Design: An Attempt for a Cause

Jenny Warner — Mon, 02 Aug 2010 11:44:19 +0000

Non-profit websites are meant for a social cause and nowadays, when social media is at a boom, why not our causes take that opportunity and go for it… Why limitations in terms of budget, and the people involved in the strategical planning and maintenance of these sites, should suffer the main cause? Because of this, basic objective of these non-profit sites is dumped. Instead of reaching out to a large mass of audiences, it gets lost in the crowd of those for-profit organisational websites, which possess both— the resources as well as a team of professionals who continually work in reaching out to the millions of audiences out there.

Then, what ought to be the solution? Don’t you think it would have been much easier for these websites if they have ready-to-use information in relation to how to either develop or create a website of their own so that their efforts and the intentions are not laid back? This would be the motto of this post so that even we can have ourselves contributed, as a step towards social responsibility.

Rather than being a typical corporate website, or an ordinary website, a non-profit website needs to have something more so that they create that impact and are able to serve the purpose. We are here, with some of the best design practices that ought to be kept in mind before setting up a non-profit site, be it- for a charity, or a cause, even creating a simple awareness—

1. Less Pain, More Gain

Gain, to tell you frankly, for a non-profit website, to serve the real purpose, donations are something that cannot be ignored. And, to bait the maximum, you ought to make your site donor-friendly. Make it less painful for your visitors, and the potential donors to donate. Make it visible for your donors to know where and in what manner, they ought to donate. Make this effort prominent enough so that even the new donors are attracted and compelled to your site and the cause/causes you work for.

The process of making the donation ought to be simple enough. Try and use a single page donation form and see if the donor does not face any problem while making the transaction. A confirmation mail is a necessity so that even the donor is assured. For any cause, you need to have donations, and that is why, try and keep the process short, simple and straight-forward.

2. The Design and the Layout

It is very important that your logo, the design and the colours as well as the font you choose for your web design should complement the motto and the basic idea behind the organisation. It should be enough to describe your identity and people should be able to get hold of the idea of your cause.

3. Be Informative

Try and be as informative as you can because your content and the profile of your organisation would be the first thing your visitor is going to notice. Every visitor should be in consideration and the landing page should contain an overall statement and a brief, explaining what your organisation is all about. The visitor should quickly get an idea of your organisation and the cause. The About Us page should contain your mission, the agenda, and projects your organisation is working upon.

Images and videos have always sustained to create that one influential impact, so why not give it your best shot for the same.

4. Social Media

More than a fad, it has become a necessity and spreads faster than the word of mouth. Make use of Facebook, Twitter, Blogspot, Myspace, Orkut, and every other social networking site so that you are recognised across the web. No doubt, the more you are on these sites, the more positive responses you would get.

5. Space for the Media

It is very important that you grab media attention because that would be something really huge and would incur positive repercussions. Make you website media friendly so that the journalists, media personnel— writers, reporters or persons from any media source are able to raise the profile spread the word across. Make a separate column/page for the these people just as you do in the print media.

Make it easy for them to get the maximum news about your non-profit website, and avail them with the downloading options wherever it is needed, lets say, the news section, footage, coverage, photo gallery and many as such.

6. Volunteers

Bet it an NGO, or a non-profit organisation, for-profit, or a non-profit website, everyone wants volunteers who can share the work. There is a lot of work associated to make the website popular across the globe, and when we have this opportunity to reach out to the millions at the same time, make the best of it. Make your website volunteer-friendly because it won’t be possible that each and everybody who is interested in your website would be willing to contribute in cash… Avail them with the multiple options and be approachable. Give multiple set of contact information in case they feel the need to contact you to render any kind of service for the cause.

And, there is no doubt that any non-profit website would need bloggers and writers, reporters from different spheres and share their inputs. So, why not make it easy for them…?

7. News and Event Section

For any non-profit website, it is very important that your website contains daily updates, news feeds and a list of upcoming events or any campaign. This kind of dynamic nature of the website tends to attract visitors, which in turn increases the chances of turning them into volunteers or may be donors. Review and the testimonial section are a good way to raise the profile of your organisation, and the visitors tend to rely more.

The following tips would actually help you develop that level of trust, which acts as a mobilizer. By including the photographs, videos, and the portals of the people, or the areas that have been benefited from the donations and the volunteer-ship of different people across the globe, you would be actually encouraging other people as well.

Below are a list of few Non-profit website design:

Delivering Africa

Save the Children

The Nature Conservancy

Oxfam

Susan G. Komen

Take the walk

Common Good Radio

carbonica

The Melinda & Gates Foundation

Wiser Girls

Practical Living Family

Unesco

8 of the Best Firebug Add-ons

Naeem Noor — Mon, 28 Jun 2010 09:27:07 +0000

Firebug is the most popular and powerful web development tool and one of the most recommended tool which integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. There are various add-ons for Firebug but here are the 8 best Firebug extensions that every web developer should have installed.

Some of the features of Firebug are listed below:

* Inspect HTML and modify style and layout in real-time
* Use the most advanced JavaScript debugger available for any browser
* Accurately analyze network usage and performance
* Extend Firebug and add features to make Firebug even more powerful

Get Firebug from here, Compatible with: Firefox 3.5-3.6.

1. FirePHP

FirePHP enables you to print to your Firebug Console using a simple PHP function call. All data is sent via a set of X-FirePHP-Data response headers. This means that the debugging data will not interfere with the content on your page. Thus FirePHP is ideally suited for AJAX development.

2. Pixel Perfect

Pixel Perfect is a firebug extension that allows web developers to easily overlay a web composition over top of the developed html.

3. YSlow

YSlow analyzes web pages and tells you why they’re slow based on Yahoo’s rules for high performance web sites. YSlow gives you:

Performance report card
HTTP/HTML summary
List of components in the page
Tools including JSLint

4. SenSEO

SenSEO analyzes web pages and tells you how good they fulfill on-page Search Engine optimization criteria. SenSEO is a Firefox add-on integrated with the popular Firebug web development tool. The code is based on the YSlow extension.

5. Widerbug

A modified version of Firebug optimized for widescreen monitors.

6. Drupal For Firebug

Drupal for Firebug extends Firebug to provide Drupal specific debugging and status messages to help with Drupal development.

7. Page Speed

Very similar to YSlow, it is an add-on by the Google team for evaluating the performance of web pages and, best of all, getting suggestions (based on “Web Performance Best Practices“) on ways to improve them. Page Speed automatically optimizes images & provides compressed ones foruploading later. It can also detect JavaScript and CSS loaded that actually isn’t used for decreasing the total size of these files.

8. Firecookie

Firecookie is an extension for Firebug that makes possible to view and manage cookies in your browser

9. CSS Usage

Firebug extension to view which CSS rules are actually used.

20 Awesome Firefox Add-ons For Web Developers

Naeem Noor — Wed, 28 Apr 2010 03:00:16 +0000

FireFox is one of the best browsers in the world or probably the only best browser and can be used for web development. These extensions should work on the latest versions of the Firefox. In this post you will find 20 Awesome Firefox Add-ons For Web Developers. Subscribe to the feed if you would like to be informed for the latest posts.

You may also be interested in one of these older posts
Awesome And Free Fonts For Web Designers
13 Magnificent Free WordPress Portfolio Themes
13 Free Professional Looking WordPress Magazine Style/CMS Themes
25 Essential Tutorials And Resources For Learning CSS3

Make Firefox more powerful with these must-have add-ons for developers

1. Firebug

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

2. Web Developer

The Web Developer extension adds a menu and a toolbar with various web developer tools.

3. Console²

Console² (pronounced Console Squared or Console Two) replaces the JavaScript Console with what could be the next generation Error Console. From v0.5 includes the Console Filter extension previously available separately from the Console² website.

4. View Source Chart

Inspect the DOM at lightning speed. If you’re new to the containment concept, one glance at a Source Chart and you’re over the learning curve.

5. JSONView

View JSON documents in the browser.

6. Library Detector

Detects what javascript libraries are being used on the current page and displays the result as icons with detailed tooltips in the statusbar.

7. NoScript

The best security you can get in a web browser!
Allow active content to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.

8. SEO Doctor

SEO Doctor allows easy SEO diagnosis and problem solving for webmasters.

9. QuickJava

Allows quick enable and disable of Java, Javascript, Flash, Silverlight and Images from the Statusbar and/or Toolbar without having to open any dialogs!

10. Measure It

Measure It is an add-on that gives you a built-in ruler for measuring web page elements. It’s great for figuring out dimensions of things on a web page.

11. CSSViewer

CSSViewer allows you to inspect CSS properties on a web page that you’re viewing. It’s a great way to study styles that you’ve seen on websites to learn CSS development techniques.

12. Greasemonkey

Allows you to customize the way a webpage displays using small bits of JavaScript. …

13. Wappalyzer

Wappalyzer is an add-on for Firefox that uncovers the technologies used on websites.

14. Test Pilot

Become a Test Pilot and help us make Firefox better! As a non-profit organization, we rely upon the support of volunteers to help us understand how people are using the Web, and to test the usefulness of new and existing browser features.

15. IE Tab

IE Tab – an extension from Taiwan, features: Embedding Internet Explorer in tabs of Mozilla/Firefox..

16. FireFTP

FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.

17. User Agent Switcher

The User Agent Switcher extension adds a menu and a toolbar button to switch the user agent of the browser.

18. Autofill Forms

Autofill Forms enables you to fill out web forms with one click or a keyboard shortcut.

19. SQLite Manager

Manage any SQLite database on your computer.

20. QuickRestart

Ever needed to restart Firefox after enabling or disabling an extension, switching to a new theme, or modifying configuration files (such as userChrome.css or user.js)?

12 Indispensable Adobe AIR Apps for Web Developers – Up in the AIR

Naeem Noor — Thu, 22 Apr 2010 11:27:35 +0000

Adobe AIR is a cross-operating system runtime that lets developers combine HTML, Ajax, Adobe Flash, and Adobe Flex technologies to deploy rich Internet applications (RIA) on the desktop. Adobe AIR is a browserless runtime environment allows developers to use familiar tools such as Adobe Dreamweaver, Flex Builder 3, Flash CS3 Professional, or any text editor to build their applications. In this post you will find 12 of the best Indispensable Adobe AIR Apps for Web Developers. Please feel free to suggest some of the applications I did not mention. Subscribe to the feed if you would like to be informed for the latest posts.

Info: In order to run these apps you need to download and Install the AIR runtime, it can be downloaded from here.

1. Lita – SQLite Administration Tool

Lita is an administration interface for SQLite databases. It lets you edit your databases in a dedicated environment.

2. Designview

Provides basic functionality of the Flex Builder Design View.

3. Big Browser

Big Browser is a free cross platform browser allowing display of multiple websites in a single window

4. Bolso

Bolso is a front end tool for developers who are creating applications using Amazon.com’s SimpleDB web service.

5. SQLFury – SQL Injection Scanner

SQLFury is a developer tool for Adobe® AIR™, it performs scans of a website to identify SQL injection vulnerabilities.

6. De MonsterDebugger

De Monsterdebugger

De MonsterDebugger is an open source (released under the GPL license) debugger for Adobe® Flash™, Flex™ and AIR™.

7. Text Escaping-Unescaping

A collection of utilities for text escaping and unescaping in JavaScript.

8. Klok

Personal time tracking made easy

9. Luracast Flexplorer

Luracast Flexplorer is a quick .swc explorer that lets explore Flex components and their MXML properties

10. Icon Generator

Icon Generator is a little application that lets you generate a CS3 or Web 2.0 style icon, only 3 step. Pick color, type characters, and save it. Just create 4 different sizes of the icon.

11. Vertabase Timer

A fast & fun way to track time on projects, clients or tasks. Super easy to use with great charts & export options.

12. //aSnippet – Share what you code

//aSnippet enables you to save & share all of your frequently used code snippets (As3, As2, Js, PHP, HTML) in one place

130+ Free SEO Web Tools and Search Engine Optimization Software

Naeem Noor — Tue, 20 Apr 2010 15:24:40 +0000

In this post you will find a huge list of Free SEO (Search Engine Optimization) Web Tools and Softwares for SEO Specialist and Web developers. This roundup of SEO Web Tools should help speed up the SEO process of a website . I hope these essential SEO Web Tools which will come in handy. Please feel free to suggest some of the Web tools or softwares I did not mention. Subscribe to the feed if you would like to be informed for the latest posts.

Page Rank

1. Ranking Tool

Get a overview of your website’s ranking

2. PageRank Lookup

Check the PageRank for a website

3. PageRank Prediction

Predicted PR of a site

4. Multi Rank Checker

View your Google PageRank and Alexa Ranking in bulk

5. PageRank Checker

View your Google PageRank on differnet Google servers

Links Related

6. Reciprocal Link Checker

Check whether your link partners are linking back to your website

7. Text Link Quote

A popularity score given to a website based on inbound links

8. Link Price Calculator

A tool for checking the price of links

9. Link Checker

Check your links to see if it’s still valid or not

10. Link Popularity

Checks the total number of web pages which link to a website

11. Link Price Calculator

Help to determine the approximate amount you should be paying (or charging) per month for a text link (ad) from each and every page of the specified website

12. Site Link Analyzer

Analyze a given web page and return a table of data containing columns of outbound links and their associated anchor text

13. URL Rewriting

Convert dynamic URLs into static looking HTML URLs

14. Link Extractor

Extract links from a specific web page

15. Link Shortener

Shorten a web address

16. Backlink Anchor Text Analyzer

Check link text used by your backlinks to Link to your wesbite

Keyword Related

17. Keyword Verification Tool

Checks to see if your site is in the top three pages of a search engine result for a specific keyword

18. Keyword Density Analyser

Another SEO tools for keywords

19. Keyword Cloud

A visual representation of keywords used on a website

20. Keyword Density

Another SEO tool for checking keyword density

21. Keyword Difficulty Check

See how difficult it would be to rank for specific keywords or phrases

22. Keyword Optimize

Optimizer your keywords with this tool

23. Keyword Suggestion Tool

Find related keywords matching your search

Sitemap

24. XML Sitemaps Generator

Build your Site Map online (XML, ROR, Text, HTML)

25. GSiteCrawler

Google (and Yahoo!) Sitemap Generator for Windows

26. Validate XML Sitemap

Search Engine Optimizion Tool for validating your xml sitemaps

Search Engines

27. Google Analytics

Tells you everything about your visitors

28. Google Banned Checker

Check whether a site is banned by Google or not

29. Search Engine Bot Simulator

SEO Tool to simulate search engine parsing of webpages and display discovered links.

30. Indexed Pages

Check the no. of indexed pages for your blog

31. Spider Simulator

Simulates a search engine by displaying the contents of a web page

32. Search Engine Friendly Redirect Checker

Checks the exact HTTP headers that a web server is sending with an HTTP response.

33. Search Engine Position

Locate your search listings on Google and Yahoo!

34. Search Listings Preview

Preview your website on Google, MSN and Yahoo! Search

HTML Related

35. HTML Encrypt

Hide your HTML source code

36. HTML Optimizer

Optimize and clean your HTML source code

37. HTTP Headers

Extract the HTTP Headers of a web page

38. HTTP Headers Viewer

Check HTTP headers for any specific URL

39. Meta-tags Extractor

Extract meta-tags information from a web page

40. Meta-tags Generator

Generate and configure your meta-tags

41. Meta Analyzer

Analyze a website’s meta tags

42. Meta Tag Generator

Help you to generate meta tags

43. Source Code Viewer

View the source code of a page

Web stats

44. Whos.Among.us

Real-time stats for your website or blog.

45. Statcounter

Famous free web tracker

46. HiStats

Free, real time updated web stats service

47. Addfreestats

Provide free website statistics

Domain related

48. Alexa Traffic Rank

View and compare Alexa Ranking graphs

49. Domain Age Tool

Find out the age of your competitor’s domains

50. Domain Stats Tool

Get all kind of statistics of your competitor’s domains

51. Domain Availability

Check the availability of domains

52. Domain Look-up

Retrieve a range of information about a domain

53. Domain Whois

Retrieve domain whois information

54. Instant Domain Checker

Check the availability of domains instantly

55. Ping Test

Check the presence of an active connection

56. Reverse IP/Look-up

Resolve a host to an IP address

57. Server Status

Check if your website is online or offline

58. Website Speed Test

Find out how fast your website loads

59. What Is My IP Address

Shows your ip address

60. IP to City

Determine the Country, City, Latitude and Longitude of an IP Address

61. Website to Country

Determine the Country in which the specified website is Hosted

Google

62. Spam Report

Reporting Spam to Google Use Google to search your website

63. Website Sebmission

Submit your website to Google

64. Web Alerts

Monitor Keyword Phrases

65. Guidelines

Googles Guidelines for Websmasters

66. Facts

Facts for Webmasters

67. Contact Google

Having Trouble? Contact Google Directly

Search Engine Submissions

68. Google

69. Yahoo

You must have an account for this

70. Yahoo Directory Help

71. Yahoo Express Submit TOS

72. Yahoo Product Submit

73. MSN

74. Submit Express

75. Alexa

76. AOL

77. DMOZ Instructions

78. DMOZ Resource Forum

This is where you go when you website doesn’t show up in DMOZ after you have submitted

79. ExactSeek

Keyword Suggestion Tools

80. WordTracker & Overture Suggestions

This is the best one of the three

81. Link Analyzer

Analyze the ratio of internal links vs. external links.

82. Link Appeal

Want to know whether or not you actually want your link on that page?

83. Link City

This place has EVERY tool under the sun for everything you could ever possibly want

84. Link Reputation

Reveals backlinks pointing to the target URL along with a link survey for eack backlink.

85. Google PR Tools

A fantastic PageRank tool.

86. Protect Your e-mail address

Obfuscates your e-mail so spambots don’t pick it up from the Internet

87. Digital Points Ad Network

After using all of the tools and more on this page. This has helped out the rankings faster than anything else.

88. Sandbox Detection Tool

Is your website being sandboxed?

89. Spider Simulation

See what the spider sees on your website

90. SEO-Toys

These are some things that I had in my favorites. Some of them are okay.

91. Multiple SEO Tools

This website has a variety of misc. tools on it that you can use to better your search engine rankings.

92. Bot Spotter

This is a phenomenal script that will track what bots hit your website at what times. (Runs on PHP enabled websites)

93. Net Mechanic

This will break your website down and tell you any errors that you may be unaware of.

94. Statcounter

This will track your clients throughout the dynamically created pages of your website. This is a free service.

95. Dr. HTML

This will test your website for any errors that you may be unaware of and tell you how to fix them.

96. Page Rank Calculation

Calculates the PageRank of a webpage.

97. Adwords Suggestion

98. Overture Suggestion

Link Exchanging

99. Links Manager ($20.00US /mo)

This is great for the beginner however you will find out that you need to majorly adjust your pages manually in order to pread page rank throughout them otherwise you end up with 20 pages with no PR and 1 page with PR.

100. Page Rank Finder

101. Link Appeal

Website Design & Tools

Miscellaneous

102. FEED Validator

For Atom and RSS

103. W3C Markup Validation Service

Check for conformance to W3C Recommendations and other standards

104. Kontera Ads Preview

Preview Kontera Ads on your website

105. Online spell checker

Simple online spell checking tools

106. Browser Screen Resolution Checker

Shows what your site looks like with different screen resolutions

107. Your Browser Details

View your IP address and your browser details

108. Anonymous Emailer

Send e-mails to users anonymously

109. md5 Encrypt

Encrypt text to MD5

110. Online Calculator

A simple online calculator

111. ALink Reciprocal Link Checker

Checks Reciprocal Links

112. AMeta Meta Tag Editor

Ameta Meta tag editor

113. XML Sitemap Maker

Makes simple XML sitemaps

114. RSS Feed Maker

Simple RSS feed maker

115. Webpage Size Checker

Checks the size of the webpage

Website Design & Tools

Search Engine Relationship Chart

Bruce Clay does an excellent job of keeping this updated.

Link Popularity Checker

Checks the popularity of a link

Character Counting

This is great when optimizing your title or meta tags

Character Encoding

Converting Hex to Dec or Vias Versa

Ascii-Dec-Hex Conversion Code Chart

Decimal to hex conversion chart

Ascii-HTML View Conversion Chart

This is an excellent resource when placing ascii code on your website. Remember to use the correct character encoding)

Ascii Chart in .GIF Format

An Ascii chart in GIF Format

Customer Focus Tool

Tells you whether your website is focused on your customers or not)

Dead Link Checker

Doesn’t crawl links within Frames or JavaScript)

Adsense Simulator

This will give you an idea of what ads will be displayed on your website before you place them

Page Rank Finder

This is a great tool to find quality websites with the PR that you are looking for to exchange websites with.

Keyword Analysis Tool

This tool is a must. It’s quick and easy to use

Keyword Density Analyzer

Analyzes the density of a keyword

Keyword Difficulty Checker

You will need a Google API for this one

Free Google API

Google api for making applications

Rocket Rank

This will only check the top 20 of the following SE’s:

(All The Web DMOZ AltaVista Overture Excite Web Crawler HotBot Lycos What U Seek Yahoo)

Free Forms for your website TFMail

Validate Your HTML

HTTP Error Code Meanings

Keyword Tracking

Link Checker

Website Design & Tools

116. Search Engine Relationship Chart

Bruce Clay does an excellent job of keeping this updated.

117. Link Popularity Checker

Checks the popularity of a link

118. Character Counting

This is great when optimizing your title or meta tags

119. Ascii-Dec-Hex Conversion Code Chart

Decimal to hex conversion chart

120. Ascii-HTML View Conversion Chart

This is an excellent resource when placing ascii code on your website. Remember to use the correct character encoding)

121. Ascii Chart in .GIF Format

An Ascii chart in GIF Format

122. Customer Focus Tool

Tells you whether your website is focused on your customers or not)

121. Dead Link Checker

Doesn’t crawl links within Frames or JavaScript)

122. Adsense Simulator

This will give you an idea of what ads will be displayed on your website before you place them

123. Page Rank Finder

This is a great tool to find quality websites with the PR that you are looking for to exchange websites with.

124. Keyword Analysis Tool

This tool is a must. It’s quick and easy to use

125. Keyword Density Analyzer

Analyzes the density of a keyword

126. Keyword Difficulty Checker

You will need a Google API for this one

127. Free Google API

Google api for making applications

128. Free Forms for your website TFMail

129. Validate Your HTML

130. HTTP Error Code Meanings

131. Keyword Tracking

132. Link Checker

133. Character Encoding

134. Converting Hex to Dec or Vias Versa

List Of Essential PHP Quick References And CheatSheets

Naeem Noor — Mon, 15 Mar 2010 12:08:54 +0000

In this post you will find a list of PHP Cheat Sheets & Quick Reference Guides for PHP Specialist, Web Programmers, Coders & for Web developers for Quick coding with PHP. This roundup of PHP cheat sheets should help speed up the development process. I hope these essential PHP Cheat sheets which will surely come in handy. Please feel free to suggest some of the cheat sheets I did not mention. Subscribe to the feed if you would like to be informed for the latest posts.

PHP Cheat Sheet (V2) by AddedBytes

The second version of the PHP Cheat Sheet, a quick reference guide for PHP, with functions references, a regular expression syntax guide and a reference for PHP’s date formating functions.

Emezeta: PHP Cheat Sheet Card

Emezeta PHP Card is a PHP reference cheat sheet. You can download it in two formats: PNG and PDF, ready for print. Please, consider make a donation if PHP cheat sheet is useful.

PHP Refcard by DZone

PHP is the world’s most popular server-side Web scripting language. This reference card was created to help you quickly navigate some of PHP’s most commonplace features, including objectoriented programming, array and string manipulation, regular expressions, and MySQL integration.

PHP 5 Online Cheat Sheet v1.3

This is an online PHP 5 cheatsheet by serversidemagazine.com, very useful and a must bookmark

PHP Cheat Sheet from BlueShoes.com

This is another online cheatsheet by blueshoes.org.

PHP Manual : Quick Reference Guide

List of all the documented PHP functions.

PHP Skinny Sheet

A 2-page light and leanPHP cheatsheet

Apple PHP Widget Dashbaord

This widget displays all the excellent information from the popular PHP Cheat Sheet in widget form. This includes such handy information as date formatting and regular expression syntax. Lots of very helpful information.

16 WordPress Plugins Everyone Must Install

Naeem Noor — Mon, 05 Oct 2009 11:44:04 +0000

Hello there! as i have already published a few posts about wordpress themes and code snippets. This time i’ve decided to write about the wordpress plugins, There are hundreds of wordpress plugins available on the internet, but some of the wordpress plugins are most essential to run a successful blog. below is a list of 16 essential WordPress Plugins I cannot blog without.

I hope you will like the list and will use one of these plugins on your blog which i recommend. Feel free to Subscribe if you would like to be informed for the latest posts.

You may be interested in these older posts
13 Magnificent Free WordPress Portfolio Themes
15 Free Awesome Social Bookmark Icons Sets
5 Essential Google Cheat Sheets Which Surely Will Come in Handy

Akismet

Akismet checks your comments against the Akismet web service to see if they look like spam or not and lets you review the spam it catches under your blog’s “Comments” admin screen.

Code Keeper

CodeKeeper plugin retains the formatting of blocks and converts any characters to HTML entities when necessary. It is useful for small snippets of code that do not require colour-coding, line numbering, or the other effects offered by more powerful syntax highlighters.

FD Feedburner Plugin

It Redirects the main feed and optionally the comments feed to Feedburner.com. It does this seamlessly without the need to modify templates, setup new hidden feeds, modify .htaccess files, or asking users to migrate to a new feed. All existing feeds simply become Feedburner feeds seamlessly and transparently for all users.

Google XML Sitemaps

This plugin will create a Google sitemaps compliant XML-Sitemap of your WordPress blog. It supports all of the WordPress generated pages as well as custom ones. Everytime you edit or create a post, your sitemap is updated and all major search engines that support the sitemap protocol, like ASK.com, Google, MSN Search and YAHOO, are notified about the update.

jQuery lazy load plugin

Lazy loader delays loading of images in (long) pages. Images below the fold (far down in the page) wont be loaded before user scrolls down. This is opposite of image preloading. Using lazy load on long pages containing heavy image content makes page feels snappier. Browser is in ready state after loading visible images. No need to wait for unknown amount of pictures to load.

Login Lockdown

This plugin records the IP address and timestamp of every failed login attempt. If more than a certain number of attempts are detected within a short period of time from the same IP range, then the login function is disabled for all requests from that range.

WP Super Cache

This plugin generates static html files from your dynamic WordPress blog. After a html file is generated your webserver will serve that file instead of processing the comparatively heavier and more expensive WordPress PHP scripts. 99% of your visitors will be served static html files.

Stealth Login

This plugin allows you to create custom URLs for logging in, logging out, administration and registering for your WordPress blog. Instead of advertising your login url on your homepage, you can create a url of your choice that can be easier to remember than wp-login.php, for example you could set your login url to http://www.myblog.com/login for an easy way to login to your website.

Platinum SEO Pack

This Plugin is the ultimate wordpress SEO solution .Platinum SEO Plugin offers all the features of All in One SEO plugin plus more.

Yet Another Related Posts Plugin

(YARPP) gives you a list of posts and/or pages related to the current entry, introducing the reader to other relevant content on your site. This plugin requires that your database run on MySQL 4.1 or greater.

Contact Form 7

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

WordPress Database Backup

WP-DB-Backup allows you easily to backup your core WordPress database tables. You may also backup other tables in the same database.

Add to Any: Share/Bookmark/Email Button

Help readers share, save, bookmark, and email your posts and pages using any service, such as Facebook, Twitter, Digg, Delicious, and over 100 more social bookmarking and sharing sites. The button comes with AddToAny’s customizable Smart Menu, which places the services visitors use at the top of the menu, based on each visitor’s browsing history.

WP-PageNavi

Adds a more advanced paging navigation your WordPress blog.

WordPress.com Stats

This Plugin collects information about your pageviews, which posts and pages are the most popular, where your traffic is coming from, and what people click on when they leave. It’ll also add a link to your dashboard which allows you to see all your stats on a single page. Less is more.

Google Analytics for WordPress

The Google Analytics for WordPress plugin automatically tracks and segments all outbound links from within posts, comment author links, links within comments, blogroll links and downloads. It also allows you to track AdSense clicks, add extra search engines, track image search queries and it will even work together with Urchin.

Top 10 WordPress Codes Every Designer Should Know

Naeem Noor — Fri, 07 Aug 2009 05:00:22 +0000

Hello there! Here I collected a very great collection of 10 WordPress codes that I consider the most commonly used by any WordPress developer. The content was reformatted for quick reference from the Template Tag section of the WordPress.org Codex, a relative encyclopedia to WordPress themeing, and great reference for your WordPress questions.

Here are the list of most commonly used WordPress code snippets by designers. If I’ve missed any WordPress code, please comment below.

Display Recent Posts

foreach ($recentposts as $post) : setup_postdata($post); ?>

Display Categories

`Categories`

Display Archives

`Archives`

Display WordPress Tags Cloud

Display Blogroll

Display WordPress Tags

Display a Pages Menu

`Pages`

Display Recent Comments

global $wpdb; $sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,30) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' ORDER BY comment_date_gmt DESC LIMIT 10"; $comments = $wpdb->get_results($sql); $output = $pre_HTML; $output .= "\n

";
 foreach ($comments as $comment) {
 $output .= "\n".strip_tags($comment->comment_author)
 .":" . "ID) .
 "#comment-" . $comment->comment_ID . "\" title=\"on " .
 $comment->post_title . "\">" . strip_tags($comment->com_excerpt)
 ."
";
 }
 $output .= "\n

";
 $output .= $post_HTML;
 echo $output;?>

Display Admin Section


 
 

 WordPress

 
 XHTML

Display Top Comments

get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 10"); foreach ($result as $topten) { $postid = $topten->ID; $title = $topten->post_title; $commentcount = $topten->comment_count; if ($commentcount != 0) { ?>

title=""> ?>

5 Essential Google Cheat Sheets Which Surely Will Come in Handy

Naeem Noor — Tue, 07 Jul 2009 18:23:28 +0000

Cheat sheet is a reference tool that provides simple, brief instructions for accomplishing a specific task. I have collected a bunch of essential Google Cheat sheets which will surely come in handy. Please feel free to suggest some of the cheat sheets I did not mention.