Monthly Archiv: July, 2011

Simplified & Lightweight Color Picker – Flexi

Advertise here with BSA


Flexi is a lightweight (4.3kb) color picker that doesn't use any images (thanks to SVG/VML), CSS or 1px hacks but only JavaScript.

It is a standalone script that doesn't require any JavaScript frameworks and can pass the color selected in hexadecimal, HSV and RGB formats.

The dimensions, position of the picker and slide area can be fully customized in CSS just like any other div element.

Flexi Color Picker

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)

texTPress

texTPress is a simple CMS that can accelerate your work in making the website. You can design the website as usual. To make your website become more interactive, you simply setup texTPress. texTPress is built without the need for setting the database, because it uses text file as data storage media. Once you finish putting the files to the server, this application can be executed directly.

Screenshots With Only JavaScript: html2canvas

Advertise here with BSA


html2canvas is an impressive script that can take screenshots of websites (or some parts of them) totally on the client-side, with only JavaScript.

The screenshot is generated via rendering the page as a canvas image by reading the DOM and styles applied to the elements.

html2canvas

As every browser renders pages differently, the output can be expected to differ slightly in each of them.

The library is mentioned to be experimental as there are still various CSS3 properties and elements that are not supported. However, it is still exciting and works pretty good, just check out the demos.

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)

Free JavaScript Diagramming Library – JointJS

Advertise here with BSA


JointJS is a cross-browser JavaScript library for creating fully interactive diagrams.

It makes use of Raphaël.js, can connect vector objects with different types of arrowsand interact with connections + objects.

Joint JavaScript Diagrams Library

The library is plugin-based for extending easily and there are ready-to-use plugins for popular diagrams (ERD, Org chart, FSA, UML, PN, DEVS, LDM).

Objects can be drag 'n' dropped by still keeping the hierarchy created and there are callback functions provided on every level.

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)

CanvasText – Drawing Text With HTML5 Canvas

Advertise here with BSA


HTML5 canvas brings a huge flexibility in drawing graphics in web pages but it is sometimes complicated to work with.

CanvasText is a JavaScript library that handles using and styling text in canvas with a syntax similar to HTML & CSS.

The usage is pretty easy with a readable function and, currently, the supported properties include fontFamily, fontSize, fontWeight, fontColor and lineHeight. More properties and a caching system is mentioned to be under development

CanvasText

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)

Develop Plugins Easier – jQuery Boilerplate

Advertise here with BSA


jQuery Boilerplate is a starting point and a ready-to-use skeleton for developing jQuery plugins.

It is very well-commented, truly object-oriented and implements public and private methods as well as public and private properties.

jQuery Boilerplate

The comments are very detailed and just like an on-hands tutorial to the plugin development.

The boilerplate does not follow all the guidelines provided by the official jQuery documentation and states to provide better performance and memory usage by not creating multiple instances of itself and attaching them to the target DOM elements.

P.S. You may also like a previously-published WRD article: jQuery Plugin Development – 10 Tutorials To Get Started.

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)

Powered by Gewgley