• flash ecard makerconvert web page to jpg

Archive for the ‘Utilities’ Category

WaveMaker Visual Ajax Studio in Java/J2EE

WaveMaker Visual Ajax Studio is an easy-to-use visual builder that enables the drag & drop assembly of scalable, web-applications using Ajax widgets, web services and databases. WaveMaker Studio will look and feel especially familiar to client/server developers who are used to working with visual tools. WaveMaker’s Studio enables data-driven and web-services based applications to be quickly created without complex code, forms, patterns or portal frameworks. WaveMaker’s Studio reduces the time and cost of delivering new business applications.


4 Places to Find Comprehensive Tutorials Samples on Html5 Canvas

<canvas> is a new HTML element which can be used to draw graphics using scripting (usually JavaScript). It can for instance be used to draw graphs, make photo compositions or do simple (and not so simple) animations. The image on the right shows some examples of <canvas> implementations which we will see later in this tutorial.

<canvas> was first introduced by Apple for the Mac OS X Dashboard and later implemented in Safari and Google Chrome. Gecko 1.8-based browsers, such as Firefox 1.5, also support this element. The <canvas> element is part of the WhatWG Web applications 1.0 specification also known as HTML 5.

I list some some place to find comprehensive tutorials samples on html5 canvas.

1. https://developer.mozilla.org/en/Canvas_tutorial. In this tutorial you will find topics on

Read the rest of this entry »

3 Best Online Real Time Syntax Highlighting Editor in Javascript

1. CodeMirror Syntax Highlighting Editor

CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content ― computer programs, HTML markup, and similar. If a parser has been written for the language you are editing (see below for a list of supported languages), the code will be coloured, and the editor will help you with indentation.

CodeMirror JavaScript demonstration

CodeMirror JavaScript demonstration

2. Edit Area Syntax Highlighting Editor

Here is EditArea, a free javascript editor for source code. (That is no way a WYSIWYG editor).
This editor is designed to edit souce code files in a textarea. The main goal is to allow text formatting, search and replace and real-time syntax highlight (for not too heavy text).

EditArea - the code editor in a textarea

EditArea - the code editor in a textarea

3. CodePress web-based source code editor

CodePress is web-based source code editor with syntax highlighting written in JavaScript that colors text in real time while it’s being typed in the browser.

  CodePress  web-based source code editor

CodePress web-based source code editor


You can try some features with the demo below.

  • Real-time syntax highlighting » just write some code
  • Code snippets » on PHP example type “if” and press [tab]
  • Auto completion » simple type ” or ( or ‘ or [ or { on any example below (except Plain Text)
  • Shortcuts » on PHP example press [ctrl][shift][space]. It’s shortcut to &nbsp;
  • Multiple windows » you can add multiple CodePress windows to the same page

Masonry A Layout jQuery Plugin for Easy Web Page Layout

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

 jquery masonry - layout plugin for jQuery

jquery masonry - layout plugin for jQuery

FormToWizard Turn any Webform Into a Powerful Wizard with jQuery

If you would, for whatever reason, have a large webform all fields shoud be semantically divided into fieldsets. Each fieldset would clearly describe each group of fields. Although many examples on the web today look different, this is how it should be.

FormToWizard  Turn any webform into a powerful wizard with jQuery

FormToWizard Turn any webform into a powerful wizard with jQuery

With FormToWizard jQuery plugins, each group of fields represent a sub task of a larger task – filling the entire web form. Thus, each sub task can become a step with a description, input fields and navigation that is common for wizard forms – back and next.The entire process can be done in several simple steps.

Sweetter Free Python Twitter-Like Open Source Software

Sweetter is an opensource modular microblogging system. Its goal is to provide a customizable communication system for communities, departments or enterprises. Sweetter is opensource software: you can use it, study it, modify it and distribute it under the Affero GPL license terms.

Sweetter Free Python Twitter-Like Open Source Software

Sweetter Free Python Twitter-Like Open Source Software

HTML5 Games Push You Learn HTML5 CSS3 and Javascript More

These are some JavaScript applications Ben Joffe made for competitions or out of general interest, some of them use the Canvas element from HTML5, none of them use JavaScript libraries.

html5 games screenshot1

html5 games screenshot1

html5 games screenshot2

html5 games screenshot2

How To Create a Realistic Hover Effect like jQuery Animate Effect

Would you like to Create a Realistic Hover Effect With jQuery? It adds a rising hover effect to a set of icon links using jQuery’s animate effect. In a nutshell, the JS appends the reflection/shadow to each <li>, then animates the position and opacity of these elements and the icon links on hover. And .stop() eliminates any queue buildup from quickly mousing back and forth over the navigation.

Hover Menu

View Demo or Download

Beautiful Tooltip for Web Page in JQuery

(mb)Tooltip is a beautiful tooltip for your webpage in jQuery. Simply by placing a title attribute with your content as value, and then you can replace the ugly default tooltip with this smart and nice one. You can also disable and enable (mb)Tooltip at anytime.


jQuery iPod Drilldown and Flyout Styles Menu System

The iPod Drilldown and Flyout Styles Menu System can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical list of options where child menus are displayed next to the parent menu on mouseover, and two variations on the iPod style, one with a back button and another with a linked breadcrumb to let users easily traverse back up the hierarchy.

It provides easy navigation of complex nested structures with any number of levels. They also built in the ability to customize a menu’s appearance, including active and hover states, by passing in classes as options.

jQuery iPod Style Menu System