If you wish to have a professional shared hosting quality in a free hosting package, come and host with 000webhost.com and experience the best service you can get absolutely free.

Founded in December 2006, 000webhost.com has a trusted free hosting members base of over 60,000 members and still counting! Offering professional quality hosting, support, uptime and reliability, we have a great community of webmasters, you'd love to be a part of!

Register now and get it all free:
*** 350 MB of disk space
*** 100 GB of data transfer
*** PHP and MySQL support with no restrictions
*** cPanel control panel
*** Website Builder
*** Absolutely no advertising!

Here are some of my online project based using this nice free webhost

Drupalism
Crafynezz Site

Join us now: http://www.000webhost.com/

The User Agent Switcher extension adds a menu and a toolbar button to switch the user agent of the browser. It is designed for Firefox, Flock and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.

Download for Firefox/Flock/Seamonkey

I've been using Komodo IDE at my work because it's the best web developer editor but If I wanna do my work at home, I would need to buy the license which is worth $295.00 which I can't afford. Good thing though that Activestate has release an open version of Komodo IDE which called "Komodo Edit".

Komodo Edit Features:
*All the languages: Dynamic language expertise for Perl, PHP, Python, Ruby, and Tcl, plus JavaScript, CSS, HTML, and XML, and template languages like RHTML, Template-Toolkit, HTML-Smarty and Django.

*All the platforms: Windows, Mac, Linux.

*Award-wining tools: Tools like autocomplete and calltips, multi-language file support, syntax coloring and syntax checking, Vi emulation, Emacs key bindings, and more.

*Firefox-style extensibility:Download some of the cool extensions from member of the Komodo community.

Get the latest version of Komodo Edit here.

TSW phpCoder 2008 is a fully featured PHP IDE. With all the features you will ever need for creating beautiful and dynamic websites, all packed up into one application, TSW phpCoder will save you both time and money.

Download Phpcoder

Here are some of the New Features of the upcoming Dreamweaver CS4.

Live View

View your web pages under real-world browser conditions with the new Live View in Dreamweaver - while still retaining direct access to the code. The new rendering mode, which uses the open source rendering engine WebKit, displays your designs like a standards-based browser.

Related Files

Manage the various files that make up the modern web page more efficiently in Dreamweaver. The Related Files feature displays all the documents associated with your current page, whether CSS, JavaScript, PHP, or XML, in a bar along the top of your document.

Code Navigator

The new Code Navigator pop-up window shows you all the code sources that affect your current selection. A click in either Code or Design view brings up the Code Navigator pop-up, which displays CSS rules, server-side includes, external JavaScript functions, Dreamweaver templates, Library files, iframe source files, and more.

CSS best practices

The Property inspector's new CSS tab shows the styles for the current selection as well as all the applicable CSS rules. Hover over any property to view a tool tip with jargon-free English explanations of CSS principles. New CSS rules can be created and applied in the Property inspector panel and stored in the same document or an external style sheet.

Code hinting for Ajax and JavaScript frameworks

Write JavaScript more quickly and accurately with improved support for JavaScript core objects and primitive data types. Work with popular JavaScript frameworks including jQuery, Prototype, and Spry.
HTML data sets

With HTML data sets functionality, you can create your data in a standard HTML table, a series of div tags, or even an unordered list and then choose Insert > Spry > Spry Data Set to integrate that data into a dynamic table on the page with sortable columns, a master-detail layout, or other sophisticated displays.

Photoshop Smart Objects

Photoshop and Dreamweaver integration has evolved to the next level of compatibility and functionality. Drag and drop an Adobe Photoshop® PSD file into a Dreamweaver page to create an image Smart Object.

Subversion integration

Dreamweaver integrates Subversion software for a more robust check-in/check-out experience with file versioning, rollback, and more. Once you've defined Subversion as your version control system, you can update your site to get the latest versions of its pages directly from within Dreamweaver; no third-party utility or command-line interface is required.

Adobe® AIR%u2122 authoring support

Create multiplatform desktop applications from your Dreamweaver HTML and JavaScript sites with new Adobe AIR%u2122 authoring support.

New user interface

Work faster and smarter across Dreamweaver and other components of the next version of Adobe Creative Suite® thanks to a new level of integration and common user interface elements.

Click Here try out the beta version of Dreamweaver CS4

