WebResourcesDepot

Posted by | Posted on 13:35

WebResourcesDepot


SpryMap – JavaScript Drag ‘n’ Drop Widget

Posted: 08 Nov 2010 09:15 AM PST

SpryMap is a JavaScript widget for creating drag 'n' drop windows similar to Google Maps for easily navigating around big images.

It is a standalone script that doesn't require any JS frameworks and still lightweight (2.8kb).

SpryMag Dragn' Drop Widget

The widget has the options to give you the full control including "the starting coordinates", "dragging to be stopped or not when an edge is reached" and more.

There is also an animation once the image is dropped that positions the image softly (optional as well).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Tags: ,

Related posts

1140px To Mobile Sizes: A Fluid CSS Framework

Posted: 07 Nov 2010 11:21 PM PST

The 1140 grid is a CSS framework which fits perfectly to 1280px resolutions and, for smaller sizes, it becomes fluid for adapting to the width of the browser.

After a certain size, by using media queries for serving the mobile version, it positions all the columns on top of each other to help the same design still make sense.

1140 CSS Grid Framework

It uses a 12 column system and have gutters ~40px on full-width.

The framework works in most modern browsers. As expected, it is a little problematic in IE6 (the developer of the framework states there should be very few people using IE6 and having a large screen size which sounds true).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Tags:

Related posts

Flexible jQuery Syntax Highligher – Snippet

Posted: 07 Nov 2010 12:04 PM PST

Snippet is a jQuery plugin that is built on top of the SHJS script for highlighting source codes in HTML documents.

It supports many scripting languages from JavaScript to SQL and PHP to Ruby.

jQuery Syntax Highlighter

There are 39 built-in and unique color schemes that you can switch in-between dynamically.

The plugin works in all popular browsers and support for languages other than the ready-to-use ones can be found here.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Tags:

Related posts

Comments (0)

Post a Comment