Posts Tagged Tools

Best Tools to help Web Developer for easy work

Image optimization

https://kraken.io/web-interface

 http://html.validator.pro/#/start

 

Typetester

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.


pForm

Create a HTML forms in seconds.


ColourLovers

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


Firebug

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.


WhatTheFont

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.


MeasureIt

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


ColorZilla

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


Pingdom

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.


Domainr

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

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

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


2) Password Match Validation

<?php
$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
<?php

$email = “someone@example.com”;

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

<?php
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
if(checkdate($parts[2],$parts[3],$parts[1]))
return true;
else
return false;
}
else
return false;
}
//Usage :
print_r(checkDateFormat("2008-02-29")); //return true
print_r(checkDateFormat("2007-02-29")); //return false
?>


5) Validate URL

^(?:https?:\/\/)?(?:[a-z0-9-]+\.)*((?:[a-z0-9-]+\.)[a-z]+)
Explanation
^ # 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
if(preg_match("/^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/",$ip_addr))
{
//now all the intger values are separated
$parts=explode(".",$ip_addr);
//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;
}
else
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.

 

Loads.in – Loads.in 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) →