100 Essential Web Development Tools

By | May 9, 2010 at 11:31 am | 44 comments | Javascript + Development, Resources, Web Design | Tags:

By Neil Skirrow

As web technologies constantly advance, the skills a developer is expected to have are constantly increasing. Web users are beginning to expect Ajax interfaces, charts and graphs and a whole host of other tricks and features. This means web developers not only have to be skilled with HTML and a server-side programming language such as PHP or Perl, but they now also need to be JavaScript gurus, Flash experts, and skilled graphic designers.

When developing your applications, you simply can’t create every element yourself. A graph or mapping solution is an application in itself, so no single developer or small team can create such components while continuing development of the primary application. This means programmers have to use third-party solutions — and thankfully there are thousands of such solutions to make our lives as developers that little bit easier.

In an effort to save you a few hours crawling the web in search of the perfect third-party solution, we have compiled this list of essential development resources.

1. Functions and Classes

You can find a whole array of pre-made classes and functions to help save development time. A great resource directory for finding the perfect PHP classes is PHPClasses.org. For those of you who use Perl, you should be familiar with CPAN.

CAPTCHA

CAPTCHA (Completely Automated Public Turing to tell Computers and Humans Apart) is the term used to describe the use of images which humans can identify, in order to ensure an automated bot/computer program isn’t accessing your application. The ideal use for this is in contact forms to ensure only humans can send messages — therefore eliminating automated spam and junk messages.

The following CAPTCHA systems can be easily integrated with your applications:

  • reCAPTCHA
    One of the most popular CAPTCHA systems that helps to digitize books, newspapers and old time radio shows by using CAPTCHA inputs to help translate. There is also a Perl module available for reCAPTCHA.
  • Programming-resources-2 in 100 Essential Web Development Tools

  • Securimage
    Securimage is a free open-source PHP CAPTCHA script for generating complex images and CAPTCHA codes.
  • Programming-resources-1 in 100 Essential Web Development Tools

  • freeCap
    A GPL CAPTCHA script to stop spam.
  • HN CAPTCHA
    A CAPTCHA script written in PHP, licensed under LGPL.

Date Manipulation

Manipulating dates in your applications can be a time-consuming process. PHP and Perl include numerous functions for automating the process, but often don’t offer all the required functions.

The following date manipulation functions can be easily integrated with your applications:

  • PEAR Date
    Generic PHP classes for representation and manipulation of dates, times, and time zones without the need for timestamps.
  • Date Class
    This PHP class allows you to add or subtract periods from dates, and calculate the difference between two dates.
  • Date manipulation in PHP
    A PHP tutorial on PHPBuilder.com, guiding you through a number of common date manipulation processes.
  • Date::Calc Perl Module
    A powerful Perl module for date calculations based on the Gregorian calendar.

Image Manipulation

Manipulating images is a common requirement. Whether you want to resize your images while maintaining aspect ratios, or add watermarks, the process can be entirely automated using a server-side language like PHP or Perl.

Form Validation

Form validation is critical to ensure users enter form information in a suitable format, and is especially important to protect your application against attacks.

Password Validation

Password validation is important to ensure your users choose passwords that offer an adequate level of security to prevent their accounts from being compromised.

2. Ajax and JavaScript

Ajax is a web methodology that uses JavaScript to make HTTP connections to retrieve and process data for the purpose of dynamically updating the content of a static web page. Ajax enables you to update content within a web page without reloading the entire page, thus reducing load times and server loads, making your web pages more interactive and intuitive. A great resource for Ajax tools is MiniAjax.

Auto Suggest

Auto suggest or autocomplete tools are usually applied to text inputs like search fields. When a user begins their input, the input field shows a list of options that match what they have entered so far. This enables users to enter their input more quickly, and can also help them enter terms that match search data that are more likely to return relevant results.

Calendars

Ajax calendars are extremely useful when you need your users to enter a date. They reduce confusion over date formats, and enable users to easily find the date they are looking for rather than typing a date format string.

