1. Pattern Cooler

Pattern Cooler

Pattern Cooler is an online pattern library that is packed with pretty patterns which lets you create seamless background patterns online and then download them for personal use on the website.

2. BgPatterns

BgPatterns

BgPatterns is a tiny web app for making background patterns in a few clicks. It was created mostly for fun and experimentation by Sergii Iavorskyi.

3. ColourLovers Patterns

ColourLovers Patterns

4. StripeMania

StripeMania

5. Striped Backgrounds

Striped Backgrounds

6. Pixelknete Backgrounds Dotted

Pixelknete Backgrounds Dotters

7. Tartan Maker

Tartan Maker

8. Stripe Generator

Stripe Generator

9. bgMaker

bgMaker

10. Repper Partterns

Repper Parterns

Know Some More?

You know the drill; share them with everyone by adding them in the comments.

• No advertisement or choose the way to display provider ads (some provider require link back to their homepage on your website, it's easy to do and acceptable)
• Allow FTP access to upload and delete files
• Support MySQL and PHP (at least not too old) or your website's programs language
• Has a support community to solve your problem
• Can access to a control panel for easier web management

The importal factor. Most of the time, free is not really free and it's not running forever. It's may die tomorrow or your data and files will be crash anytime, make your backup as you can. Don't forget it!
Here are the ones that still stand after the showdown. In no particular order, of course. I’ll only mention the disk space and monthly data transfer for quick comparison purposes. Please refer to each service provider’s website for the full list of features as they will be too long to list down here.

1. 000webhost

000webhost.com ($0.00 webhost), is an industry leader in providing top class free web hosting services without advertising! There are no hidden costs, no adverts, and no restrictive terms. Lighting fast speeds, maximum reliability and fanatical user support are just a few of the features you'll receive with our service.

This is greatest free web hosting that I has ever used before. Current, I'm still using it for my personal projects. It gives you:

• Disk space: 1.5GB
• Bandwidth: 10GB/month
• Custom Control Panel
• Support PHP and MySql
• Has a lot good features as add-on domain, email, packed domain...

I highly recommend for those who want to start their own website with free web hosting. It's good as paid web hosting.

2. ByetHost

Byet gives you the choice of your sub domain. You can stick with yoursite.byethost.com, or you can pick from another 7 great names we have available. With MySQL, PHP, FTP, VistaPanel (our specially designed control panel) and other features, you can host heaps of scripts with no worries. Adding your own domain registered at any domain registrar is just a few clicks and is hosted on your free Byet account!

Signup process was tricky - you will be forced to see sponsored advertisements before filling out registration form. Not a big deal, but some visitors may get tired of this. In other case, it may be worth to continue registering with ByetHost, because you will get 250 MB space, 6 GB bandwidth and everything else what is needed for complete Internet activity - PHP/MySQL support, subdomains and add-on domains manager, FTP access, etc. They alway offer Premium Hosting to you as they can, don't angry about that.
Someone feels tired with ByetHost but someone feels goods, let tries it by yourself.

3. Zymic

At Zymic we offer free web hosting, with a level of professionalism any paid web hosting company offers, along with a full range of free hosting features.

We pride ourselves in being one of the most reliable and feature packed free web hosting services on the net. Our free hosting features include PHP/MySQL, free sub-domain names, Ad-free hosting and an overly generous disk and transfer allowance. Zymic.com's free web hosting is ideal for personal and business websites.

Zymic Free Hosting provided by LunarPages. Like 2 free web hosting services above, they allow a lot features for your website. However, currently they don't allow .htaccess files, so you can't use any form of SEF URLs (human-friendly/search engine friendly). Again, this will stop anyone with a normal database-driven site using this service. An .htaccess file performs several vital functions on a site, including security, SEF URLs, redirects and so on. No htaccess file like no dynamic site (one using a database).

4. xTreemHost

xtreemhost is a web hosting service that provides free and cheap unlimited hosting including PHP and MySQL support, domain name support, etc. without ads! We take support seriously for both free and premium clients. Accounts are created instantly!

Xtreemhost was good when it started but it's has big problem as FTP speed if you want upload a ton of files to website.

5. Pipni

PIPNI offer free web hosting since 2003.PIPNI is the fastest growing webhosting company on the Czech Internet with the biggest number of hosted foreign domains. The Free Web Hosting Plan has full features as Paid Plan but they not guarantee, no technical support, no backup, no SMTP server... about your website.That's mean you must take care about your website.
I've tried it for 3 year, it's good for personal website if you don't care about hosting uptimes, sometimes you data will be roll back without notice...

Conclusion

There are so many pit-holes in free hosting services, but still I would prefer to use them to host your non-profit sites or websites that are in their opening stages. If you plan to own a website of personal interest free web hosting will be the best media to explore your interest. You can use it just like social media websites.

Web-Based Project Management

1. Collabtive

Collabtive

Collabtive is open source project management software. It is a PHP based (which means it can be run on almost any computer, which has a browser capable of understanding PHP) project management system. Collabtive allows you to manage projects by setting up different tasks and assigning them to different users. The progress of these tasks can then be tracked using the easy interface of the application. The administrator can add multiple users to the application and each user can reach the user interface through his/her browser. There’s practically no limit to the number of users that can work simultaneously on Collabtive.
Although it doesn’t provide advanced features such as Gantt charts, it does provide for a very simple and efficient mechanism to keep track of your projects.
All in all, Collabtive provides for a very elegant project management system. It may not be as power-packed as its commercial counterparts, but it provides more than a decent feature set to keep track of all the tasks and milestones associated to your project.

2. Codendi

Codendi is an open-source collaborative development platform offered by Xerox. From only one interface, it gathers, all the needed tools for software development teams: management and versioning of code, bugs, requirements, documents, reporting, tests etc. It is mainly used for managing software project processes.

3. Dolibarr ERP & CRM

Dolibarr ERP & CRM is a modern software to manage your company or foundation activity (contacts, suppliers, invoices, orders, stocks, agenda, ...).It's a opensource free software designed for small and medium companies, foundations and freelancers. You can install, use and distribute it as a standalone application or as a web application to use it from every internet access and devices.

4. eGroupware Community Edition

eGroupware Community Edition

eGroupWare is a free open source groupware software intended for businesses from small to enterprises. Its primary functions allow users to manage contacts, appointments, projects and to-do lists.
It is used either via its native web-interface, making access platform-independent, or by using different supported groupware clients, such as Kontact, Novell Evolution, or Microsoft Outlook. It can also be used by mobile phone or PDA via SyncML.

5. KForge

KForge provisions project services on-demand and controls access with a robust, role-based, single sign-on access controller.
Project services include version control systems (e.g. Git, Mercurial, Subversion); project frameworks with mechanisms to plan and track work (e.g. Trac); wikis and mailing lists (e.g. MoinMoin, Mailman); and content management systems and blogs (e.g. Joomla, WordPress).

Project Management Softwares

1. Endeavour Agile ALM

Endeavour Agile ALM drives the creation of large-scale enterprise system solutions by providing support for iterative and incremental agile software development processes with special emphasis on use-case driven practices.
Endeavour Agile ALM features support for Use Cases, Iterations, Project Plan, Change Requests, Defect Tracking, Test Cases, Test Plans, Tasks, Document management, Reports and many other process artifacts. It has been designed with the priority in mind to be easy to use, intuitive and above all realistic by avoiding unnecessary features that might increase complexity.

2. GanttProject

GanttProject is a cross-platform desktop tool for project scheduling and management. It runs on Windows, Linux and MacOSX, it is free and its code is opensource. What can it do?

• Gantt chart: Create work breakdown structure, draw dependencies, define milestones.
• Resources: Assign human resources to work on tasks, see their allocation on the Resource Load chart.
• PERT chart: Generate PERT chart from Gantt chart.
• Export: Save charts as PNG images, generate PDF and HTML reports.
• Interoperate: Import projects from and export them to Microsoft Project formats. Export to spreadsheets with CSV.
• Collaborate: Share projects with your colleagues using WebDAV.

3. Project-Open

Project-Open

Project-Open is one of the leading open source project management tools. It is a comprehensive resource management tool that is fully integrated into the ERP system. It lets you Plan projects and resources via GanttProject, Track project advance and resource consumption of both internal and external costs and execute status reporting using “traffic lights.

4. Chandler

Chandler is an open source note-to-self organizer designed for personal use and small group collaboration. Chandler comprises a desktop application, sharing service and web application.

5. OpenProj - Project Management

OpenProj is a free, open source desktop alternative to Microsoft Project. The OpenProj solution is ideal for desktop project management and is available on Linux, Unix, Mac or Windows. OpenProj is a complete desktop replacement of Microsoft Project and even opens existing native Project files. OpenProj shares the most advanced scheduling engine in the industry with Projects On Demand. The OpenProj solution has Gantt Charts, Network Diagrams (PERT Charts), WBS and RBS charts, Earned Value costing and more.

Conclusion

All open-source and free project management tools which has been listed above is not best produces but it's very popular and has high ranks.
Are you using a better option? Let us know in the comments.

For people who do not like the crowds of holiday shopping online can be a haven for speed and convenience. In the difficult economic situation this season, experts expect consumers to go online more and more reluctant to pay for shipping, and more proactive in asking for discounts, incentives and bonuses.

Cyber Monday is a marketing term for the Monday immediately following Black Friday, the Friday following Thanksgiving Day in the United States. The term made its debut on November 28, 2005 in a Shop.org press release entitled "'Cyber Monday' Quickly Becoming One of the Biggest Online Shopping Days of the Year". Cyber Monday is also used as a marketing term in Canada, the United Kingdom, France, Portugal and Germany. In these countries, with the exception of Canada, Cyber Monday sales last for eight days, typically from the last Monday in November to the first Monday in December. In Canada, the sales period mirrors that of the U.S.

The biggest shopping day of the year is almost upon us! While others are pushing and shoving to buy TV’s and toasters, domain and hosting will be scoring the year’s best deals for blogger. Not sure where to shop? No worries, I’ve got you covered! Check out the list below for all the best hosting providers!

1. JustHost - Sale Off 50% anything with free domain for life, free setup, ... and refund any time!

• Coupon: 50OFF
• Offer: Sale Off 50% with free domain for life, free setup, ... and refund any time!
• Notes: Did you know? I wrote a review about the JustHost services.

2. HosGator - 50% off anything!

• Coupon: CYBERMONDAY2010
• Offer: Sale Off 50% for all web hosting plan!
• Notes: Maximum period of each packages only 36 months.

3. FatCow - Get Premium WebHosting just only $2.95/month

• Coupon: Visit FatCow on Cyber Monday.
• Offer: Get Premium WebHosting just only $2.95/month
• Notes: Free domain only apply for 24 months packages, if you buy 12 months, you only get free domain privacy.

If you sign up for web hosting this Cyber Monday 2010 start on November 29, you will be paying less than I am for amazing service! Can you imagine having your own website for less than $2.50/month?

Google Chrome is a web browser developed by Google that uses the WebKit layout engine and application framework. It was first released as a beta version for Microsoft Windows on 2 September 2008, and the public stable release was on 11 December 2008. The name is derived from the graphical user interface frame, or "chrome", of web browsers. As of August 2010, Chrome was the third most widely used browser, with 7.54% of worldwide usage share of web browsers, according to Net Applications.

The Essential Google Chrome Extensions for Web Designers

We’ve taken some of most useful Chrome Extensions which may help for your works.

1. Firebug Lite for Google Chrome

Firebug Lite for Google Chrome

Firebug Lite is not a substitute for Firebug, or Chrome Developer Tools. It is a tool to be used in conjunction with these tools. Firebug Lite provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elements with your mouse, and live editing CSS properties.
This version was conceived to put the Firebug Lite in a new level, by allowing code reuse from Firebug's original source.

2. Web Developer for Chrome

Web Developer for Chrome

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person.
It has loads of options for examining and understanding web page layouts, including showing block element stacking orders, displaying CSS style information about certain elements, browser cache controlling, and much more.

3. Speed Tracer (by Google)

Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low-level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

4. Resolution Test

Resolution Test

Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions and the ability to customise that list. It also gives users the option to turn on Google Browser Size.

5. Pendule

Pendule - Web developer tools for Chrome

Pendule extends the built-in Developer tools in Google Chrome. The extension gives its users plenty of features such as one-touch markup validation using W3C’s automated web services, hiding images on a web page, viewing scripts included in a web page, and more.

6. IE Tab (for Windows)

IE Tab

Use Internet Explorer to display web pages in a Chrome tab. Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome. Great for web developers who want to test the IE rendering engine, users who use sites with ActiveX controls, and users who want to use the explorer view for local files (i.e. file:// URLs).

7. Eye Dropper

Eye Dropper

Eye Dropper is a Google Chrome extension that gives you the ability to determine a color on any web page. What’s more is that it presents a color wheel and color swathes (found in most graphics software) so that you can experiment, tweak and pick colors.

8. SEO Site Tools

SEO Site Tools

A well-formed web page with great markup ultimately leads to awesome search engine results. However, if you would like to evaluate your website in terms of known search engine optimization factures, try out the SEO Site Tools, a Chrome extension that gives you a plethora of useful tools and features for evaluating SEO. It can pull tons of on-page and off-page metrics, social media information, and more.

9. CSS Scan

CSS Scan

Inspired by the Firefox Extension CSSViewer, this Chrome extension allows you to easily scan an element's basic CSS properties without having to delve into the inspector window.
The extension adds a button to the toolbar. Clicking this button will enable the extension; you can then continue using the page, with the difference that a quick overview of CSS properties for the element your mouse cursor is hovering is displayed. To disable the CSS scanner, simply click the icon again.
Elements being scanned are highlighted with a red outline so the user can easily see the structure of the page. Most CSS properties are supported; however, feel free to leave a comment if you feel like there's any missing.
NOTE: For some reason the extension does not work on this page (or any other in the chrome extension gallery)! It seems to work fine on any other page.

10. Webpage Screenshot

Website Screenshot

This is the first Chrome extension that takes the screen shot of full webpage (not only the visible page on-screen) no matter how long the page is and saves it in a JPG file format. This is a useful extension if you want to display available ad slots on your website or want to show all the sections of your website that are on one page.
This is a local extension which means it does not send any data to any server and is completely private. It has options to upload and share the screenshot image and resizing it to specific size.

11. Chrome Editor

Chrome Editor

If you make changes in the html code of your website quite often, this extension will be a great help for you. Chrome Editor lets you make changes in your website’s html code inside browser so that you do not have to flip between a code editor and a browser. You can save the code locally in your computer for reference or email the code to a friend.
The extension comes with W3C validation service and auto saves the code as you type. There is a list of shortcuts to save your time while coding.

12. MeasureIt!

MeasureIt!

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

13. MultiSwitch

MultiSwitch

Whenever you have the need to simply switch between development, test and productive hosts you should use MultiSwitch. You are now able to customize the title of your environment. In this latest version the ip:port bug is also fixed.

Find Somethings Missing?

Have you ever use one of the Google Chrome Extensions above here? Do you know of an extension any other? Share experiences here with us to know the same people.

Rounding Up the Most Promising Free WYSIWYG and Markup Editor

Most of the available Content Management System and other publishing platform in the web are using WYSIWYG editor for easy page editing. So I will rounding up to you the most promising Javascript WYSIWYG editor in the web.

1. markItUp! – Universal markup editor

markItUp! Universal markup editor

markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented. Markitup is not a WYSIWYG editor, but that doesn’t hold it back from offering all the basic features you’d expect, and a lightweight download that works well.
markItUp! Features

• Lightweight, powerful and flexible editor engine
• Fast and unobtrusive integration
• Support for keyboard shortcuts
• Toolbar and drop down menus
• Fully customizable and scriptable
• Editor's features callable from any place
• Ajax dynamic preview
• Customizable Skins

2. TinyMCE – Javascript WYSIWYG Editor

TinyMCE – Javascript WYSIWYG Editor

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.
TinyMCE Features

• Easy to integrate - Only a few lines of code needed.
• Customizable - Themes and plugins, block invalid elements and force attributes.
• Browserfriendly - Mozilla, MSIE, FireFox, Opera, Safari and Chrome.
• Lightweight - PHP/.NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load.
• AJAX Compatible - You can easily use AJAX to save and load content!
• International - Multilanguage support using language packs.
• Open Source - Free under the LGPL license, millions of ppl help test and improve this editor every day.

3. CKEditor - The text editor for Internet

CKEditor- The text editor for Internet

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.
Because CKEditor is licensed under flexible Open Source and commercial licenses, you'll be able to integrate and use it inside any kind of application. This is the ideal editor for developers, created to provide easy and powerful solutions to their users.

CKEditor Features

• Multi browser compatibility
• Outputs XHTML 1.0
• CSS support for better integration with your web site
• Font formatting: type, size, color, style, bold, italic, etc
• Text formatting: alignment, indentation, bullets list, etc
• Cut, Paste, and Paste as Plain Text, Undo and Redo
• Paste from Word cleanup with auto detection
• Image insertion, with upload and server browsing support
• Right click context menus support
• Plugins support
• Spell checker
• Lightweight and fast
• Automatic browser detection and customization

4. Xinha - The Community-built HTML Editor

Xinha - The Community-built HTML Editor

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. Its liberal, BSD licence makes it an ideal candidate for integration into any kind of project.
Xinha is Open Source, and we take this seriously. There is no company that owns the source but a community of professionals who just want Xinha to be the best tool for their work.

5. NicEdit - Edit Anywhere

Nicedit - Edit Anywhere

NicEdit is a WYSIWYG editor for websites. Its goal is to be as simple and fast as possible for users of your application. NicEdit is extremely lightweight and can be easily integrated in any site with minimal impact while providing visitors an effective means to express themselves in rich text.

6. YUI Library Rich Text Editor

YUI Library Rich Text Editor

The Rich Text Editor is a UI control that replaces a standard HTML textarea; it allows for the rich formatting of text content, including common structural treatments like lists, formatting treatments like bold and italic text, and drag-and-drop inclusion and sizing of images. The Rich Text Editor's toolbar is extensible via a plugin architecture so that advanced implementations can achieve a high degree of customization.

In order to give you the greatest possible control over the size and performance of the Rich Text Editor codebase, we provide two versions of the Editor module and two versions of the buttons that live on the Toolbar:

• Editor: Editor contains all features described on this page;
• SimpleEditor: SimpleEditor contains a subset of Editor's features.
• ToolbarButtonAdvanced: The advanced Toolbar buttons are based on YUI Buttons; they are more richly featured at the cost of more dependencies.
• ToolbarButton: The more simple Toolbar buttons have fewer dependencies and so are lighter on the page; they do not support progressive enhancement nor menu-button functionality. (See "Changing the Toolbar" for more about your Toolbar choices.)

7. OpenWysiwyg

OpenWysiwyg

The ultimate WYSIWYG editor for your web-based applications and forms.

Setting up openWYSIWYG is so easy, you can quickly turn any <textarea> into a powerful WYSIWYG editor with just a few simple lines of code.

Packed with every rich text editing feature you need, openWYSIWYG gives you total control over formatting your text. The ultimate <textarea> replacement for your content management system.

8. SPAW Editor

SPAW Editor

SPAW Editor is a web based in-browser WYSIWYG editor control enabling web site developers to replace a standard textarea html control with full-featured, fully customizable, multilingual, skinable web based WYSIWYG editor. Version 2 adds tabbed multi-document interface, floating/shared toolbars, modular architecture and many other exciting features

9. jHtmlArea - WYSIWYG HTML Editor for jQuery

jHtmlArea - WYSIWYG HTML Editor for jQuery

A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. The minified script alone is 9.17kb; CSS and Images it's a total of 25.9kb.

Supported Browsers

• Internet Explorer 7/8
• Firefox 3/3.5
• Safari 4

10. Cross-Browser Rich Text Editor

Cross-Browser Rich Text Editor (RTE)

The Cross-Browser Rich Text Editor (RTE) is based on the designMode() functionality introduced in Internet Explorer 5, and implemented in Mozilla 1.3+ using the Mozilla Rich Text Editing API.
Features

The Cross-Browser Rich Text Editor now includes table support (as of 2/10/2005) as well as an option to generate xhtml-compliant code (as of 2/24/2005).

Requires: IE5.5+/Mozilla 1.3+/Firefox 0.6.1+/Netscape 7.1+/Mac Safari 1.3+/Opera 9+, or any other browser that fully supports designMode() for rich-text features. All other browsers will display a standard textarea box instead.

11. FreeTextBox

FreeTextBox

FreeTextBox is the most-used HTML editor for ASP.NET. It is compatible with IE on the PC, and Mozilla and Firefox on all platforms. It is used in major Open Source projects such as Community Server and DotNetNuke as well as excellent packages like Smarter Mail.

12. Damn Small Rich Text Editor

Damn Small Rich Text Editor

Damn Small Rich Text Editor (DSRTE) is a lightweight, free rich-text editor built on top of the jQuery library and a PHP backend. It’s plugin-enabled (meaning it’s highly-extensible), has image-uploading capabilities (using Ajax for responsive user interaction), and an HTML cleanup feature to tidy up messy markup.

13. WYMeditor

WYMeditor

WYMeditor's main concept is to leave details of the document's visual layout, and to concentrate on its structure and meaning, while trying to give the user as much comfort as possible (at least as WYSIWYG editors).

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.

As the code is compliant to W3C XHTML specifications, you can for example process it using a XSLT (at the client or the server side), giving you a wide range of applications.

WYMeditor has been integrated in many open or proprietary applications, such as:

• MediaWiki PHP wiki engine
• Drupal PHP CMS (using the WYSIWYG API module)
• CMS Made Simple PHP CMS
• Midgard Open Source Content Management Framework
• Symphony PHP XSLT CMS
• Radiant Rails CMS
• Refinery Rails CMS
• TYPO3 PHP CMS
• SPIP PHP CMS
• MODx PHP CMS
• XOOPS CMS
• ExpressionEngine CMS
• CMSity content management system engine
• django-cms (v2) Django CMS
• dango-page-cms Django CMS
• Website Baker CMS
• SkyBlueCanvas PHP CMS
• NanoCMS PHP CMS
• sNews PHP CMS
• Redaxo PHP CMS
• Frog CMS
• Wolf CMS
• Nirepress CMS
• Orbis CMS
• Poko CMS
• EPiServer C#-.NET CMS
• gidooCMS Java CMS framework
• WordPress PHP blog tool
• Dotclear PHP blog tool
• Byteflow Python/Django blog engine
• GroupServer Zope Collaboration Server
• OpenCRX Enterprise Java Open Source CRM
• Rails framework
• Django framework
• Symfony framework
• CakePHP framework
• CodeIgniter framework
• ExtJS JavaScript framework and RIA platform
• Jelix framework
• TypeRoom website editing tool
• Galaxy opensource scalable framework for tool and data integration
• Vocalo.org social media website

14. Wyzz WYSIWYG Editor

Wyzz WYSIWYG Editor

Wyzz is an ultra-small, very light WYSIWYG (What You See Is What You Get) Editor for use in your web applications. It's written in JavaScript, and is free (as in speech and as in beer) for you to use in your web applications and/or alter to your needs
There are quite a few WYSIWYG editors around, many of them free - and some of them, such as FCK Editor, TinyMCE and others, are really excellent. Unfortunately, most of them are quite heavyweight applications in their own right.

15. Whizzywig

Whizzywig

Whizzywig is easy. It lets people create rich, formatted text through a web form. It actually creates xhtml, but you need no HTML knowledge to use it. If you can use a word processor or email, then you can use this. One line of javascript make any textarea a WYSIWYG editor.

Whizzywig is cross-browser: it is written in Javascript, which will run in nearly all web browsers. It is lightweight, at 29k, and is the most powerful rich text editor for its size. It does not require a Javascript library, and works independently of JQuery, MooTools, etc.

Whizzywig is FREE. Free to copy, free to use and free to change. Free for personal use, free for commercial use.
See the licence for the details. Basically, it says it is FREE.

Conclusion

What’s your favorite? Do you currently use any of these rich-text editors? Do you use one that isn’t on the list? Share your experiences and thoughts in the comments. We’d love to hear from you on the subject!

Essential WordPress Plugins to Backing Up your Database

1. WP-DB-Backup

WP-DB-Backup allows you easily to back up your core WordPress database tables. You may also backup other tables in the same database.

WP-DB-Backup

This one is probably the most popular WordPress backup plugin. Installation is relatively easy.

2. BackWPup

Also it is under heavy development but you can try it with their powerful functions.

• Database Backup
• Optimize Database
• CheckRepair Database
• File Backup
• Uses PCLZIP class of WordPress
• Store backup to Folder
• Store backup to FTP Server
• Store backup to Amazon S3
• Send Log/Backup by eMail

BackWPup

Besides database, BackWPup can also back up your WordPress installation files and optimize your database tables. The database backup will be saved in your blog server, and you can also download it manually or send it to your mail box automatically.

3. DBC Backup

DBC Backup, is a simple way to schedule daily database backups using the wp cron system. You can select when and where your backup will be generated. If your server has support you can select between three different compression formats: none, Gzip and Bzip2. The plugin will try to auto create the export directory, the .htaccess and an empty index.html file to protect your backups.

DBC Backup

The backup file is also protected by a small hash key which make it impossible for someone to guess the backup name and download it. During generation, a log will be generated which includes, the generation date, file, file size, status and the duration of the generation.
Except the cron backup, you have also the ability to take backups immediately. The backups are identical of what phpmyadmin produces because DBC Backup is using the key procedures of phpmyadmin.
DBC Backup was built to be fast, flexible and as simple as possible.

4. myEASYbackup

Backup, restore, migrate your WordPress installation, both code and MySQL tables, with a single click.

myEASYbackup

myEASYbackup comes handy before upgrading WordPress or one of the plugins you have installed.

5. WordPress EZ Backup

WordPress EZ Backup is A Administrators Plugin to allow the easiest most feature rich method for creating Backup Archives of your entire Site (not just WP Installations but Any part of your site or web space) & allows backup archives of any MySQL Database you choose & More.

6. Bei Fen

Bei Fen is the chinese translation for Backup, short, and easy to remember.

Bei Fen

Bei Fen lets you back up your blog database as well as your WordPress installation files to your server, you can back up manually or automatically, the database backup can be deleted or restored from your WordPress dashboard.

7. Sypex Dumper 2 for WordPress

Plugin integrates Sypex Dumper 2 in WordPress. Which can help you create a backup and restore of your MySQL database. Sypex Dumper, unlike many similar scripts (plugins), is optimized for most performance, as well as for working with large databases of hundreds or thousands of megabytes.

Sypex Dumper 2

Sypex Dumper can work independently of WordPress, just go to the wordpress/sxd/ and enter the MySQL Username and password.

8. WP-DBManager

Allows you to optimize database, repair database, backup database, restore database, drop backup database , drop/empty tables and run selected queries. Supports automatic scheduling of backing up and optimizing of database.

WP-DBManager

With WP-DBManager, you can back up your blog database to the server, to your PC, or to your mail box, manually or automatically. You can optimize, repair, clean or even drop the database tables, you can also delete or restore the database saved in the server.

9. WP Migrate DB

WP Migrate DB exports your database as a MySQL data dump (much like phpMyAdmin), does a search and replace on URLs and file paths, then allows you to save it to your computer. It is perfect for developers who develop locally and need to move their WordPress site to a staging or production server.

WP Migrate DB

It even takes into account serialized data and updates the string length values.

10. Backup Content As Txt

Backup your posts and pages as txt files that will be packaged in one zip file.
Features:

• Specify categories/category to back up file format: [category name]/[post title].txt
• Backup all posts: Don’t check any categories. file format: [post title].txt
• Backup all pages: file format: [post title].txt
• Txt format has two option
  1. default: 1st line title, the rest is content
  2. Date : 1st line title, 2nd line date, the rest is content

10+. Automatic WordPress Backup

Using this plugin, you can easily and automatically backup important parts of your WordPress install to Amazon S3. Amazon S3 is an extremely cheap service that is easy to set up. For pennies a month, you can make sure that your important files will be kept safe.

Automatic WordPress Backup

Conclusion

Which WordPress plugin do you use for your blog’s database backup? Or do you have any other WordPress plugin for database backup? Please share with us by leaving a comment.

Simple and Lightweight but Powerful CMS Solutions

In this article, you’ll find 10+ Simple and Lightweight but Powerful and Free Content Management Systems that may not garner as much attention as their more popular counterparts – but should.

1. SkyBlueCanvas | Demo

SkyBlueCanvas

SkyBlueCanvas Lightweight CMS is an open source, free content management system written in php and built specifically for small web sites. The entire site you are viewing is a demonstration of the SkyBlueCanvas lightweight CMS. SkyBlueCanvas is custom-built for those instances when more robust systems like Joomla, WordPress and Drupal are too much horsepower.

2. Frog CMS | Demo

Frog CMS - Content Management Simplified

Frog CMS simplifies content management by offering an elegant user interface, flexible templating per page, simple user management and permissions, as well as the tools necessary for file management. Born as phpRadiant in January 2007, Frog CMS is a PHP version of Radiant CMS, a well known Ruby on Rails application. Although the two applications still share a family resemblance, Frog is charting its own development path.

3. GetSimple | Demo

GetSimple CMS

GetSimple is an open source CMS that utilizes the speed and convenience of XML, a best-in-class UI and the easiest learning curve of any simple Content Management System out there.

4. Symphony | Demo

Symphony CMS

Symphony is a CMS that uses XML/XSLT as its templating language. Symphony lets you customize anything you like, from the website’s URL structure to your publishing environment. For a non programmer, this CMS might be complicated to learn.

5. RadiantCMS | Demo

RadiantCMS

Radiant is a no-fluff, open source content management system designed for small teams. It is similar to Textpattern or MovableType, but is a general purpose content management system (not just a blogging engine).

6. Wolf CMS | Demo

Wolf CMS - Open Source Content Management System

Wolf CMS simplifies content management by offering an elegant user interface, flexible templating per page, simple user management and permissions, as well as the tools necessary for file management. Wolf CMS is a fork of Frog CMS, which was itself a PHP migration of the Ruby-on-Rails app, Radiant CMS. Wolf is now forging its own development path, although a family resemblance with these two systems can still be seen.
Wolf requires PHP5, a MySQL database or SQLite 3 with PDO, and a web server (Apache with mod_rewrite is highly recommended). It is distributed under the GNU General Public License version 3.

7. LotusCMS | Demo

LotusCMS

LotusCMS is a state-of-the-art, easy to use, flat-file / Databaseless Content Management System. It brings to the forefront design and design integration into one of the most neglected CMS nichés - Databaseless Web-Design and Development.
LotusCMS is Free and more than free, it is licensed under the General Public Licence under which you may copy, change and redistribute this software to suit Your needs!

8. CMS Made Simple | Demo

CMS Made Simple

CMS Made Simple helps experienced web developers and designers to create sites of power and beauty in a fraction of the normal time, avoiding hours of coding and allowing your clients to update their own sites with a minimum of fuss.
From a simple brochure site to a complex portal, CMS Made Simple puts the power of a modular and extendable content management system at your fingertips. And best of all, it's free!

9. sNews | Demo

sNews - Lightweight Content Management System

sNews is a completely free, standards compliant, PHP and MySQL driven Content Management System. sNews is extremely lightweight, simple and customizable. It's easy to install, and easy to use via a simple web interface. sNews consists of only one core engine file, one independent template file and its accompanying CSS style sheet file, plus an .htaccess file that makes all URLs search engine friendly.

10. Zimplit | Demo

Zimplit

Zimplit is the easiest CMS (Content Management System) ever made. Zimplit is extremely lightweight, simple and customizable. It's easy to install, and easy to use via a simple web interface. Zimplit consists of only one core engine file. And of course – it’s FREE.

11. Habari | Demo

Habari is next-generation blogging

Habari is a free and open source blog engine written in PHP and now supports MySQL and SQLite - and PostgreSQL planned - for the database backend. It gets its name from the Swahili greeting habari, which means "(what's the) news".
There’s a large amount of content management systems out there, so if your favorite isn’t on here, share it with us in the comments.

Input vs. Button

<form action="/foo" method="post">
    <!-- other form fields -->
    <input type="submit" value="Send data" />
</form>

and:

<form action="/foo" method="post">
    <!-- other form fields -->
    <button type="submit">Send data</button>
</form>

HTML <button> Tag

The <button> tag defines a push button. Inside a button element you can put content, like text or images. This is the difference between this element and buttons created with the input element.
Always specify the type attribute for the button. The default type for Internet Explorer is "button", while in other browsers (and in the W3C specification) it is "submit".

HTML <input> Tag

The <input> tag is used to select user information. An input field can vary in many ways, depending on the type attribute. An input field can be a text field, a checkbox, a password field, a radio button, a button, and more.

What’s the difference between them?

You can include images in a <button> tag, but not in an <input> tag, amoung other differences. They are very similar but the tag has a few extras that can be useful on the odd occasion.

1. Sexy Drop Down Menu w/ jQuery & CSS

In this tutorial you will learn how to create a sexy drop down menu that can also degrade gracefully.

Sexy Drop Down Menu w/jQuery & CSS

2. CSS-Tricks Simple jQuery Dropdowns

Very stripped down code and minimal styling, yet still drop down menu has all the functionality typically needed.

Simple jQuery Dropdowns

3. The Fanciest Dropdown Menu

Brian Cray teaches you how to create this stunning website drop down navigation menu. The drop down menu uses HTML, CSS and Javascript. You can also include the hoverIntent JQuery plugin for extra juicy effects.

The Fanciest Dropdown Menu

4. A Different Top Navigation Menu

They will use jQuery to create a different multi-layered horizontal navigation system that is still intuitive enough for anyone to use for the first time.

A Different Top Navigation Menu

5. jdMenu Hierarchical Menu Plugin

The jdMenu plugin for jQuery provides a clean, simple and elegant solution for creating hierarchical drop down menus for websites to web applications

jdMenu Hierarchical Menu Plugin

6. Professional dropdown #2

This menu also styles the path taken through the menu so that it works in IE5.x and IE6 as well as IE7 and all other browsers. This is a little long-winded but necessary as IE5.5 and IE6 do not understand the child selector.

Professional dropdown #2

7. Designing the Digg Header

The design of Digg is full of smart ideas. The site identity is strong but doesn’t take up too much valuable vertical space. Navigation is compacted with the use of simple drop-down menus. Important things like subscribing, searching and account information are right up top where you would expect them to be. It’s fluid width, but it doesn’t shrink too far or grow too big.

Designing the Digg Header

8. Create Vimeo-like top navigation

What I like the most is the menu that drops down when you hover search box. It offers you different search options that you can choose and narrow your search.

Create Vimeo-like top navigation

9. Cut & Paste jQuery Mega Menu

Mega Menus refer to drop down menus that contain multiple columns of links. This jQuery script lets you add a mega menu to any anchor link on your page, with each menu revealed using a sleek expanding animation. Customize the animation duration plus delay before menu disappears when the mouse rolls out of the anchor. Mega cool!

Cut & Paste jQuery Mega Menu

10. Animated Drop Down Menu with jQuery

Drop down menus are a really convent way to fit a large menu into a really small initial space. For a long time people have just used a form element for standard drop downs, but with minimal effort you can create a much slicker effect using jQuery and CSS.

Animated Drop Down Menu with jQuery

11. mcDropdown jQuery Plugin

To overcome this obstacle, we spent a lot of time developing code that would automatically split long lists into multiple columns and then position itself so that it always fits within the viewport. The overall effect is somewhat similar to the Microsoft® Windows® "Start > All Programs" menu. However, the algorithm we use should keep the menus laid out in a more compact layout—which we believe offers quicker selection of the menu items. The screenshot below shows what the menu looks like when used with a very large menu.

mcDropdown jQuery Plugin

12. jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready

The entire menu sits within a fixed-size area, and when a node is selected, by default a "Back" link appears below the menu to allow navigation to previous (parent) menus, or set options to show breadcrumb links above the menu options to both deliver feedback and allow quick access to nodes higher up in the hierarchy. A lateral iPod-style slide transition reinforces the notion that you're moving forward into more granular data, or backward into higher-level data. This menu is specifically useful in traversing deeply nested hierarchies, particularly those more than three levels deep. It also provides a more usable alternative to multi-level fly-out menus, which can present challenges to those with limited manual dexterity.

jQuery Menu - Dropdown, iPod Drilldown, and Flyout styles

13. Drop down menu with nested submenus

Create your own drop down menu with nested submenus using CSS and a little JavaScript.

Drop down menu with nested submenus

14. jQuery Drop Line Tabs

This menu turns a nested UL list into a horizontal drop line tabs menu. The top-level tabs are rounded on each side thanks to the use of two transparent background images, while the sub ULs each appear as a single row of links that drop down when the mouse rolls over its parent LI. The menu also manages to sneak in a little CSS3, making use of the "border-radius" property to give each link within the sub ULs rounded edges when the mouse hovers over them..

jQuery Drop Line Tabs

15. jQuery Drop Down Boxes

One problem with HTML forms is it is hard to style the elements to fit into your design. The tutorial will show you how to style the hardest of them all, the select box.

jQuery Drop Down Boxes

16 . Reinventing a Drop Down with CSS and jQuery

For me, standard HTML Select element is pretty much annoying. It's ugly. It can't be styled properly in Internet Explorer. And it can't contain nothing but simple text. That is the reason I needed to reinvent Drop Down element. This tutorial shows how to do that (easily, believe it or not).

Reinventing a Drop Down with CSS and jQuery

17. Sliding Jquery Menu Tutorial

This tutorial will show you how to create a sliding menu button using jquery. You can see the effect in action over on the PSDtuts webpage in the top right hand corner.

Sliding Menu Tutorial

18. Creating an Outlook Navigation Bar using the ListView and Accordion Controls

The Accordion is a web control that allows you to provide multiple panes and display them one at a time. It is like having several CollapsiblePanels where only one can be expanded at a time. The Accordion is implemented as a web control that has AccordionPane web controls.

Outlook Navigation Bar using the ListView and Accordion Controls

19. Perfect signin dropdown box likes Twitter with jQuery

This tutorial will explain how it works step by step and it’s good for learning jQuery how to do the toggle and tool tips. Enjoy it!

Perfect signin dropdown box likes Twitter with jQuery

20. jQuery UI Potato Menu Plugin

jQuery UI Potato Menu

21. Superfish v1.4.8 – jQuery menu plugin by Joel Birch

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript) and more features.

Superfish - jQuery menu plugin

22. Dynamic Drive - Smooth Navigational Menu

Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth affair. And that's a good thing given the important role of this element in any site. The menu's contents can either be from direct markup on the page, or an external file and fetched via Ajax instead.

Smooth Navigation Menu

23. jQuery File Tree

jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully interactive file tree with as little as one line of JavaScript code.

jQuery File Tree

24. Make a Mega Drop-Down Menu with jQuery

Make a Mega Drop-Down Menu with jQuery

25. jQuery.mb.Menu

This is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right-click) in an intuitive way!
You can add as many submenus as you want; if your submenu or menu is not declared in the page, the component’ll get it via ajax calling the template page with the id of the menu you need (the value of “menu” attribute) the ajax page should return a well formatted code as the example below for the menu voices code.

jQuery.mb.Menu