HTML-Ipsum is a website presenting “Lorem Ipsum” text in HTML format.

It can also provide Mac-friendly outputs with:

• Coda clips
• Textmate bundles
• Menu bar app.

Several types of content is provided like:

• Long-medium paragraph, one sentence
• Unordered list – short/long items
• Ordered list – short/long items
• And a combination (with extras).

One feature that would be great is the possibility to switching to the “design-view” (although presenting the HTML is the main aim).

EasyDiagram.NET is an open source ASP.NET diagram control.

Using AJAX, EasyDiagram.NET is very fast yet simple enough even for the beginners.

Some features of this free ASP.NET diagram control:

• Drag’n drop support
• Direct-draw and orthogonal modes
• Easy node adding
• Customizable lines & nodes
• Ability to react node clicks (via Ajax)

EasyDiagram.NET is definitely an amazing & professional-level control that is a must-have for every ASP.NET developer.

The Site: http://www.easydiagram.net/
Demonstration: http://www.easydiagram.net/newversion/index.htm

Ferdinand.Slider is a Prototype extension for creating simple image slideshows.

It uses a JSON file at any location as the data source which makes it possible to integrate with Flickr or similar services easily.

The extension has several options to set:

• duration of effects
• duration of image transition
• opacity
• background
• prev-next buttons & more.

It is also possible to add more features (like a menu) to the slider as it can be controlled from outside with commands like slider.Next(), slider.Prev().

Requirements: PrototypeJS 1.6.0.3+ & Scriptaculous 1.8.2+
Compatibility: All Major Browsers (except IE7)
Website: http://ferdinand.rs/javascript/ferdinandslider

This video tutorial will walk you through setting up a registration and login system for your web pages. You can then password protect any pages you desire on your website.

The script allows a user to register, log in, log out, change their password, and retrieve a forgotten password. It also makes sure the user submits a valid email address by sending them a link to their email that they must click before the registration is completed.

There is no need to know coding the video will walk you through setting it all up. All the files you need are available for download on this site.

User Registration

• Log in
• Log out
• User can change password
• User can retrieve forgotten password
• Password protect any pages on your site with a small snippet of code
• Of course it’s free

Click Demo to try out the registration system.

Click Download to download files.

Is a powerful multi-language source code Library and clipboard extender with the following benefits:

* Built-in library with 50,000++ lines of code
* Fully support more than 30 programming languages
* Manage your source code in a single, Secure place
* Password protection & strong 448 bits encryption (optional)
* Full integration with *all* major programming IDEs
* Boost your productivity with its powerful clipboard extender and AutoText utility

Read the rest of this entry »

JavaScript, with the rise of Ajax, is definitely a must-know-well for every web designer/developer.

Besides form controls, alerts & similar simple JavaScript usage, you can almost do anything with the help of JavaScript (& Canvas). Some samples are:

• Drag’n drops
• Animations
• CSS manipulations, Ajax & more.

And there are JavaScript libraries which make them easier like jQuery, MooTools, Prototype, etc.

For any developer looking for advanced JS techniques, games are a real treasure.

You can easily see examples of animations, interactivity, smart solutions for browser related math functions & so.. And they are definitely a source of inspiration as you sometimes face with a feature that you never thought could be existed.

Also, this is the last month of a busy year & every web designer/developer deserves some fun : ).

So, here are 25 amazing (sometimes not the game itself but how beautifully it’s done) JavaScript games that you’ll love.

Bunny Hunt

A classic hunting game with an easy to play interface.

Make sure you check the source of the website to see how simply it is built with the power of XHTML, CSS & JavaScript.

JavaScript Library: none.

Travians

A character game (like Sims) where you’re a villager.

It is a multiplayer game & totally Ajaxed. You can move your character, communicate with other user & more.

JavaScript Library: xajax.

Read the rest of this entry »

Pixastic is an open source JavaScript image processing library.

It uses HTML5 Canvas element that enables accessing to raw pixel data.

Supported effects are:

• desaturation/greyscale
• invert
• flipping
• brightness/contrast adjustment
• hue/saturation
• emboss
• blur & more

There is an image editor built with it & the library is well-documented.

Compatibility: All Major Browsers (IE requires ExCanvas)
Website: http://www.pixastic.com/

Dojo is an Open Source DHTML toolkit written in JavaScript. It builds on several contributed code bases (nWidgets, Burstlib, f(m)), which is why we refer to it sometimes as a “unified” toolkit. Dojo aims to solve some long-standing historical problems with DHTML which prevented mass adoption of dynamic web application development.

Dojo allows you to easily build dynamic capabilities into web pages and any other environment that supports JavaScript sanely. You can use the components that Dojo provides to make your web sites more usable, responsive, and functional. With Dojo you can build degradable user interfaces more easily, prototype interactive widgets quickly, and animate transitions. You can use the lower-level APIs and compatibility layers from Dojo to write portable JavaScript and simplify complex scripts. Dojo’s event system, I/O APIs, and generic language enhancement form the basis of a powerful programming environment. You can use the Dojo build tools to write command-line unit-tests for your JavaScript code. The Dojo build process helps you optimize your JavaScript for deployment by grouping sets of files together and reuse those groups through “profiles”. You can see dojo in action or download the dojo toolkit here.

ProtoChart is a new opensource library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries.

Features

• Line, bar, pie, curve, mix, and area charts available
• Multiple data series on same graph
• Highly customizable legend support
• Customizable grid, grid border, background
• Customizable axis-tick values (both x and y)
• Supports: IE6/7, FF2/3 and Safari
• Even works on an iPhone!

Demonstration

You may also be interested in:

Open Flash Chart

Effective data visualization allows users to easily understand and consume otherwise complex, boring information. Plotting your data can serve as a replacement to tabular data, and is also a great way to add practical graphics to your web page or application. There are a variety of ways you can plot data on-the-fly – but in this article we’ll focus on 10 excellent JavaScript solutions to graphing/charting data that allow you to process data client-side. You’ll also find a link to one of the demonstration pages of the script so that you can see it in action.

Flot

Flot is a data-plotting library developed by IOLA built on top of jQuery. It’s easy to use, yet feature-packed and elegant. It has a mouse-controlled zooming feature (click and drag over the target area) and some simple user interactivity features such the ability to determine the x and y coordinates of mouse clicks.

Demo: Different graph types

Flotr Javascript Plotting Library

Flotr, written by Bas Wenneker of Solutoire.com, is a plotting solution inspired by Flot that uses the Prototype JS library and excanvas.js. It supports most modern browsers including Internet Explorer 6, and has many features of Flot including mouse tracking, selection, mouse-tracking features.

Demo: Basic Legend Example

Read the rest of this entry »