Sliders

Ajax sliders enable users to use an interactive draggable element to select values. These are very useful for features like colour pickers as they enable users to ’slide’ through a range of colours to select the one they want.

Data Grids

Ajax data grids enable you to display data in a table, but with the benefit of features like column sorting and pages without the need to reload the entire page.

  • Grid3
    A useful data grid tool which is part of the Ext JS library.
  • Programming-resources-9 in 100 Essential Web Development Tools

  • dhtmlxGrid
    A powerful data grid tool that includes column sorting and search functionality.
  • Programming-resources-10 in 100 Essential Web Development Tools

  • Unobtrusive Table Sort Script
    A data grid tool that includes multiple column sorting.
  • AJAX Data Listings Engine
    A powerful open source PHP data grid tool for use with mySQL.
  • TableKit
    A data grid tool based on the Prototype JavaScript framework that features field editing.

Draggable Content

Ajax-based draggable content features can be very useful when used appropriately. Such tools enable users to reorganize a page to suit their needs, and can also serve as a basis for an interactive feature like a shopping basket.

Image Enlarging

Image enlarging scripts, similar to JavaScript light boxes, enable the user to enlarge or zoom in on an image chosen from a set of thumbnail images.

Galleries and Slideshows

Image galleries are very useful when you have a collection of images to show, they allow users to easily browse your images, and features like slideshows allow users to sit back and enjoy watching your images.

Star Ratings

Star rating scripts allow users to rate items through an intuitive and attractive interface, which is an improvement over typical drop-down menus or radio buttons.

Colour Pickers

If you want to let users choose colours in your application, it’s better to present them with an interface rather than asking them to enter a HEX code. Colour pickers allow users to choose colours from a colour palette which then generates a HEX code for use in your HTML.

Progress Bars

Progress bars are very useful when handling user uploads or pages which can be slow to load; they keep the user informed that progress is being made and that the page is loading.

3. APIs

An API (Application Programming Interface) is a set of program functions which can be accessed by another application. One example is a currency conversion API that retrieves currency conversion data by allowing the user to enter a base currency, an amount, and the desired result currency, which returns a result via the API.

  • Alexa Top Sites
    This API provides access to lists of web sites ordered by Alexa Traffic Rank.
  • bit.ly API
    A useful API for the bit.ly URL shortening service.
  • Blinksale API
    Enables you to access Blinksale data such as invoices and customer data.
  • FoXRate
    A basic currency conversion API.
  • eBay API
    eBay’s API which allows you to submit items to be listed and obtain listing data.
  • Twitter API
    The Twitter API allows you to have access to Twitter data, including user and status information.

4. IP Locations

Finding out where your visitors are located can be valuable from a development standpoint. It can help you understand your visitors so you can design your site to better suit their needs. IP location information can help you determine where a user is located, enabling you to display content in the their language. You can also optionally customize other information such as currencies and shipping costs.

  • OpenCrypt IP Location API
    A hosted API service for determining user location by country.
  • Programming-resources-15 in 100 Essential Web Development Tools

  • IP Details
    A PHP class for determining geographical locations based on IP address.
  • GEO-IP
    A free IP to country database.

5. Charts and Graphs

Charts and graphs enable you to display complex data visually. This is useful for example when trying to determine information like daily pageview counts from detailed statistical logs, enabling the user to immediately see how the data varies over a period of time.

  • amCharts
    A powerful Flash charts tool which supports 3D charts and the ability to combine different graphs.
  • Programming-resources-16 in 100 Essential Web Development Tools

  • FusionCharts
    A well designed and stylish 3D charts tool.
  • Programming-resources-17 in 100 Essential Web Development Tools

  • XML/SWF Charts
    A highly customizable Flash charts tool.
  • JFreeChart
    A free Java-based charting tool.
  • pChart
    A powerful PHP class for building attractive charts.

6. Maps