The debate for the which is best Content Manage System has been a long one as both systems has its own advantages and disadvantage. As a web developer, we should know which system fits our preference and/or our project.

I did an extensive research and I have come up with this conclusion.

Use Joomla when:

* you don't run membership site(s)

* you don't need user groups & permissions

* you don't need one log-in to several sites

* you want a candy site and don't mind several other sites using the
same template(s)

* you don't need SEO out of the box

* you don't care about server resources

* you're running (or planning to to run) only one or max a couple of
sites

* you don't know about the tech stuff at all

* you don't want to learn the tool you're using

* you don't need to integrate other scripts etc. to your site

* you want easy install & setup with your mouse



Use Drupal when:

* you want a rock solid & high quality platform for your sites

* you want or need a real multi-site-feature (only one installation for
several sites)

* you need to run also membership- and community sites, not only CMS etc

* you're ready to invest a bit of your time in order to realize all the
huge possibilities of Drupal

* you understand the meaning of clear, high quality code and API (easy
to integrate with other solutions etc)

* you want a Powerful templating system

* you need any kind of user groups & user permissions

* you want flexibility and don't like limitations

I use the term CSS hacks and workarounds interchangeably, because the word "hack" almost brings a negative connotation to mind. But in essence, many of these hacks are simply patches, which is why I use the term this way. Keep in mind, however, that some of the more laborious hacks may not allow your CSS files to validate, especially the ones that utilize some JavaScript. Below will be some common problems experienced in Internet Explorer and their hacks. This, of course, is not an all-inclusive guide, and will probably miss a few you like, so please forgive this ahead of time.


Click here for more on "Workarounds for Internet Explorer"

Why use Images on the Web?
Images and graphics are a fundamental source of communication. I would rather show a picture of the 'Monalisa' to people and have them appreciate her beauty than describe her with lots of adjectives!

So we all understand why images are important not only on the web but also in our day to day lives.

Important points to remember for web graphics

* Choose the image format correctly. Generally, photographs should be stored as .JPG while logos and other line art should be in .GIF format.

* Ensure that the file size (number of bytes) is at a minimum.

* Image size should be optimized. This means that the physical dimensions of the image should be just right. All image editing programs come with a Crop tool, with which you can remove any unwanted or extra image parts.

* Most of us work on monitors that have a resolution of 72 dpi (Dots Per Inch) hence it is unwise to use images on the web whose resolutions are higher than this value.

Vector and Raster graphics on the Web

The .GIF, .JPG and .PNG formats, which are prevalent on the web, are all raster image formats. One of the promising vector image technologies for the Internet is SVG but it's yet to become popular. (SVG requires a browser plugin. At the time of writing, the plugin was only available for Internet Explorer).

What is a WYSIWYG HTML editor?
WYSIWYG stands for What You See Is What You Get. WYSIWYG HTML editors let you create web pages (or HTML pages, if you like) without knowing HTML tags (or even what HTML stands for).

WYSIWYG HTML editors make it very simple for you to create a web page without digging through the intricacies of HTML.

Some of the popular WYSIWYG HTML editors are Microsoft's Frontpage and Adobe Dreamweaver WYSIWYG HTML editor.

The Advantages of WYSIWYG HTML editors
The main advantages of WYSIWYG HTML editors as I see them

* Anyone can create web sites and put them online
* Create web sites quickly
* No prior programming knowledge required - no need to know what HTML code looks like
* Provide a platform to start learn HTML

For Detailed explanation click here.

The Disadvantages

* A lot of HTML code churned out by the editors is superfluous which makes the web pages bulky in file size and as you will know, a large file downloads slowly that a smaller one. Also search engines need to wade through all this code to get to the meat of the page - the actual text contents.

* WYSIWYG editors let you ignore certain aspects that are important to say the least. For instance, the need for the image ALT attribute should be explicitly mentioned by the editors and images should not be included without the ALT text. If the purpose of a WYSIWYG editor is to hold a beginner's hand and guide him/her through the process of creating a web page, the programs should tell the importance of certain HTML attributes and tags.

FYI, the ALT text is used by search engines and thus it's a good idea to have your chosen keywords appear there.

Another example is the heading tags of a web page. These are very important from a search engine's point of view. Thus, you need to put your keywords in an

