4 open source To-Do List applications

1. todoyu

todoyu is open source web based task and project management with time tracking application.
Application is built with PHP.

With todoyu you can:

• manage multiple projects
• overview your customer’s data
• assign tasks
• share files
• meet deadlines

Website:http://www.todoyu.com/en

Demo: http://www.todoyu.com/en/online-demo
Download: http://www.todoyu.com/en/download

2. Plancake

Plancake is a web based task and list manager software.
Plancake is built with PHP and MySQL.

Application can be use on two levels:

1. Basic level – to create lists with tasks for your projects, stuff you need to remember, …
2. Advanced level – to implement the GTD method

Features

• easy-to-use
• advanced
• free
• available for download

Website:http://www.plancake.com

Download: http://www.plancake.com/open-source

3. Tasks Jr.

Tasks Jr. is a lightweight web-based task manager to help you manage your personal and professional projects effectively.
Tasks Jr. support access from PDA’s, or web-enabled phones from anywhere.

Tasks Jr. is multilingual and includes translations in various languages.

Website:http://crowdfavorite.com/tasks-jrDownload: http://crowdfavorite.com/download

4. myTinyTodo

myTinyTodo is a free to-do-list application with a very simple & clean interface with AJAX.

Application is developed in PHP and jQuery. To store data it uses either SQLite or MySQL database.

Features

• Tags (and tag cloud)
• Set Priority
• Sorting by drag-and-drop, priority or due date
• Password protection

Website:http://www.mytinytodo.net

Demo: http://www.mytinytodo.net/demo

Open DBDiff: open source database comparison tool

Open DBDiff is an open source database schema comparison tool for MS SQL Server 2005/2008.
It reports differences between two database schemas and provides a synchronization script to upgrade a database from one to the other.

Open DBDiff can synchronize:

• Tables (including Table Options like vardecimal, text in row, etc.)
• Columns (including Computed Columns, XML options, Identities, etc.)
• Constraints
• Indexes (and XML Indexes)
• XML Schemas
• Table Types
• User Data Types (UDT)
• CLR Objects (Assemblies, CLR-UDT, CLR-Store Procedure, CLR-Triggers)
• Triggers (including DDL Triggers)
• Synonyms
• Schemas
• File groups
• Views
• Functions
• Store Procedures
• Partition Functions/Schemes
• Users
• Roles

References:

WebSite: http://opendbiff.codeplex.com
Download: http://opendbiff.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=31876

16 Cheat Sheets for Web Designer and Developer

TutorialFeed.blogspot.com has shared 16 useful cheat sheets which are useful for web designers
and developers. Which includes cheat sheets for Photoshop, CSS, HTML,
JQuery, PHP, MooTools, MySQL, Ruby on rails, Flash AS and much more.

References:

WebSite:16 Favorite Cheat Sheets for Web Design and Development

NGChart : .net class to generate google charts

NGChart is .NET class library to work with Google Chart API. Which provides simple classes and methods to generate google charts.

Example

BarChart chart = new BarChart(BarsType.Grouped, BarsDirection.Vertical,
         new ChartSize(420, 125),
         new ChartData(new int[][]
           {
              new int[] { 20, 1, 25, 26, 51 },
              new int[] { 7, 12, 60, 57, 4 }
            }) );

chart.Colors = new ChartColors(new Color[] { Color.DodgerBlue, Color.YellowGreen });
chart.Legend = new ChartLegend(new string[] {"Winter", "Summer"});

//chart.ToString() is return google chart image URL
 imgChart.ImageUrl = chart.ToString();

NGChart will generate an URL (Google API) for above code like this:

http://chart.apis.google.com/chart?cht=bvg&chs=420×125&chd=s:UBZaz,HM85E&chco=1E90FF,9ACD32&chdl=Winter|Summer

And above API i.e. URL will display following chart,

References:

WebSite: http://code.google.com/p/NGChart
Samples : http://code.google.com/p/NGChart/wiki/NGChartSamples
Download: zip

Google Chart API: Generate dynamic charts

Google has provided API to create charts. Google Chart API lets you to generator dynamically chart.

Example:

Following pie chart is generated using API,

http://chart.apis.google.com/chart?cht=p3&chd=s:Uf9a&chs=250×100&chl=January|February|March|April

Google Chart API provides following chart types,

• Line charts
• Bar charts
• Pie charts
• Venn diagrams
• Scatter plots
• Radar charts
• Maps

References:

WebSites:

• http://code.google.com/apis/chart
• NGChart (.NET library to generate charts)

Demo:

• http://code.google.com/apis/chart/types.html

2 firefox add-on to analyze page performance

Page Speed

Page Speed is an Firefox Add-on integrated with the Firebug add-on. Web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them. Add-on requires FireBug addon installed.

Download: http://code.google.com/speed/page-speed/download.html

2.YSlow

YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool.

Download: https://addons.mozilla.org/en-US/firefox/addon/5369

5 HTML text editors

1. FCKeditor

This lightweight HTML text editor brings to the web much of the power of desktop editors like MS Word.
Features:-

• Multi browser compatibility
• CSS support for better integration with your web site
• Font formatting
• Text formatting
• Skins support
• Plugins support
• Spell checker
• Multi-language support
• Context menus support

WebSite: http://www.fckeditor.net
Demo: http://www.fckeditor.net/demo
DownLoad: http://www.fckeditor.net/download

2. Rich Text Editor
Free Rich Text Editor is a JavaScript WYSIWYG editor.
It can be easily integrate with any platform.
Editor lets you to switch between the design, HTML code & preview modes.

WebSite:http://www.freerichtexteditor.com
Demo:http://www.freerichtexteditor.com/demo
DownLoad:http://www.freerichtexteditor.com/download

3. jWYSIWYG: jQueryPlugin

jWYSIWYG is a jQuery plugin, which transform  textarea into an editor.
It uses following simple function syntax,

$(function()
{
$(‘#wysiwyg’).wysiwyg();
});

WebSite:http://code.google.com/p/jwysiwyg
DownLoad: http://code.google.com/p/jwysiwyg/downloads/list

4. Markitup : jQuery Plugin
MarkItUp is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor.
Features

• Lightweight
• Powerful
• Flexible editor engine

WebSite:http://markitup.jaysalvat.com/home
Demo :http://markitup.jaysalvat.com/examples
DownLoad: http://markitup.jaysalvat.com/downloads

5. NicEdit

NicEdit is a Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser.
NicEdit Javascript integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing

WebSite: http://nicedit.com/index.php
Download: http://nicedit.com/download.php

11 Firefox useful add-once for developer

1. Firebug

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page…

2. Web Developer

Adds a menu and a toolbar with various web developer tools.

Tools includes table, div out liner, resizing tool

3. Window Resizer

The Browser Window Resizer is useful for testing different screen sizes. It accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes.

4. MeasureIt

Draw out a ruler to get the pixel width and height of any elements on a webpage.

5. IE Tab

This is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox.

6. Screengrab

It will capture what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images – either to a file, or to the clipboard.

7. Html Validator

HTML Validator is a Mozilla extension that adds HTML validation inside Firefox. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.

8. Font Finder

Simply highlight a single element (e.g. a paragraph or a strong tag ), right-click and select `Font Finder`, then marvel as the full CSS text styling of the selected element appears.

9. ColorZilla

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program.

10. CSS validator

CSS validator ,Validates a page using the W3C CSS Validator.

11. Capture Fox
You can use this tool to capture firefox window or the whole screen and make screencast videos. You can compose tutorials, e-lessons or videos. You can also record your voice.