Once you are using IP location tools like those listed above, you will have a collection of user location data. What better way to display it than with an interactive map. Interactive maps are also useful for understanding user location data such as sales information, for example, when you receive delivery and billing address info from a user.

  • amMap
    An interactive mapping tool which includes drill-down functionality.
  • Programming-resources-18 in 100 Essential Web Development Tools

  • Google Charts API
    A great mapping tool, though limited to a small map size.
  • Programming-resources-19 in 100 Essential Web Development Tools

  • Flashmaps
    A great collection of different Flash mapping tools.

7. Audio Players

When used well, playing audio on your web site can be a great way of setting a mood or getting a message across.

8. Video Players

Video content is now becoming a standard, but getting the right video player is very important. Video content is the ideal, and often expected tool for promotion, so getting a player which suits your site and needs is now a critical design and development choice.

  • OS FLV
    An open source and well featured Flash video player.
  • Programming-resources-23 in 100 Essential Web Development Tools

  • Flowplayer
    A full-featured and highly customizable Flash video player.
  • Programming-resources-22 in 100 Essential Web Development Tools

  • JW FLV Media Player
    A very powerful and flexible Flash video player.
  • FLV Player
    A stylish and customizable Flash video player.

9. Video Conversion

Video conversion/encoding can be a tricky business. Videos can be in a wide range of formats but most players only support a handful of those. If you don’t have a server which supports ffmpeg, converting videos to a format suitable for your player is usually an offline and manual task.

10. WYSIWYG Editors

WYSIWYG (What You See Is What You Get) editors enable you to offer an HTML editor when users enter information, for example, in content management systems, or for entering comments or reviews. These editors enable users to style and format data without the need to understand HTML.

  • TinyMCE
    A lightweight yet powerful JavaScript WYSIWYG editor.
  • Programming-resources-24 in 100 Essential Web Development Tools

  • XINHA
    A fully featured and open source WYSIWYG editor.
  • Programming-resources-25 in 100 Essential Web Development Tools

  • NicEdit
    A simple and lightweight WYSIWYG editor.
  • openWYSIWYG
    An open source, cross-browser WYSIWYG editor.
  • CKEditor
    A well designed and feature-rich WYSIWYG editor.

About the author

Neil Skirrow is a professional web developer with over 14 years programming experience and is the Managing Director of ionix Limited, a UK software development company that develops the OpenCrypt Membership Software.

(ll)

[From 100 Essential Web Development Tools]