or tag and not just have text that "look" big and appear as a heading.

* Several editors have been accused of letting users employ "browser specific HTML tags". These tags, as their name suggest, will appear well on certain web browser and ignored by others. These tags are also generally not compliant with the HTML standards set by the W3C (World Wide Web Consortium).

* Most editors still use HTML tables to layout a page. This is an older technique replaced by Cascading Style Sheets.

* HTML written by the WYSIWYG editors is usually not correct or validated. I am not saying that all web pages need to have valid HTML - in fact the web pages of some of the most popular web sites in the world would not validate if you checked it out. But as I mentioned above, if you are plan to make a career in web development you should know that your HTML code needs to be validated and not just look pretty in a web browser.

* HTML was meant for document structure not document design. However, WYSIWYG HTML editors work on exactly the opposite line of thought. One needs to understand that HTML determines the different elements on a page such as a heading, paragraph, list etc. How these elements will look is the prerogative of the web browser. Also, with Cascading Style Sheets (CSS), the design and "visual" of a web page is segregated from the actual content. Thus, the content of the web page resides in HTML while the look (colors, positioning etc.) lies in the CSS rules.

* WYSIWYG HTML editors might help beginners create web pages quickly but an experienced web developer can code equally fast (if not faster). Further more, pages developed by experts are optimized and adhere to standards.

* WYSIWYG editors simply do not provide enough support and help in optimizing your web site for search engines. This is vital! You can have the most beautiful looking web site in the world but if no one's able to locate it... well! And this is what we will discuss next.

For Detailed explanation click here.

This article is for those who are new into the Ubuntu Linux environment and want to continue their web development projects on that environment.


Here is the complete guide on how to install XAMPP on Ubuntu Linux

1.)Research what keywords people most often on search engines that pertain to your products or services; use these keywords as text in the design to increase website traffic.


2.)Keep It Simple - 99% of all web designers use too many graphical images and programs like Java, Flash, etc. which results in lower rankings and less traffic.


3.)Limit the number of times that you repeat words in your Keyword Meta Tag.


4.)Place your important keywords at the top of the page as text headers.


5.)Once a website is indexed, a good web designer should go back and improve pages that didn't get high rankings on key words.


6.)Every 3 months you should make a small change on each web page. Search engines like to see that changes are being made to a site and that it just isn't sitting there for years with no upgrades.

If you're a web developer or designer new to the concept of web standards and are undecided on whether you should spend the time to learn all about them or not, here are some of the most important reasons for doing so.


For web professionals who are already using web standards, this list may come in handy when you need good arguments. And feel free to add any additional benefits you can think of.


1. Make yourself look professional

Other web developers and potential employers will be able to look at your work and know that you are a person who likes to keep up with changes in technology and make sure that your knowledge and skills are always current. It will make you look like a real web professional.


2. Make your clients look good

Use web standards combined with best practices for accessibility and give your clients a chance to talk about how they cater to all people, and how they find it important that everybody can use their services or find information about their products. You will also avoid the bad publicity that can be caused by shutting out visitors like disabled people, Mac users, and mobile phone users.


3. Maximize the number of potential visitors

You don't know which device visitors will use to access your site. You may think you know, but unless you're building an Intranet for a company that has a policy on which browsers may be used you really have no idea.

The only thing you can be reasonably sure of is that they are using something that can parse HTML. By using web standards properly you make sure that you have done your part in making your site work with the largest possible number of browsing devices.


4. Faster loading and reduced bandwidth usage

Well-structured markup that separates structure and content from presentation is generally much more compact than table-and-spacer-image-based tag soup. Documents will be smaller and faster for visitors to download. Like it or not, there are still many, many people connecting to the Internet through dialup.

If your site has a hosting plan with a limit on free bandwidth usage, smaller documents will reduce costs - provided traffic doesn't increase.


5. Provide the foundation for accessibility

Using web standards does not guarantee that all aspects of your site will be accessible to people with disabilities, but it is a very good start. Make sure your documents are valid, well-structured, and semantic, and you're well on the way towards having an accessible site.


6. Improve search engine rankings

Well-written content delivered through clean, well-structured, and semantic markup is delicious food for search engine spiders and will help your rankings. This, of course, will lead to increased traffic, which is what most website owners want.
7. Make your markup easier to maintain

