Phototype - Image Manipulation with Javascript
"Lately I had same crazy thoughts on coding a javascript wrapper to manipulate images rendered on the server-side. I decided to do some test which eventually resulted in phototype, a client/server-side library, based on prototype, which supports all kinds of image manipulations. On the serverside the library is powered by combination of PHP/GD that renders the image. With phototype, you are able to rotate, resize, flip and do some other cool effects to images."
Blog:
mHub -
Read More...
Creating an Ajax contact form - from start to finish
"In this tutorial I’ll be showing you how to create an Ajax contact form from start to finish. This includes the form HTML/CSS, the JavaScript and the PHP backend. Obviously the form needs to work when JavaScript is disabled so we’ll have to create a functional PHP solution first, and then enhance it with AJAX."
Blog:
mHub -
Read More...
Using jQuery with Ruby on Rails
"By default, Rails comes packed with the Prototype javascript library and the effects library, Scriptaculous. While this is all well and good sometimes you want a change. I personally prefer jQuery to prototype. I don’t have any beef with prototype, infact I used it for about a year before even getting into rails, but I just prefer the jQuery syntax and selectors."
Blog:
mHub -
Read More...
JavaScriptMVC - Open Source Javascript Framework
JavaScriptMVC is a framework that brings methods to the madness of JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.
Blog:
mHub -
Read More...
Vista-like Ajax Calendar
The Vista-like Ajax Calendar (vlaCalendar) version 2 is a unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the mootools javascript framework, AJAX, XHTML, CSS and PHP.
Blog:
mHub -
Read More...
SproutCore - Javascript Framework
SproutCore is a framework for building applications in JavaScript with remarkably little amounts of code. It can help you build full “thick” client applications in the web browser that can create and modify data, often completely independent of your web server, communicating with your server via Ajax only when they need to save or load data.
Blog:
mHub -
Read More...
Erlang-style concurrency with JavaScript 1.7
Er.js piggybacks on Neil Mix's Thread.js which fakes threading in JavaScript 1.7 using coroutines and nested generator continuations. The goal is to replicate Erlang's concurrent lockless process model and message-passing APIs in JavaScript.
Blog:
mHub -
Read More...
jsmap - Map Selector for Form Input Fields
This application is a helper script to choose regions and states in XHTML forms. By clicking on the input field you get a map of the surrounding states, and the you can select from the map. The website is available in both english and japanese. The download is free.
Blog:
mHub -
Read More...
Coda Slider Effect
Although Panic didn't really invent the effect, the sliding panels on the Coda is great implementation of this effect. This article will pick apart the pieces required to create the effect, and how to better it. Recreating this effect is simple to do if you know what plugins to use.
Blog:
mHub -
Read More...
Horizontal JavaScript Accordion 1kb
This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more. I had seen a similar looking feature on the mootools homepage and set out the replicate the functionality as a standalone script and as lightweight as possible. The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.
Blog:
mHub -
Read More...
JavaScript Information Visualization Toolkit (JIT) - Demo
JIT is an advanced JavaScript infovis toolkit that was based on 5 papers regarding different information visualization techniques. The JIT implements advanced features of information visualization like Treemaps (with the slice and dice and squarified methods), an adapted visualization of trees based on the Spacetree, a focus+context technique to lay Hyperbolic Trees, and a radial layout of trees with advanced animations (RGraph).
Blog:
DesignDemo -
(0)
Comment(s) -
Read More...
Prototip 2 - Create Beautiful Tooltips With Ease
This is a very nice piece of source code to keep in your personal AJAX toolkit. "Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework." It's very easy to use and works in all browsers.
Blog:
mHub -
Read More...
Detect the Social Sites Your Visitors Use
SocialHistory.js, code enables you to detect which social bookmarking sites your visitors use. How does SocialHistory.js know? By using a cute information leak introduced by CSS. The browser colors visited links differently than non-visited links. All you have to do is load up a whole bunch of URLs for the most popular social bookmarking sites in an iframe and see which of those links are purple and which are blue.
Blog:
mHub -
Read More...
AJAX Libraries API - Google Code
The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the Google AJAX API Loader's google.load() method, your application has high speed, globaly available access to a growing list of the most popular JavaScript open source libraries including, jQuery, prototype, script.aculo.us, Moo Tools, and dojo.
Blog:
mHub -
Read More...
Processing.js
John Resig has ported the Processing visualization language to JavaScript, using the Canvas element. If you're into visualizations this is a must have. It took him 7 months to complete, but I for one am very thankful he took the time. I've wanted this functionality myself for some time. Thanks John!
Blog:
mHub -
Read More...
JavaScript Information Visualization Toolkit (JIT)
The JIT is an advanced JavaScript infovis toolkit that was based on 5 papers regarding different information visualization techniques. The JIT implements advanced features of information visualization like Treemaps (with the slice and dice and squarified methods), an adapted visualization of trees based on the Spacetree, a focus+context technique to lay Hyperbolic Trees, and a radial layout of trees with advanced animations (RGraph).
Blog:
mHub -
Read More...
Javascript and AJAX Security - How to Make Your Website Safe
Beneath the peppy front ends of many of todays Rich Internet Applications lies a dark flaw that if left unchecked can bring a site down to it's knees. For the past few years many designers and developers have been adding AJAX and Javascript functionality to there websites. Many of these websites suffer from threats such as, cross site scripting (also known as XSS), cross-site request forgery (XSRF), and several other well know exploits. Maybe your using one of the popular libraries such as, Prototype and Script.aculo.us, or Dojo and think You're safe. Think again. Unless you've implemented security fixes you may be vulnerable to several types of attacks. The same goes for blog plugins, popular open source applications, and of-course the plethora of free Javascript and AJAX add-ons available at free script websites. If you want to protect yourself, please read on.
Blog:
Max Kiesler -
(0)
Comment(s) -
Read More...
QuarkRuby - Why I moved from Prototype to jQuery
jQuery is a JavaScript library which follows unobtrusive paradigm for application development using JavaScript. jQuery inherently supports Behavior driven development and is based on traversing HTML documents using CSS Selectors. On the other hand, Prototype is a JavaScript library for Class driven development which makes life easier working with JavaScript. Prototype library has a good support in Ruby on Rails via helper functions.
Blog:
mHub -
Read More...
Plotr - Javascript Charting Framework
Some time ago I was looking for a charting framework for Prototype and I couldn't find it, just because there's none. So that's where it all started. I came across PlotKit, a well written piece of javascript that enables developers to use Canvas or SVG elements for rendering bar, line and pie charts. The only thing was that PlotKit needed the Mochikit library to work. So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. It's released under the BSD license.
Blog:
mHub -
Read More...
MooMonth - A Full Javascript Calendar
I've looked at many AJAX and Javascript calendar applications over the last few years, and I find MooMonth to be one of the best downloadable versions I've seen. MooMonth is a full calendar application written in javascript. Heavily configurable and customizable. It features smooth sexy transitions between different views. Still in alpha stages though, it will be several weeks before ready to be tested in production. As an added bonus, MooMonth is available under the CC-GNU LGPL license. So your free to download an use however you like.
Blog:
DesignDemo -
(0)
Comment(s) -
Read More...
1 2 3 > Last »
