NitobiBug is a browser-based, cross-browser JavaScript object logger script.
Using this debugger, you can inspect a JavaScript object to discover its members and the values of those members.
NitobiBug intelligently discerns simple types like strings, booleans, and numbers, from complex objects like error messages and objects.
For example, to inspect an object:
var myDomObject = document.getElementById('someID');
nitobi.Debug.log(myDomObject);
is enough. It will present you the results in a pop-up like draggable, expandable interface.
As there are nice tools for debugging like Firebug but few are cross browser, NitobiBug works on the following browsers:
- Internet Explorer 6+
- Firefox 1+
- Safari (Only tested 3+)
- Opera 8+
Requirements: No Requirements
Compatibility: All Major Browsers
ClockingIT is an open source task - time tracking & project management application (normall a free hosted app. & source code is available) built with Ruby on Rails.
With a slick Ajaxed interface and providing information in every step of creating projects or tasks, ClockingIT is a very user-friendly application.
It is a complete solution for managing projects within a team as it offers nice tools like an integrated wiki, forum & a Facebook-like chat within team members.
Features of this free Ruby on Rails application:
- no restrictions or limits
- time tracking & reports
- milestones & due dates
- tagging & search
- timeline & activity log
- notifications, rss & iCal
- integrated wiki, forum & chat
- multilanguage
We generally have lots of content to present but can not load all of it at once as it may take too long.
I always loved the dZone’s Ajax content loading while scrolling feature and created a similar one using jQuery.
I’m pleased to share with WebResourcesDepot readers (Check the demo - scroll down to see new content in the demo)
This Ajax auto content loading can very be handy in almost every project. Don’t forget to bookmark it (del.icio.us link).
Download package includes a working demo coded with ASP with a test MySQL database. ASP code is just a simple query so you can switch it with a one you like easily.
Read the rest of this entry »
IETester is a free web browser allowing you to browse websites with the JavaScript & rendering engines of IE8 beta 1, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process.
You can also find a very nice tool for Internet Explorer named Debug Bar which includes a toolbar and a development bar + a IE JavaScript debugger named Companion.js inside the same website.
Requirements: Windows Vista or Windows XP with IE7
Sava is a beautiful open source content management system, built with Coldfusion, that helps you manage your site content easily.
Besides the standard CMS functions, Sava has marketing features like targeted messaging, user tracking, integrated email marketing and more.
Sava can manage multiple websites, generate SEO friendly URLS, has powerful personalization & user administration capabilities.
This Coldfusion powered CMS also offers pre-built CSS layouts and templates that will help you using semantically-correct, logically structured XHTML that’s easy for you to control and easy for your client to use without blowing up layouts and formatting.
Sava can use both MySQL or MSSQL for storing data.
Requirements: Coldfusion support, MySQL or MSSQL
askApache is presenting the most popular .htaccess examples that every developer may need.
These .htaccess examples are very well categorized and includes:
Google tries to make the use JavaScript frameworks easier and faster with the Ajax Libraries API.
Main idea is hosting the JavaScript framework files on Google servers, serving them faster by Google’s fast & distributed servers, gzipping them when needed and most importantly, preventing several downloads of the same libraries by caching.
Currently supported frameworks are:
The caching mechanism may work great in the future if many websites use the Ajax Libraries API. This way if a user browsing your website, let’s say, if browsed another website using the API with jQuery, that user would have already downloaded the jQuery file and won’t need to download again on your website.
Using it is so simple. To use Prototype for example:
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"> </script>
<script src="http://www.google.com/jsapi"> </script> <script> google.load("prototype", "1"); </script>
The official announcement can be found here.
Streber is a free wiki driven project management tool written in php5.
Freelancers and small teams can easily setup projects and keep track of tasks, issues, bugs, efforts etc.
It is a very user-friendly application with hidden details like right mouse-button brings up context-menus or navigation can be done with keyboard.
Some features of this open source project management tool:
- Tasks can have project-specific labels and categories
- Tasks can be grouped hierarchically
- Tasks can have required tasks
- Tasks can be extended by issue-reports and linked to project-versions
- Tasks can be grouped to mile-stones and groups
- Multilangual and already comes with several languages
- Project-user-rights can be adjusted (for ex: to provide clients a limited view of the current project state)
- Version controlled upload of files
- Advanced formatting with wiki syntax
- Complete change history of anything
- Notification mails on change
- & more..
Streber requires a PHP5 enabled web server + MySQL as the database.
Requirements: PHP5+, MySQL 4.1+, GD extension
Community Engine is a free, open-source social network plugin for Ruby on Rails applications. Drop it into your new or existing application, and you’ll instantly have all the features of a basic community site.
Features of this social network plugin:
- Authentication (sign up, log in)
- User profiles
- User search
- Blogs with tagging, categories and rich text editing
- Photo uploading and tagging
- “Clippings” - visual bookmarks
- Commenting and comment notification by e-mail (Blogs, profiles, photos, and clippings can be commented)
- Forums
- Friendships and activity feeds
- Favoriting of clippings and blog posts
- And more!
Most of the developers use cookies for storing data on the client side as they are cross browser & platform. But storing important data in cookies has some downsides:
- Size: Cookie max size is around 4kb.
- Bandwidth: Cookies are used in every HTTP transaction.
- Complexity: It is hard to manipulate cookies correctly.
Modern web browsers, Google & Flash have non-cookie storage solutions but each of them solved this differently:
- globalStorage: Firefox 2.0+, Internet Explorer 8
- localStorage: development WebKit
- openDatabase: Safari 3.1+
- userdata behavior: Internet Explorer 5.5+
- Adobe Flash
- Google Gears
PersistJS solves all of the issues above. It currently supports persistent client-side storage through the following backends:
- flash: Flash 8 persistent storage.
- gears: Google Gears-based persistent storage.
- localstorage: HTML5 draft storage.
- whatwg_db: HTML5 draft database storage.
- globalstorage: HTML5 draft storage (old spec).
- ie: Internet Explorer userdata behaviors.
- cookie: Cookie-based persistent storage.
And the great news is, each backend is communicated with the same interface which means you don’t have to know or care which backend is being used.
Requirements: No Requirements
