Posts Tagged Tools

Best Tools to help Web Developer for easy work

Image optimization



The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.


Create a HTML forms in seconds.


COLOURlovers is an international creative community that helps people discover their inner designer.


Firebug 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

HTML Entity Character Lookup

Using HTML entities is the right way to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters.

960 Grid System

Em Calculator

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

Browser Shots

Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website’s browser compatibility in one place.

Icon Finder

Iconfinder provides high quality icons for webdesigners and developers in an easy and efficient way. The site launched in 2007 as the first search engine focused on icons.


Seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest matches of that font.


Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.


Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies…


Pingdom Test tool to help you analyze the load speed of your websites and learn how to make them faster. It lets you identify what about a web page is fast, slow, too big, what best practices you’re not following, and so on.

Test Everything

CSS Sprite Generator

CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image.

Web Developer Toolbar

The Web Developer extension adds various web developer tools to the browser.


When you want a short URL or something big, Domainr will find it, fast.

Font Burner

Font Burner is a website enhancement tool that makes it easy for you to add new fonts to your website.

Smush.It uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a “lossless” tool, which means it optimizes the images without changing their look or visual quality.

Load Impact

Load Impact is a leading online load testing service that lets you load test your website over the Internet. It’s a true On Demand service, where you can start testing instantly and there are no licenses fees. You simply pay as you go.

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Regular Expressions for PHP Developers

Regular expressions syntax

Regular Expression Action
xyz The string “xyz”
^xyz “xyz” at the start of a string
xyz$ “xyz” at the end of a string
^xyz$ “xyz” when it is alone on a string
[abc] a, b, or c
[a-z] Any lowercase letter
[^A-Z] Any character not included a uppercase letter
(gif|jpeg) Matches either “gif” or “jpeg”
[a-z]+ One or more lowercase letters
[0-9.-] Any number, dot, or minus sign
^[a-zA-Z0-9_]{2,}$ Any word of at least two letter, number or _
([wx])([yz]) wy, wz, xy, or xz
[^A-Za-z0-9] Any Symbols (No Numbers or Letters, Only Symbols)
([A-Z]{4}|[0-9]{5}) Matches four letters or five numbers

PHP regular expression functions

Function Description
preg_match() The preg_match() function searches string for pattern, returning true if pattern exists, and false otherwise.
preg_match_all() The preg_match_all() function matches all occurrences of pattern in string.
preg_replace() The preg_replace() function operates just like ereg_replace(), except that regular expressions can be used in the pattern and replacement input parameters.
preg_split() The preg_split() function operates exactly like split(), except that regular expressions are accepted as input parameters for pattern.
preg_grep() The preg_grep() function searches all elements of input_array, returning all elements matching the regexp pattern.
preg_quote() Quote regular expression characters

1) String Match

function alphaNumericCheck($element) {
return !preg_match ("/[^A-z0-9_\-]/", $element);

2) Password Match Validation

$password = "Fyfjk34sdfjfsjq7";
if (preg_match("/^.*(?=.{8,})(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).*$/", $password)) {
echo "Your passwords is strong.";
} else {
echo "Your password is weak.";

3) Email Address Validation

$email = “”;

if(eregi(“^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$”, $email)) {

echo “Valid email address.”;


else {

echo “Invalid email address.”;



4) Date Format Validation

function checkDateFormat($date)
//match the format of the date
if (preg_match ("/^([0-9]{4})-([0-9]{2})-([0-9]{2})$/", $date, $parts))
//check weather the date is valid of not
return true;
return false;
return false;
//Usage :
print_r(checkDateFormat("2008-02-29")); //return true
print_r(checkDateFormat("2007-02-29")); //return false

5) Validate URL

^ # start-of-line
(?: # begin non-capturing group
https? # "http" or "https"
:// # "://"
)? # end non-capturing group, make optional
(?: # start non-capturing group
[a-z0-9-]+\. # a name part (numbers, ASCII letters, dashes) & a dot
)* # end non-capturing group, match as often as possible
( # begin group 1 (this will be the domain name)
(?: # start non-capturing group
[a-z0-9-]+\. # a name part, same as above
) # end non-capturing group
[a-z]+ # the TLD
) # end group 1

Validating URL using regular expressions:

function isValidURL($url) {
return preg_match('|^http(s)?://[a-z0-9-]+(.[a-z0-9-]+)*(:[0-9]+)?(/.*)?$|i', $url);

Validating URL using filter_var:

function isValidURL($url) {

if (filter_var($url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED)) return true;
else return false;

Validating Email using regular expressions:
function isValidEmail($email) {
return preg_match(“^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$^”, $email);

Validating Email using filter_var:
function isValidEmail($email) {
if (filter_var($email, FILTER_VALIDATE_EMAIL)) return true;
else return false;

6) Ip address validation in PHP using regular expression

function validateIpAddress($ip_addr)
//first of all the format of the ip address is matched
//now all the intger values are separated
//now we need to check each part can range from 0-255
foreach($parts as $ip_parts)
if(intval($ip_parts)>255 || intval($ip_parts)<0)
return false; //if number is not within range of 0-255
return true;
return false; //if format of ip address doesn't matches

7) Get all images from a HTML document



8) Remove repeated words (case insensitive)


9) Remove repeated punctuation

10) Matching a XML/HTML tag



11) Matching an XHTML/XML tag with a certain attribute value


Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Helpful Tools for Web developers – every web developer must try it

Web Development will take more time to develop a website. so i like to help web developers to do t heir job in easiest and fastest way. i hope this article will help to every web developers even for web designer also


Bland Text Generator – This handy tool helps you create dummy text for all your layout needs



Adobe BrowserLab is a browser compatibility service that provides designers exact renderings of their pages on all major web browsers


CSS Typeset is an online CSS generator for the text.


Font comparer – Just type in a few words and see how it will look like in different fonts.


SpriteBox – SpriteBox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image.


CopyPaste Character – Great and simple tool for copy and paste web special characters.


CSSWrap – A pretty cool CSS text to path generator.


PunyPNG – PunyPNG is an impage compressor for designers and developers. It can reduces the file size of your images without any loss of quality.


Pingdom – Pingdom test the load time of your website, analyze it and find bottlenecks. – calculate the loading time of your website.


I hope you will enjoy this post, please share your comments…

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →