Stella

Stella is a tool for monitoring and debugging websites. Find out how fast your website/blog is. Enter its URL and click “Run checkup”. You’ll get a result indicating how your site compares to the average speed of others checked that day, as well as an idea of how fast your site is considered in plain English. For example: “Not so fast.”

Webpage Test

Enter the website URL and test website’s performance. Check website performance against different web browsers. It will give you estimate of website load time and optimization checklist to optimize website performance.

Pingdom

Test webpage performance in detail. You can also get the email and sms alerts on website downtime and check website performance every minute. The Full Page Test loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser. The load time of all objects is shown visually with time bars. You can view the list of objects either in load order or as a hierarchy. The hierarchy view allows you to see which objects are linked to in for example a CSS file. Every test also shows general statistics about the loaded page such as the total number of objects, total load time, and size including all objects.

Browser Mob

A quick and easy way to get performance data on any website. Browsermob is website performance analysis tool that can be used to test website load time and performance and give results in many way.

Rapid Website speed check

The website speedtester shows the load time duration of a given website. This value can be used for showing how long a website takes to load and if it is better to optimize the website or change a (slow) ISP.

Which Loads Faster

Compare two websites side by side for speed and load performance. Pages compete head-to-head in your browser to see who’s fastest!

Website Optimization Speed Test

Website complete speed test report and optimization suggestion.

Website Speed Test

Calculate website load time and page size.

WebWait

Calculate website average load time.

iWebTool Websites Speed Comparison

Compare average speed for multiple websites at the same time. Find out how fast your website loads.

Self SEO Website Speed Test

Compare your website speed with the sites of your competitors. Calculate page size, page load time and average load speed.

Vertain Speed Test

Calculate website load speed.

12 Excellent Website Speed and Performance Test and Compare Tools is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Modern Font Styles For Websites
• Chatbox For Websites and Blogs
• Advanced Notepad
• Designing Elements – Bullets and Icons Downloads
• Force File download – Do Not Display Open In Browser
• Load External SWFs With Smooth Transition
• Javascript Essentials Part 6
• Correct Way To Use Robots.txt File
• Lorem ipsum Ready to Use
• Spamming Techniques Evolved

Shout Mix Website

http://www.shoutmix.com/main/

Chatbox For Websites and Blogs is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Lorem ipsum Ready to Use
• Add Media Player With Playlist to Any Website
• Code Hider Tool – Lock Webpage Code
• Visually Inspect and Edit CSS and HTML To Perfection
• Online Full Free XML Sitemap Generator
• Astyle Visual CSS Editor
• Write Urdu In Web Pages
• Color Schemers and Resources – Online Color Scheme Tools

A revolutionary and easy to use music player that plays audio on your website. Link to audio, get single line of code and play. It is that easy. Light weighted media player which will not disturb your website layout. You can manage play lists and customize it in the way you want it.

Features

• Adds audio to your site with one line of HTML
• Uses simple, easy-to-hack HTML instead of complicated proprietary markup, ushering in the REAL Media Web
• Magical floating design never gets lost, is available when you need it, gets out of your way when you don’t need it
• Automatically finds all audio links on your page, turning your page into a playlist
• Plays all your blog entries with a single button click
• Allows you to put the play buttons where they belong: IN CONTEXT
• Keeps the user in the page rather than sending them away to a media player
• Picks up your images and adds them as cover art
• Requires no download, install or maintenance

http://mediaplayer.yahoo.com

Add Media Player With Playlist to Any Website is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Lorem ipsum Ready to Use
• Chatbox For Websites and Blogs
• Code Hider Tool – Lock Webpage Code
• Visually Inspect and Edit CSS and HTML To Perfection
• Online Full Free XML Sitemap Generator
• Astyle Visual CSS Editor
• Write Urdu In Web Pages
• Color Schemers and Resources – Online Color Scheme Tools

Purpose of this tool is to lock the HTML code. If you want to secure your HTML code or any part of web page then this tool is very useful for that.

Download Code Locker Tool

