Web Development tools help the developers to increase their productivity and make the best use of their limited time. There are many types of Web Development Tools that solves their worries sort almost all types of issues.
This post has a collection of some Web Development tools that you will certainly find highly useful.
If you like this article, you might be interested in some of our older articles on Apps For Cloud-Based Web Dev, Project Management Tools, Network Monitoring Tools, and Server Monitoring Tools.
CKEditor
CKEditor is a text editor to be used inside web pages. It’s a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice.
Pretty Diff
Use this free open-source file comparison tool to accurately diff between file versions regardless of comments or minification to the whitespace. This tool is written entirely in JavaScript and it can also beautify and minify HTML
More Information on Pretty Diff
Animated JavaScript Slideshow
This dynamic JavaScript slideshow is feature packed and under 5KB.
Advertisement
More Information on Animated JavaScript Slideshow
Google Chart Tools
Display live data on your site
More Information on Google Chart Tools
Creating a Google Suggest Style Filter with the AutoComplete Control
Creating a Google Suggest Style Filter with the AutoComplete Control
More Information on Creating a Google Suggest Style Filter with the AutoComplete Control
Ajax script to scale images
What we want is to present a gallery of images or just thumbnails, and when the mouse passes over an image, the image appears in full size. The advantage of using Ajax is in asynchronous mode unique to the XMLHttpRequest object, which we will allow loading images when the page is already loaded, and while the user reads the page, without any delay at loading of the page, or at display of the image
More Information on Ajax script to scale images
Date
Generic classes for representation and manipulation of dates, times and time zones without the need of timestamps, which is a huge limitation for PHP programs. Includes time zone data, time zone conversions and many date/time conversions.
DragResize
This is an easy means of adding drag and resize capability to elements on your webpage. It can drag elements around via a titlebar or the whole element, and dynamically apply fully direction resize handles to an element.
More Information on DragResize
Set up a Windows test server using XAMPP
XAMPP for Windows makes setting up a local test server on your computer very easy. As well as providing the WAMP stack (Windows, Apache, MySQL and PHP) it includes both PHP versions 4.x and 5.x. It also includes PHPMyAdmin which is very useful for dealing with your MySQL databases.
More Information on Set up a Windows test server using XAMPP
Date manipulation in PHP
ASP has a command called DateDiff which takes two dates and can tell you how many seconds has passed between them, how many days, months and so on.
More Information on Date manipulation in PHP
Zebra_Image
Class: Zebra_Image, a lightweight image manipulation library written in PHP
More Information on Zebra_Image
TableKit
TableKit is a collection of HTML table enhancements using the Prototype framework. TableKit currently implements row striping, column sorting, column resizing and cell editing using Ajax.
PHP Thumb
HP Thumb is a light-weight image manipulation library aimed at thumbnail generation. It features the ability to resize by width, height, and percentage, create custom crops, or square crops from the center, and rotate the image. You can also easily add custom functionality to the library through plugins.
A YUI Loading Panel Widget
Use a loading indicator of course. Here’s a very handy loading indicator widget for Ajax programmers who use YUI.
More Information on A YUI Loading Panel Widget
validaForms
Validate web forms using localized error messages
More Information on validaForms
Unobtrusive AJAX Star Rating Bar
This is a rating bar script done with PHP and mySQL that allows users to rate things like can be done on Netflix or Amazon, all web 2.0-like with no page refresh.
More Information on Unobtrusive AJAX Star Rating Bar
JavaScript Color Picker
This is an advance color picker that handles RGB, HSL, and Hexadecimal values. It works the same way Photoshop color picker does and returns the hexadecimal value of the color.
More Information on JavaScript Color Picker
Validate form fields Script
Use this class to validate your database inputs or mail forms. Of course there is much more to validate: postcodes, special strings, credit card number etc.
More Information on Validate form fields Script
IP Location API Service
The IP Location API enables you to detect user location based on a user’s IP address. Quite simply, you provide the API with an IP address and it returns the country that IP is registered to.
More Information on IP Location API Service
Xinha
Xinha is a powerful WYSIWYG HTML editor component that works in all current browsers. Its configurabilty and extensibility make it easy to build just the right editor for multiple purposes, from a restricted mini-editor for one database field to a full-fledged website editor.
Hi,
It is very useful when using in web development. I am using some of them in my current projects. I will use remaining in my upcoming projects.
Thanks for sharing.
Good tips. See you in Bangalore when they outsource you!
Bindi
Very beneficial and totally helpful, thanks.
Working on a project and thanks for sharing IP Location API Service because I found it useful and decided to use the API for project.