Browsing articles from "October, 2010"
Oct
30

Smooth Div Scroll – a jQuery plugin

By Vinod  //  All, Gallery, Javascript  //  1 Comment

Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scroling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hotspots within the scrollable area or via autoscrolling. Unobtrusive and smooth is the key.

Oct
29

Cappuccino Web Framework – Build Desktop Class Applications in Objective-J and JavaScript

By Vinod  //  All, Javascript  //  1 Comment

Cappuccino is an open source application framework for developing applications that look and feel like the desktop software users are familiar with.

Cappuccino is built on top of standard web technologies like JavaScript, and it implements most of the familiar APIs from GNUstep and Apple’s Cocoa frameworks. When you program in Cappuccino, you don’t need to concern yourself with the complexities of traditional web technologies like HTML, CSS, or even the DOM. The unpleasantries of building complex cross browser applications are abstracted away for you.

Cappuccino was implemented using a new programming language called Objective-J, which is modelled after Objective-C and built entirely on top of JavaScript. Programs written in Objective-J are interpreted in the client, so no compilation or plugins are required. Objective-J is released alongside Cappuccino in this project and under the LGPL.

Oct
28

Sparkup – write HTML code faster

By Vinod  //  All, HTML, Tools  //  1 Comment

You can write HTML in a CSS-like syntax, and have Sparkup handle the expansion to full HTML code. It is meant to help you write long HTML blocks in your text editor by letting you type less characters than needed.

Sparkup is written in Python, and requires Python 2.5 or newer (2.5 is preinstalled in Mac OS X Leopard). Sparkup also offers intregration into common text editors. Support for VIM and TextMate are currently included.

Oct
26

IMGr – jQuery Image Rounder

By Vinod  //  All, Javascript  //  1 Comment

IMGr is a jQuery plugin for rounding image corners. The script utilizes CSS3 in modern web browsers, and VML in Internet Explorer 8 and below.

Features

  • Unobtrusive, <img> element preserved
  • Configure border size, style, color and
    individual corner radius
  • Update corners dynamically
  • Uses CSS3 in supporting browsers
  • Uses VML in IE 6, 7, and 8
Oct
25

svg-edit – A complete vector graphics editor in the browser

By Vinod  //  All, Design, Javascript, Tools  //  1 Comment

SVG-edit is a fast, web-based, Javascript-driven SVG editor that works in any modern browser:

  • Firefox 1.5+
  • Opera 9.50+
  • Safari 4+
  • Chrome 1+
  • IE 6+ (with the Chrome Frame plugin, native IE9 support in 2.6)

SVG-edit is an online vector graphics editor that uses only JS, HTML5, CSS and SVG (i.e. no server-side functionality). SVG-edit has the following features:

  • Free-hand drawing
  • Lines, Polylines
  • Rects/Squares
  • Ellipses/Circles
  • Polygons/Curved Paths
  • Stylable Text
  • Raster Images
  • Select/move/resize/rotate
  • Undo/Redo
  • Color/Gradient picker
  • Group/ungroup
  • Align
  • Zoom
  • Layers
  • Convert Shapes to Path
  • Wireframe Mode
  • Save drawing to SVG
  • Linear Gradient Picking
  • View and Edit SVG Source
  • UI Localization
  • Resizable Canvas
  • Change Background
  • Draggable Dialogs
  • Resizable UI (SVG icons)
Oct
23

Lettering.js

By Vinod  //  All, Javascript  //  1 Comment

Web Typography is exploding all over the web. a lightweight, easy to use jQuery plugin for radical Web Typography.

Oct
22

Knockout – a JavaScript library

By Vinod  //  All, Javascript  //  1 Comment

Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), KO can help you implement it more simply and maintainably.

Headline features:

  • Elegant dependency tracking – automatically updates the right parts of your UI whenever your data model changes
  • Declarative bindings – a simple and obvious way to connect parts of your UI to your data model
  • Flexible and sophisticated templating – construct a complex dynamic UI easily using arbitrarily nested templates
  • Trivially extensible – implement custom behaviors as new declarative bindings for easy reuse in just a few lines of code

Additional benefits:

  • Pure JavaScript library – works with any server or client-side technology
  • Can be added on top of your existing web application without requiring major architectural changes
  • Compact – around 25kb before gzipping
  • Works on any mainstream browser (IE 6+, Firefox 2+, Chrome, Safari, others)
  • Comprehensive suite of specifications (developed BDD-style) means its correct functioning can easily be verified on new browsers and platforms
Oct
19

jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets

By Vinod  //  All, Javascript, Mobile  //  1 Comment

A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Oct
18

FullCalendar – a jQuery plugin

By Vinod  //  All, Javascript  //  1 Comment

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event). It is open source and dual licensed under the MIT or GPL Version 2 licenses.

Oct
16

jQuery Canimate Plugin

By Vinod  //  All, Javascript  //  1 Comment

If you’ve ever wanted to create an animation using a series of images for your website, but were forced to an alternative because you didn’t want to deal with the constraints of the GIF filetype, like color limit and difficult-to-deal-with FPS controls, then Canimate is the solution.

With Canimate, you can take any series of images and, using the Canimate naming convention, have them animate at any speed. You can treat the element that holds the image just like any other, including giving it borders, dragging it, etc. Give it a try!

If you’ve ever wanted to create an animation using a series of images for your website, but were forced to an alternative because you didn’t want to deal with the constraints of the GIF filetype, like color limit and difficult-to-deal-with FPS controls, then Canimate is the solution.

With Canimate, you can take any series of images and, using the Canimate naming convention, have them animate at any speed. You can treat the element that holds the image just like any other, including giving it borders, dragging it, etc. Give it a try!