Would you rather wade through many kilobytes of multiply nested tables and spacer images or just browse through a clean and well-structured document when you need to update your site?

Removing, inserting or editing presentation-free content is much easier and more efficient than having to make sure you get all the presentational cruft right. Using CSS to control layout also makes it much easier to make site-wide design changes.

8. Future-proof content


There is no way anyone can guarantee with 100% certainty that the documents created and stored electronically today will be readable in a hundred years. Or even fifty years. But if you separate content from presentation and use current web standards, you have done the best you can to ensure that your content can still be read even after you're gone.

9. Good business sense


Why would any business owner say no to more visitors? A faster site? Improved search engine rankings? Potential good publicity? It doesn't make sense to do so.

10. It's the right way to do things

The web standards way is the way we should have built the web from the beginning. And now that we can, why not do something the right way and have a really excellent reason to feel good about yourself.

source:456 Bereat St.

HateML Pro is Free Software and a powerful PHP IDE with support for XHTML and CSS for both professional and novice users alike. Designed to help accelerate the process of editing, debugging Web Applications, php scripts and simple XHTML sites as well.

Features:

* Advanced Syntax Highlighting
* Automatic syntax checker
* IntelliSense & CodeHint
* Debugger & Profiler
* CodeBrowser
* FTP Client
* Solution Explorer
* MySQL Manager
* Built-in website layouts
* CodeLibrary
* Integrated PHP Manual
* TagInspector
* XHTML CodeCompression
* Links validator
* Built-in preview

Download the software here

SQLeonardo a powerful and easy-to-use tool that lets you query databases. When you work in SQLeonardo, you work in a graphical environment and working with data in this environment means you don't need to understand SQL, the standard programming language for talking to databases.

Works with any JDBC compliant database (ORACLE, MS SQLServer, MySQL, DB2, FiREBiRD, HSQLDB) and supports multiple concurrent connections.

MetadataExplorer
* browse database structure as tables, views, keys, indices etc.
* search tables and columns

CommandEditor

* create, edit, and execute SQL scripts
* generate insert, update and delete statements through a wizard

QueryBuilder

* create SQL queries without directly writing SQL

DataGrid

* navigate database through his data
* edit tables directly via the data grid
* generate SQL statements for any change
* import/export data

Download the software here

The ultimate colour picker for programmers and web developers.

This little chap is the bees-knees for the sometimes-tricky task of getting your web colours just right. It has a variable level zoom to help pin-point the colour you want. It can also average colours in a 3x3 or 5x5 block for you and snap colours to the neatest web-friendly value. Colours can be displayed in RGB, HTML, Delphi, PowerBuilder, Visual Basic, or Visual C++ formats. You can have your chosen colour sent to the clipboard ready for pasting. There's a colour history and more. There's not a lot more you could ask of such a utility.

• Click here to go to homepage.
• Click here to download.

You've designed the perfect website. You're checking it in all browsers. Firefox - check, Safari - check, Opera - check, Internet Explorer - ah, am I looking at a website? We've all been there. Until Microsoft starts supporting web standards, properly coded websites are always going to look like crap in IE. That's a shame because Internet Explorer is (unfortunately) the most popular browser. So, how do you make your website look great in Internet Explorer while maintain standards for all browsers? Here are some tips that I gather from various guides around the internet.

Read more about it here

Are the programmers in your shop tired of playing 'Who's on First?' when it comes to code revisions? Try Subversion. Like other version control products, you work with a single central repository that holds all versions of code in progress. You (and others) can interact with the repository and end the confusion of what code to use and who is working on it already.

Read More Here

Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.

This is a new alternative for those developers who want to do web designing or web developing on the spot or for those who can't afford to buy Adobe Dreamweaver.

Notable Features:

* Source view, WYSIWYG view, preview window, and quick reference view panels
* See multiple views via splitscreen
* Open multiple files with tabbed editing
* Launch previews of your documents in other browsers
* A sidebar file list for convenient file browsing
* Embedded JavaScript Console for quick debugging
* Easily validate saved or unsaved code with W3C validators
* Advanced search/replace and results panel
* It's open source!
* ...with many more features in the works!

For More about this tool you can check out the website http://www.codetch.com.

you can get the add on here

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.

For detailsClick Here

The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock, Mozilla and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.

Get Your Here