Archiwum kategorii: Web Tools

Free JavaScript Charting Library – Elycharts

Post pobrano z: Free JavaScript Charting Library – Elycharts

Advertise here with BSA

Elycharts is an easy-to-use and customizable library for creating charts with only JavaScript.

The library supports most of the popular chart types including line, column, are, bar, pie, sparklines and combinations.

Elycharts

Elycharts comes with many interactions like mouse tracking and events, highlight of selected areas with various animations, tooltip and hints, html anchors and many more.

Also, it can modify data dynamically with good-looking animations to display the change in charts.

The charts are generated with SVG/VML and the library is built on jQuery + Raphaël.

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)

Web Development Platform For The Cloud – Opa

Post pobrano z: Web Development Platform For The Cloud – Opa

Advertise here with BSA

Opa is a web development platform that is mostly focused on scalability, easy deployment to the cloud, security and a faster coding process to create apps.

It consists of the following which are tightly integrated into each other:

  • a new programming language
  • a new web server
  • a new database
  • a new distributed execution engine

Opa

Opa is a little different most other programming languages around considering the integrity it has. There is no need to deal with any other software, server or language (even SQL or JavaScript). Just Opa.

Out of the box, the platform has everything for scaling of storage, transactions and how they are served. It handles them automatically by using minimum resources.

Opa is currently available for Mac OS X and Linux, however, Windows support is under development. It is also very well-documented.

P.S. Although a new language usually looks hard (or unnecessary) for any developer, Opa is definitely worth checking out.

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

Post pobrano z: 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)

Screenshots With Only JavaScript: html2canvas

Post pobrano z: 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

Post pobrano z: 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

Post pobrano z: 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)

jQuery EasyUI – Complete JavaScript UI Library

Post pobrano z: jQuery EasyUI – Complete JavaScript UI Library

Advertise here with BSA

Besides the official UI library of jQuery, jQuery UI, there are several other libraries that offer a similar functionality. Sometimes more, sometimes less.

jQuery EasyUI is a complete UI library for creating simple-to-advanced interfaces very easily.

Every feature is offered as separate plugins which include drag-drop, pagination, accordion, tabs, panel, menu, form + validation, modalbox, datagrid and much more.

jQuery EasyUI

It has support for theming and comes with a default and grey theme. Also, it is multilingual, already supports multiple languages and new ones can be added quickly.

jQuery EasyUI also has various extensions like portal or an editable datagrid.

The library is very well-documented, comes with examples and updated regularly.

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)

A Beautified Apache Index – h5ai

Post pobrano z: A Beautified Apache Index – h5ai

Advertise here with BSA

Although listing the contents of a directory is not a good practice for most of the websites (considering the complete structure and files will be available to the public eyes), it is an easy way to show and share files.

The default Apache directory listing/index page is not the most handsome one and h5ai is a template built specifically to improve these pages.

h5ai

Its is built with HTML5 Boilerplate, jQuery + Modernizr and can be implemented with few steps: "copy folder h5ai to the web-root directory of your server and update the .htaccess file".

There is a list of options provided inside a JavaScript file and, best of all, the output can be presented in multiple languages with the strings being defined inside that JS file.

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)

CanvasLoader – Ajax Loader Images With HTML5 Canvas

Post pobrano z: CanvasLoader – Ajax Loader Images With HTML5 Canvas

Advertise here with BSA

CanvasLoader is a JavaScript UI library for drawing and animating circular preloaders with HTML5 canvas.

Using a simple function, a canvas element (loader) is created inside a placeholder div and multiple instances can be created at the same page.

CanvasLoader

There are few different loader types supported and they can be customized in many ways like color, density, speed, diameter, fading, FPS and scaling. Also, functions exist for getting the values of each parameter.

Optionally, a web-based creator helps building the loader image by setting the values, previewing the output and downloading the HTML file.

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)

Advanced Dummy Text Generator: RandomText

Post pobrano z: Advanced Dummy Text Generator: RandomText

Advertise here with BSA

RandomText is a website for easily creating dummy text either in Lorem Ipsum or Gibberish format.

It is possible to select the type of the element (paragraph,list or heading), number of these elements and how long they will be.

The generator has shortcuts for getting the HTML-formatted source code and downloading the output as a text/html file.

RandomText

For a quicker access to the service, you can use a specific URL format like: randomtext.me/lorem/ul-10/5-10/ to create a 5-itemed unordered list with Lorem Ipsum text that has 5 to 10 words.

Also, an API generates the text in JSON format which is great for integrating with 3rd party apps.

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)