Open Source Resources for Web Application Developers

Cheat sheet is a reference tool that provides simple, brief instructions for accomplishing a specific task. We have collated a set of best cheat sheets for web developers. It includes some of the popular programming language, e.g. jQuery, Mootools, Prototype, PHP, MySQL and etc… Please feel free to suggest some of the cheat sheets we did not mention.

1. jQuery Cheat Sheet

2. Mootools Cheat Sheet

3. Ruby on Rails Cheat Sheet

4. Django Cheat Sheet

5. YUI Cheat Sheet

6. Prototype Cheat Sheet

7. Scriptaculous Cheat Sheet

8. extJs Cheat Sheet

9. Javascript Cheat Sheet

10. HTML Cheat Sheet

11. CSS Cheat Sheet

12. Mod_Rewrite Cheat Sheet

13. Regular Expressions Cheat Sheet

14. PHP Cheat Sheet

15. MySQL Cheat Sheet

16. SEO Cheat Sheet

• 98 Comments

SimpleCart(js) is a simple paypal shopping cart in under 11kb that you can setup in minutes. It uses cookies to keep track of the items in the cart. Therefore, simpleCart(js) doesn’t require any databases or programming knowledge. You simply need to know some basic HTML and have the ability to copy and paste. However, it can easily be expanded to use databases or contain more advanced options. It’s lightweight, fast, simple to use, and completely customizable.

Requirements: PayPal Account Required
Demo: http://www.thewojogroup.com/simpleCart/
License: MIT License

• 10 Comments

Shocking, shocking. Is it the end of complex CSS layout techniques, and will be the final nail in the coffin of using HTML tables for layout. Finally, producing table-like grid layouts using CSS will be quick and easy?

When released, Internet Explorer 8 will support many new values for the CSS display property, including the table-related values: table, table-row, and table-cell—and it’s the last major browser to come on board with this support.

Perhaps you’re feeling slightly uncomfortable—after all, haven’t web standards advocates been insisting for years that you shouldn’t be using tables for layout?

Applying table-related display property values to web page elements causes the elements to mimic the display characteristics of their HTML table equivalents. Digital Web Magazine published “Everything You Know About CSS Is Wrong” which demonstrates how this will have a huge impact on the way we use CSS for web page layouts.

Source: Everything You Know About CSS Is Wrong

• 8 Comments

Thank you for all of the participants of Giving Away 10,000 Free Business Cards with U-Printing. We are happy to announce the following 10 winners. Congratulations. U-Prinitng will contact you guys shortly.

1. psaico
2. Richard Tape
3. Curvbal
4. Leif Miltenberger
5. Bramus!
6. Oliver
7. Cubix
8. Jim
9. Bryan Migliorisi
10. Robbie Done

WebAppers will continue giving away some really nice web development tools and resources to our readers. Please feel free to suggest what you would like for the next Giveaway under this post. Thank you.

• 12 Comments

Free CSS Drop-Down Menu Framework does not only separate HTML from CSS, but even CSS definitions are categorized into structural and thematic types. Thus creating a new drop-down means creating only a new theme since structure is permanent.

Your unordered List can be transformed by changing class name only. Available transformations including horizontal, vertical left-to-right, vertical right-to-left, horizontal linear and horizontal upwards. Free CSS Drop-Down Menu is cross browser that there are some configurations available for Windows Internet Explorer 5 or later, Mozilla Firefox 1.5 or later, Opera 7 or later, Apple Safari 2 or later.

Requirements: Internet Explorer 5+, Firefox 1.5+, Opera 7+, Apple Safari 2+
Demo: http://www.lwis.net/free-css-drop-down-menu/
License: GPL License

• 12 Comments

Peppy is a lightning fast CSS 3 compliant selector engine with no external library dependencies. Peppy can be used along side other libraries seamlessly.

As it stands now Peppy is faster1 than all other major JavaScript libraries with DOM querying capabilities (Prototype 1.6.0.3, JQuery 1.2.6, MooTools 1.2.1, EXT 2.2, DoJo 1.2.0, YUI 2.6.0). It is faster2 than Sizzle by John Resig and it also is cross browser (IE included). You can take a look for yourselves by using SlickSpeed Selectors Test and download Peppy here.

If you are designing your own JavaScript library or want to replace your existing libraries selector engine then Peppy is an ideal candidate.

Requirements: -
Demo: http://jamesdonaghue.com/static/peppy/
License: FreeBSD License

• 8 Comments

WYMeditor is a web-based WYSIWYM XHTML editor. WYMeditor has been created to generate perfectly structured XHTML strict code, to conform to the W3C XHTML specifications and to facilitate further processing by modern applications.

With WYMeditor, the code can’t be contaminated by visual informations like font styles and weights, borders, colors, …The end-user defines content meaning, which will determine its aspect by the use of style sheets. The result is easy and quick maintenance of information.

WYMeditor has been integrated in many open or proprietary applications, such as: Drupal, Symphony, Radiant, TYPO3, WordPress, Rails, CakePHP and etc…

Requirements: -
Demo: http://files.wymeditor.org/wymeditor/trunk/src/examples/
License: MIT, GPL License

• 2 Comments

Product Planner was born out of the need to help people understand and create user flows for their web products. The idea is that by looking at examples of other successful web products, you can get a better idea of how to create your own.

Product Planner is actually useful for creating a demo tour for web applications too. You can create a work flow for performing a specific task with your web application. So that user can understand how to use your web application easily by reading the work flow step by step with screenshots.

Requirements: -
Demo: http://productplanner.com
License: License Free

• 0 Comments

Chronoscope is an open source release of a charting and visualization platform for GWT, used as the centerpiece of Timepedia’s website. Chronoscope provides a high performance, cross browser platform for visualizing possibly large and complex datasets. It supports interactive framerates on datasets with tens of thousands of points by using multiresolution representation and incremental streaming.

When the number of points about to be plotted exceeds a certain heuristic, Chronoscope falls back to a lower resolution representation of the dataset, which can be provided by the user, or automatically calculated by various filtering algorithms. This is similar to mip-mapping techniques commonly used in 3D graphics to reduce bandwidth and decrease aliasing. It also gives non-programmers intuitive controls over almost every aspect of the look of a visualization.

Requirements: Google Web Toolkit
Demo: http://timepedia.org/chronoscope/
License: LGPL License

• 3 Comments

ScreenToaster is a free online screen recorder which allows you to Make screencasts, tutorials and demos. You can record your screen in one click without any downloads. It is compatible with Windows, Mac OS X, Linux. You can also share videos on the Internet in Flash, embed them on blogs/webpages or send them by email.

ScreenToaster is operated by Iteria, SARL with offices in the heart of Paris, France. They are a small team of high-skilled web engineers, developing state-of-the-art web 2.0 services for Internet users. They have already raised a first round of capital to actively support ScreenToaster. Look forward to see the on-going development of ScreenToaster.

Requirements: -
Demo: http://www.screentoaster.com/
License: License Free

• 5 Comments