44 Comments

  1. folly beach rentals oceanfront (10 months ago)

    Since I thought this was so good, I went ahead to share http://vectordump.com/resources/100-essential-web-development-tools/ on Twitter. I thought your posts’s title – 100 Essential Web Development Tools | Vectordump – was best to use for people to locate this info, so that is what I used.

  2. antique shops in illinois (10 months ago)

    Awesome article! I am looking forward to more articles about this issue.

  3. Watch Football Streams (10 months ago)

    There is noticeably a bundle to know about this. I assume you made certain nice points in features also.

  4. EARLE COAHRAN (10 months ago)

    Hey…I was looking at your website and found out that your site is not well optimized for google..check out this article on how to bring more visitors to your page. hope it helps. byee! http://webupon.com/web-design/how-to-optimize-your-page-for-google/

  5. barricas (10 months ago)

    Great goods from you, man. I’ve understand your stuff previous to and you’re just too wonderful. I really like what you have acquired here, really like what you are stating and the way in which you say it. You make it entertaining and you still care for to keep it smart. I can’t wait to read far more from you. This is actually a tremendous website.

  6. TummyYummy24 (10 months ago)

    Hi . I wanted to konw how do i put your post to the desktop so I could just double click to visit your post . I just know hwo to bookmark. Thank you!!!

    -Olivia

  7. Marketing Software (10 months ago)

    In other words, rather than relying on a single source of income, it’s better to have a bunch of MONEY making machines all producing income on autopilot… Day in and day out Income Entourage

  8. Clarence Brozina (10 months ago)

    I think this website has some real wonderful info for everyone : D.

  9. ganar dinero (10 months ago)

    Its like you read my mind! You seem to know so much about this, like you wrote the book in it or something. I think that you can do with some pics to drive the message home a bit, but instead of that, this is wonderful blog. An excellent read. I’ll certainly be back.

  10. wood floor contractor (10 months ago)

    I should read this much earlier.

  11. Real Estate Agents Richmond (10 months ago)

    My wife and i were now satisfied that Raymond managed to round up his researching because of the ideas he gained through the web page. It’s not at all simplistic to just possibly be giving away guidelines which often some others have been selling. So we do understand we have the website owner to appreciate for this. The main explanations you made, the easy blog menu, the relationships you aid to promote – it’s got many superb, and it is helping our son and us do think that topic is satisfying, which is certainly exceptionally fundamental. Thanks for the whole lot!

  12. Mage Monster Discount (10 months ago)

    Quit trying to appraise everyone in communities by the actions in the worst few.

  13. Olesya Novik (10 months ago)

    Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful for me.

  14. iphone magic tricks (10 months ago)

    Thank you for this informative blog post. Where could be a big help. I have a venture that I’m just now running on, and I have been at the look out for such information.

  15. 8002336808 (10 months ago)

    Hello, I was researching the internet and I found your web site. Keep up the good work.

  16. symptoms of hemorrhoids (10 months ago)

    Hemorrhoids suck, I really need to get rid fo them but there’s nothing i’ve found that works. I spent ages yesterday looking but nothing is any good.

  17. vtu news (10 months ago)

    I am delighted that I detected this web site, precisely the right info that I was looking for! .

  18. Cosmetica Economica (10 months ago)

    The most frequent detail persons perform whenever they obtain aroma with red roses may be to shift these questions flower vase. In the event that squeeze in a classic vase, it’s would most likely work for assuming that 5 various for you to 6 a short time. It is possible to expand the nation’s usage time, while. It starts with the vases. Wash it by using soapy warm water. Following that, immerse typically the urn inside a blend of one or two sheds in chlorine bleach together with the water. It is goal will be to obliterate unhealthy bacteria that have been allowed to remain over the past utilization of the urn. Following that, plug typically the urn having trouble in addition to bloom additives. Help make the within . leaning try to cut towards the bottom on the originate while went up is undoubtedly on lukewarm running water. Immediately assemble the rose bushes in the container. Depart the actual roses while in the vases in addition to perform the floral arrangements eventually. Persist in executing the entire procedure daily. Even, keep your h2o across the close from the base.

  19. Burton Haynes (10 months ago)

    I am an investor from Japan. I have been hoping to investing property in Memphis, TN. My agent purchased a office building there a year ago and has made a great return there.

  20. MarketingPro (10 months ago)

    Pretty! This was a really fantastic post. Thanks on your supplied information Sales Letter Software

  21. E-lixo (10 months ago)

    Legal este artigo, aproveite e visite-nos. Vamos reciclar Reciclar Lixo Eletronico Muito bom o site

  22. Jesus Onitsuka (10 months ago)

    ¥ “Thank u so much dude for sharing your wonderful experiences with all of us”

  23. Quote (10 months ago)

    This is an awesome blog. It helped me alot. Thanks for the information.

  24. Online Poker Review (10 months ago)

    Apple now has Rhapsody as an app, which is a great start, but it is currently hampered by the inability to store locally on your iPod, and has a dismal 64kbps bit rate. If this changes, then it will somewhat negate this advantage for the Zune, but the 10 songs per month will still be a big plus in Zune Pass’ favor.

  25. North Logan Utah Homes (10 months ago)

    Thank you so much with regard to giving everyone an update on this issue on your website. Please be aware that if a brand-new post appears or in the event that any improvements occur on the current article, I would consider reading more and focusing on how to make good usage of those methods you discuss. Thanks for your efforts and consideration of others by making this blog available.

  26. santeria (10 months ago)

    For More details Visit Santeria site.

  27. private proxies (10 months ago)

    Wow did you see that Sony’s PS network got hacked? That is ridiculous that such a large, well known company has so many security flaws. Then they said they fixed it and it got hacked AGAIN! Grrr! I want to play COD. <3 Payton~

  28. Carlie Mo (10 months ago)

    Hello! I just wants to give a huge thumbs up for ones great info you have here about this post. I will be finding its way back to your blog designed for more soon.

  29. Quality seo service (10 months ago)

    I used to be recommended this website via my cousin. I’m no longer positive whether this submit is written by means of him as no one else understand such particular about my problem. You are amazing! Thank you!

  30. Alberto Ridge (10 months ago)

    Hallo, i only want to say, I MADE IT! Now i earn 332$ Everyday and it grow. I learned it http://makemoneywithfacebook.erliberli.at

  31. get free nintendo 3DS (10 months ago)

    Thank you for any other informative web site. Where else may I get that type of info written in such a perfect means? I’ve a venture that I’m just now operating on, and I have been on the glance out for such info.

  32. Nita Sebastien (10 months ago)

    Spot on with this write-up, I truly think this website needs much more consideration. I’ll probably be again to read much more, thanks for that info.

  33. scrapebox plugins (10 months ago)

    Hello there! I know this is somewhat off topic but I was wondering which blog platform are you using for this website? I’m getting sick and tired of WordPress because I’ve had problems with hackers and I’m looking at options for another platform. I would be fantastic if you could point me in the direction of a good platform.

  34. web design (10 months ago)

    Hi there dear sir, wonderful blog! I found it very interesting and I’m looking forward to sharing it with my friends!

  35. laminate hardwood (10 months ago)

    Parquet flooring in the bathroom is not a problem if you do it from start to correct. You have to choose one for this course only once, that is suitable for damp and waterproof, and then of course the recommended water-resistant, sealing grout, to prevent moisture from coming between the wood panels.

  36. Webmaster FoÐÂX (10 months ago)

    Learn the most basics of SEO – [URL="http://www.youtube.com/watch?v=tbCa64d3KQo"]Learn What is SEO[/URL] [URL="http://www.squidoo.com/learn-what-is-search-engine-optimisation-seo-"]Learn What is SEO[/URL] – Learn What is SEO Learn What is SEO – the basic secrets of seo which everyone should know

  37. health benefits of mushrooms (10 months ago)

    In all honesty. I read a blog that had this exact same post on it… there post seemed kind of spammy and think you might be the original owner? I just wanted to give you a heads up that someone is stealing your content.

  38. Carey Keaveny (10 months ago)

    I have learn some good stuff here. Certainly price bookmarking for revisiting. I surprise how a lot effort you set to create such a magnificent informative site.

  39. phuket girls (10 months ago)

    Very nice post. I just stumbled upon your weblog and wished to say that I have really enjoyed browsing your blog posts. After all I will be subscribing to your feed and I hope you write again soon!

  40. Matt (10 months ago)

    Hey Admin! I was reading your post and it really looks like that your post isn’t optimized well to gain search engine traffic and rankings. Actually I am an SEO Consultant, advicing people about how to get more traffic. I’d suggest you to check out this awesome WordPress Plugin here – http://bit.ly/oTLvVh called SEOPressor, really thankful to Daniel for this. I use it on all my and my client’s websites. This is going to help you a lot. BTW, I am in no way affiliated to this guy, its just an advice. Your wish, take it or drop it. :)

  41. Chasidy Koehn (10 months ago)

    Great post. I am a regular visitor of your blog and appreciate you taking time to keep up the excellent webpage. I’ll be a frequent visitor for the really long time.

Comments

You must be logged in to post a comment.

© 2012 Vectordump. All rights reserved.