Code Hider Tool – Lock Webpage Code is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Email Riddler – Secure Email Link
• Lorem ipsum Ready to Use
• Chatbox For Websites and Blogs
• Add Media Player With Playlist to Any Website
• Protect Your WordPress Blog From Hotlinking
• Javascript Essentials Part 1
• 680 Adobe Photoshop Shapes – Download Free
• Designing Elements – Bullets and Icons Downloads
• Visually Inspect and Edit CSS and HTML To Perfection
• Online Full Free XML Sitemap Generator

<html><body>
<table border="0" cellpadding="5" cellspacing="0">
  <tr>
    <td align="center" valign="middle" bgcolor="#eeeeee">
<table border="0" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF">
        <tr> 
          <td align="center" valign="middle"> <SCRIPT LANGUAGE="JavaScript">
monthnames = new Array(
"January",
"Februrary",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"Decemeber");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0) 
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table border=0 bgcolor=#FFFFFF ");
document.write("bordercolor=black><font color=black face=verdana>");
document.write("<tr><td colspan=7><center><strong>" 
+ monthnames[thismonth] + " " + thisyear 
+ "</strong></center></font></td></tr>");
document.write("<tr>");
document.write("<td align=center>Su</td>");
document.write("<td align=center>M</td>");
document.write("<td align=center>Tu</td>");
document.write("<td align=center>W</td>");
document.write("<td align=center>Th</td>");
document.write("<td align=center>F</td>");
document.write("<td align=center>Sa</td>"); 
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
      }
   }
}
if (count==thisdate) {
document.write("<font color='E44401'><strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
</SCRIPT> </td>
        </tr>
      </table>
    </td>
  </tr>
</table></body></html>

Download Simple Calendar Script

Create Simple Javascript Based Calendar is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Advanced JS Calendar
• Javascript Essentials Part 6
• Javascript Essentials Part 5
• Javascript Essentials Part 4
• Javascript Essentials Part 3
• Javascript Essentials Part 2
• Javascript Essentials Part 1
• Use Any Font in Webpages As Text
• Change Image Opacity Easily Using CSS or JS
• Create jQuery Smooth News Rotator

Inspect and edit HTML

Firebug makes it simple to find HTML elements buried deep in the page. Once you’ve found what you’re looking for, Firebug gives you a wealth of information, and lets you edit the HTML live.

Tweak CSS to perfection

Firebug’s CSS tabs tell you everything you need to know about the styles in your web pages, and if you don’t like what it’s telling you, you can make changes and see them take effect instantly.

Visualize CSS metrics

When your CSS boxes aren’t lining up correctly it can be difficult to understand why. Let Firebug be your eyes and it will measure and illustrate all the offsets, margins, borders, padding, and sizes for you.

Quickly find errors

When things go wrong, Firebug lets you know immediately and gives you detailed and useful information about errors in JavaScript, CSS, and XML.

Explore the DOM

The Document Object Model is a great big hierarchy of objects and functions just waiting to be tickled by JavaScript. Firebug helps you find DOM objects quickly and then edit them on the fly.

Execute JavaScript on the fly

The command line is one of the oldest tools in the programming toolbox. Firebug gives you a good ol’ fashioned command line for JavaScript complete with very modern amenities.

and many more useful functions…

Firebug Home Page

Mozilla Firefox Ad-on Page

Visually Inspect and Edit CSS and HTML To Perfection is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Lorem ipsum Ready to Use
• Chatbox For Websites and Blogs
• Add Media Player With Playlist to Any Website
• Code Hider Tool – Lock Webpage Code
• Online Full Free XML Sitemap Generator
• Astyle Visual CSS Editor
• Write Urdu In Web Pages
• Color Schemers and Resources – Online Color Scheme Tools

This online free sitemap Generator allows you generate XML Sitemaps, Yahoo and Google Sitemaps, check your site for errors and much more! You just enter website, choose options and hit start button. After it is done you can export your website data in many formats as:

• URL list in txt file
• CSV File
• XML File
• Sitemap XML File
• HTML SiteMap
• HTML Report

Screenshots

Click at images to enlarge.

Full Website Free XML Sitemap Generator Website

Online Full Free XML Sitemap Generator is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Slow VPS or PS Means Less Page Rank Less Visitors Less Earning
• Astyle Visual CSS Editor
• Lorem ipsum Ready to Use
• No Follow Your Own Blog Pages for Better PR
• 15 Best Chrome Addons For Bloggers and Web Developers
• Find out Exact Reach of Sites and Comparison with Each Other in Real Time
• Chatbox For Websites and Blogs
• Add Media Player With Playlist to Any Website
• Code Hider Tool – Lock Webpage Code
• Correct Way To Use Robots.txt File

markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any TextArea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented.

markItUp! is a very lightweight, customizable and flexible engine made to meet the developer’s needs in their CMSes, blogs, forums or websites. MarkItUp! is not a WYSIWYG editor.

• Fast and unobtrusive integration
• Support for keyboard shortcuts
• Toolbar and drop down menus
• Fully customizable and scriptable
• Editor’s features callable from any place
• Ajax dynamic preview
• Customizable Skins

Markitup Home

Markitup – Universal Markup Editor – Rich Text Editor is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Advanced Notepad
• jQuery Fancy Date Picker
• jQuery Cheats Sheet
• Create jQuery Basic Hide Show Function
• Create jQuery Smooth News Rotator
• Accessible News Slider jQuery Plugin Download
• Astyle Visual CSS Editor
• LavaLamp Navigation
• jCarousel Lite Scroll – Fancy Scroll

CSS (Cascading Style Sheets) allows you to separate the representation definitions of such structured documents as HTML, XHTML, XML from their content, which is an effective principle in the design of web sites. Astyle is a free CSS editor for developers with many features.

• Visual easy-to-use interface
• Graphic tree-type view of attachment files and the CSS structure
• Grouped view of properties and selectors
• Automatic selection and grouping of CSS selectors from a markup language document
• Source CSS, HTML, XML highlight code editor
• Active preview current selectors and documents with IE and Mozilla support
• Clean up HTML document via CSS
• Icon associate dictionary
• Copy, Paste and Cut operations
• Drag and Drop operations

Astyle Visual CSS Editor

Astyle Visual CSS Editor is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Online Full Free XML Sitemap Generator
• Lorem ipsum Ready to Use
• Change Image Opacity Easily Using CSS or JS
• Chatbox For Websites and Blogs
• Add Media Player With Playlist to Any Website
• How to Gain Maximum from CSS
• Code Hider Tool – Lock Webpage Code
• Visually Inspect and Edit CSS and HTML To Perfection
• Create Rounded Flexible Div Without Images
• Modern Font Styles For Websites

<meta http-equiv=content-type content="text/html; charset=UTF-8">

METHODS OF USING URDU IN WEB PAGES

One: Using Character Map

Write command charmap in run and press enter. Character map window will open offering you many characters to choose, write and copy. In figure below if you notice you can select words and write these by clicking and also it gives its utf value which is in numbers. You can write there urdu text and copy and then past in msword in form of Urdu.

Two: Using Numbers

Consider following Urdu Name
جاويد خليل

This was written using

جاويد خليل

Three: Using Urdu Keyboard Based Text Area

I have a text area in which we can write text in Urdu and English.

Demo: Launch Application

Download Urdu Typing Text area

Four: Using Phonetic Keyboard

By this method, you can type Urdu in any program, even in notepad or text pad or ms word. This keyboard is a software which installs language tool bar into your system and you will have to install extra fonts and language support for Urdu language and then you can switch between Urdu and English while typing.

To download software and detailed instruction follow the link below.

Phonetic Keyboard and Urdu language toolbar

Here is a tool you can use online to write Urdu and then copy paste that Urdu text in any program or email.
Urdu Typing Online Tool

Write Urdu In Web Pages is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Lorem ipsum Ready to Use
• Convert from InPage to Urdu Unicode Text
• Chatbox For Websites and Blogs
• Add Media Player With Playlist to Any Website
• Code Hider Tool – Lock Webpage Code
• Visually Inspect and Edit CSS and HTML To Perfection
• Online Full Free XML Sitemap Generator
• Astyle Visual CSS Editor
• Color Schemers and Resources – Online Color Scheme Tools