Web Style Press, Best Practices from all the Web, Build Better Websites » tool http://www.webstylepress.com Web VS Style Mon, 26 Dec 2011 10:35:53 +0000 en hourly 1 http://wordpress.org/?v=3.3 Lorem ipsum Ready to Use http://www.webstylepress.com/lorem-ipsum-ready/ http://www.webstylepress.com/lorem-ipsum-ready/#comments Sun, 10 Apr 2011 20:17:10 +0000 Hiroshi http://www.webstylepress.com/?p=784 Lorem ipsum Ready to Use is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]> Lorem ipsum is a place holder text. Publishers and graphic designers need it every day in almost every task. Lorem ipsum is commonly used to demonstrate the visual presentation of fonts, typography or layout. An example of lorem ipsum paragraph is below:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

What if you need lorem ipsum ready to use in different forms. e.g. lorem ipsum long paragraph, lorem ipsum medium paragraph, lorem ipsum one sentence, lorem ipsum ordered lists, lorem ipsum unordered lists, lorem ipsum form, lorem ipsum definition list, lorem ipsum navigation and more?

HTML Ipsum is a resource that offers ready to use Lorem Ipsum text in many forms. If you do not know HTML and want to use HTML elements, then this is a handy site for that as well. HTML Ipsum will make adding tables, ordered lists, and more headache-free. Find the HTML you’re after, copy and paste it into your HTML editor, and replace the text with your own. No sign-up, invite-requesting, tweeting or liking required. Just head to the site and use it.

lorem-ipsum

HTML Ipsum
What is Lorem Ipsum
Lorem Ipsum at Wikipedia

Lorem ipsum Ready to Use is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

]]> http://www.webstylepress.com/lorem-ipsum-ready/feed/ 0 Chatbox For Websites and Blogs http://www.webstylepress.com/chatbox-for-websites-blogs-forums/ http://www.webstylepress.com/chatbox-for-websites-blogs-forums/#comments Mon, 01 Dec 2008 04:33:52 +0000 Hiroshi http://www.webstylepress.com/?p=471 Chatbox For Websites and Blogs is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]> To listen to customers or your online visitors there have been many solutions but this one is very simple, easy and easy. Shoutbox a.k.a tagboard/chatbox, is an easy to use messaging system that allows you to interact with others instantly while you are at website. A shoutbox can be placed on your blog or website. Your visitors can then easily post comments in it. They can also use the shoutbox to chat with you and other visitors at the same time. The free shoutbox has both IP and URL banning features also! Everything is customizable. One minute setup.

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

]]> http://www.webstylepress.com/chatbox-for-websites-blogs-forums/feed/ 0 Add Media Player With Playlist to Any Website http://www.webstylepress.com/add-media-player-with-playlist-to-any-website/ http://www.webstylepress.com/add-media-player-with-playlist-to-any-website/#comments Mon, 01 Dec 2008 04:30:42 +0000 Hiroshi http://www.webstylepress.com/?p=474 Add Media Player With Playlist to Any Website is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]>

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

]]> http://www.webstylepress.com/add-media-player-with-playlist-to-any-website/feed/ 2 Code Hider Tool – Lock Webpage Code http://www.webstylepress.com/code-hider-tool-lock-webpage-code/ http://www.webstylepress.com/code-hider-tool-lock-webpage-code/#comments Sat, 08 Nov 2008 08:52:45 +0000 Hiroshi http://www.webstylepress.com/?p=455 Code Hider Tool – Lock Webpage Code is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]> This code is property of http://www.cgiscript.net and original updated code can be found from there.

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

]]> http://www.webstylepress.com/code-hider-tool-lock-webpage-code/feed/ 2 Visually Inspect and Edit CSS and HTML To Perfection http://www.webstylepress.com/visually-inspect-edit-css-html/ http://www.webstylepress.com/visually-inspect-edit-css-html/#comments Mon, 27 Oct 2008 08:56:49 +0000 Hiroshi http://www.webstylepress.com/?p=333 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

]]> Firebug is an ultimate and unique powerful solution for web developers 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.

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

]]> http://www.webstylepress.com/visually-inspect-edit-css-html/feed/ 0 Online Full Free XML Sitemap Generator http://www.webstylepress.com/full-free-xml-sitemap-generator/ http://www.webstylepress.com/full-free-xml-sitemap-generator/#comments Mon, 27 Oct 2008 07:03:03 +0000 Hiroshi http://www.webstylepress.com/?p=328 Online Full Free XML Sitemap Generator is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]>

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

]]> http://www.webstylepress.com/full-free-xml-sitemap-generator/feed/ 1 Astyle Visual CSS Editor http://www.webstylepress.com/astyle-visual-css-editor/ http://www.webstylepress.com/astyle-visual-css-editor/#comments Tue, 23 Sep 2008 21:20:15 +0000 Hiroshi http://www.webstylepress.com/?p=89 Astyle Visual CSS Editor is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]>

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

]]> http://www.webstylepress.com/astyle-visual-css-editor/feed/ 0 Write Urdu In Web Pages http://www.webstylepress.com/write-urdu-in-web-pages/ http://www.webstylepress.com/write-urdu-in-web-pages/#comments Mon, 08 Sep 2008 15:23:43 +0000 Hiroshi http://www.webstylepress.com/?p=47 Write Urdu In Web Pages is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]> Have you visited http://www.urdupoint.com or http://www.bbcurdu.com. I am sure you did. These websites use Urdu fonts. There are many ways of using Urdu in web pages. However whatever you do you will have to define charset UTF-8 in head section of web page for that like below.

<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.

write urdu in web pages by character map

Two: Using Numbers

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

This was written using

&#1580;&#1575;&#1608;&#1610;&#1583; &#1582;&#1604;&#1610;&#1604;

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.

urdu-in-notepad Type Urdu Or Your Native Language In Any Windows Program Or Application

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

]]> http://www.webstylepress.com/write-urdu-in-web-pages/feed/ 7 Color Schemers and Resources – Online Color Scheme Tools http://www.webstylepress.com/color-schemers-and-resources/ http://www.webstylepress.com/color-schemers-and-resources/#comments Mon, 08 Sep 2008 10:00:48 +0000 Hiroshi http://www.webstylepress.com/?p=36 Color Schemers and Resources – Online Color Scheme Tools is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]> For color picker I would recommend you the color cop which is a little software to get color from any area of your screen. Here I want to share some online color resources and color scheme makers for designer’s inspiration.

Kuler (Explore, create, and share color themes)

Discover Adobe Kuler. Online application for generating color themes that can inspire any project. Whether you’re creating websites, interior designs, scrapbooks, graphic identities, or any other visual, experiment quickly with color variations and browse thousands of themes from the Kuler community. Kuler uses Adobe Flash technology and works both as a standalone tool and with Adobe Creative Suite software.

adobe color schemes

Kuler Website

Color Match

Select from list of colors and generate cool color schemes for web layout.

color schemer

Color Match

Color Schemer

This website contains color picker tools and also many cool color schemes.

Color Schemer

More Resources

Online Color Picker
Color Palette
Color Meditation, Color Therapy
Color Meaning

What colors are hiding?

Warning: Following link contains bold graphics to show the feeling or impression of different colors. If you are not comfortable with that, please do not visit this link. Characteristics of Colors

Color Schemers and Resources – Online Color Scheme Tools is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

]]> http://www.webstylepress.com/color-schemers-and-resources/feed/ 0