Agregator najlepszych postów o designie, webdesignie, cssie i Internecie

Archiwum Kategorii ‘Web Tools

środa
lip 27,2011

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)

wtorek
lip 26,2011

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)

wtorek
lip 19,2011

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)

wtorek
lip 19,2011

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)

wtorek
lip 19,2011

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)

wtorek
lip 19,2011

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)

środa
cze 22,2011

Post pobrano z: Videola – Open Source Video Management And Delivery Platform

Advertise here with BSA

Today, videos are a significantly large part of the internet content. Not only websites like Youtube or Vimeo but services like Netflix or Hulu and much more support this rise.

Videola, an open source video management and delivery platform built on Drupal, can easily help creating a video-based website with users and even e-commerce being a part of it.

Videola

Subscription plans can be created and videos can -optionally- be streamed only to subscribed users, they can add/remove videos to the queue (like Netflix) and video analytics per subscriber can be viewed.

It is possible to show preview-images/videos to non-subscribed users and there is support for in streams advertising + branding bumpers.

For quicker access to the content, there are widgets like "similar videos" or "popular videos". Also, items can be tagged + categorized.

And, besides desktop browsers, videos can be watched in iOS and Android.

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)

środa
cze 22,2011

Post pobrano z: TN3 Gallery Giveaway – Winners Announced

Advertise here with BSA

The giveaway of 5 Pro licenses of TN3 Gallery, a highly flexible jQuery plugin for creating image galleries, has ended today and the winners are selected.

In case this is the first time you hear about this impressive plugin, here is a quick snapshot of its features:

What is TN3 Gallery?

This jQuery plugin allows us to create image galleries with multiple albums easily.

It can create thumbnails automatically (on the server-side with a PHP script), position these thumbnails vertically or horizontally and enables us to browse image by simply clicking on them.

TN3 Gallery

Other browsing options include prev-next buttons, mouse-wheel + keyboard support, auto-slideshow and bullet-type-of-navigation.

It can use XML as the data source that is a useful feature for integration with 3rd party softwares, can display Flickr images, has a powerful API and much more.

The winners

The random query is ran and here are the 5 lucky winners:

  • Lustucru (comment #353739)
  • Wai (comment #353772)
  • André Gonçalves (comment #353803)
  • Kevin Thomas (comment #358316)
  • Lucky (comment #354314)

Congratulations!

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)

środa
cze 22,2011

Post pobrano z: Pure JavaScript MP3 Decoder – jsmad

Advertise here with BSA

jsmad is a JavaScript-powered MP3 decoder which allows browsers to play MP3 files without Flash .

The project is actually the port of the popular libmad audio decoder and a great effort of translating 15,000 lines of C code.

jsmad

It has support for ID3 (with most of the tags) and works out-of-the-box in Firefox, requires "enabling Web Audio API" in Chrome and other browsers are not yet compatible.

As you can guess, the project is pretty experimental. With better browser support, it will be so useful specially for building real-time audio applications implemented in JavaScript.

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)

środa
cze 22,2011

Post pobrano z: Lightweight jQuery Plugin For Overlays: Simple Overlay

Advertise here with BSA

Overlays are used widely when we need to block HTML elements or the full body and transfer the attention of the user to a specific point.

There are high-quality plugins for creating overlays but most of them come with Lightbox or modal dialog capabilities and sometimes all we need is only the overlay.

jQuery Simple Overlay

Simple Overlay is a flexible and lightweight jQuery plugin that can display the overlay using jQuery's fade effect, slide effect or no effect at all and can be improved further with built-in CSS hooks like CSS3-glossy effects.

The overlay can also be customized more by setting its color, opacity level, whether it'll be removed with onClick and more.

Thanks to custom callbacks, any functions can be fired after onShow and onHide events.

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)