Archiwum kategorii: Web Tools

Cross Browser & Imageless Activity Indicator

Post pobrano z: Cross Browser & Imageless Activity Indicator

NETEYE Activity Indicator is a jQuery plugin for creating and displaying flexible activity indicators when needed.

The plugin doesn't require any images as it makes use of SVG or VML.

jQuery Activity Indicator

Its color can be defined and, considering the indicators generated support transparency, they fit perfectly to any background color.

There are multiple options offered for customizing it like: number of segments, size (width, length, space), speed of the animation and more.

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)

Instant Rails Environment With Rails Installer

Post pobrano z: Instant Rails Environment With Rails Installer

Ruby on Rails is an impressive development platform which is used widely by developers and popular apps.

If you're already experienced with it, preparing the development environment it requires is pretty easy. However, if you're new to Rails, it can be tricky.

Rails Installer

Rails Installer is a free installation package which includes everything needed for a full Rails stack (Ruby, Tails, Git, Sqlite, Devkit).

Currently, it is compatible with Windows but Mac and Linux versions are mentioned to be "coming soon"

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)

All Google APIs & Developer Tools In One Place

Post pobrano z: All Google APIs & Developer Tools In One Place

Google is providing lots of tools for web designers/developers and almost all of them have their APIs for easier integration with 3rd party services.

If you're a frequent user of these resources and want to reach them easier, Google has a web page specifically for you: Google APIs & Developer Products.

Google APIs & Developer Tools

The page lists all development-related resources of Google with their logos and highlights the ones according to their categories.

A must-bookmark for everyone into web development.

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)

HTML5 & CSS3-Powered Audio Player – ZEN

Post pobrano z: HTML5 & CSS3-Powered Audio Player – ZEN

ZEN is an audio player that is built with HTML5, styled + animated using CSS3 and makes use of jPlayer.

It has a very simplified interface with play or pause buttons according to the state and a chic progress circle.

The player can run only a single track but can possibly be improved pretty easily to support multiple files.

ZEN HTML5 Audio Player

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)

Design Forms Online & Get The Source: HTMLform.com

Post pobrano z: Design Forms Online & Get The Source: HTMLform.com

HTMLform.com is a free web application which enables anyone to design forms online and get the source files (HTML/CSS/JS/PHP).

Without the need of a registration process, you can instantly start setting up a form with:

  • any form field (including file uploads)
  • tooltips for every item
  • validation rules (with regex support)

HTMLform.com

Besides standard form items, captcha (re-captcha) can also be added for minimizing spam.

Every data submitted is kept in a PHP flatfile database engine and with a password login you'll be able to (the script is provided with the download of the designed form):

  • browse the records entered
  • exporting them into a CSV or Excel file

Also, optionally, you can get notified via e-mail every time a new entry is submitted.

HTMLform.com has built-in support for multilanguage forms and there are many features offered for more flexible outputs.

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)

Arbor.js – Graph Visualization Library With Web Workers & jQuery

Post pobrano z: Arbor.js – Graph Visualization Library With Web Workers & jQuery

Arbor.js is a graph visualization library built with web workers and jQuery.

It provides an efficient, force-directed layout algorithm, abstractions for graph organization and screen refresh handling.

Arbor.js

The library doesn't force a specific method for screen-drawing and you can use it with canvas, SVG, or even positioned HTML elements; the best one that fits your project.

Arbor.js simply helps you focus on the graph data and its style rather than spending time on the physics math that makes the layouts possible.

It also comes with a well-documented API and creative 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)

Guide Users Better With Embedded Help System

Post pobrano z: Guide Users Better With Embedded Help System

For a good user experience, it is always a good idea to display a "how to" on a  web page that requires an action from a user.

Embedded Help System is a wonderful jQuery plugin for creating visual and animated usage guides on a web interface.

Embedded Help System

It can be easily added into any existing web page and can display tip boxes that shows + explains the steps of an action. Or, it can perform an animated display of a mouse guiding the user on "things to do".

The plugin gets the settings from a JSON file and can focus on an element for a given period, style it (to emphasize the importance) and more.

There are various demos provided that are worth checking to see the functionality better (click the links on the left bar of the demo page).

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)

The Photoshop Etiquette Manifesto For Web Designers

Post pobrano z: The Photoshop Etiquette Manifesto For Web Designers

If you're using Photoshop to create the design of a website, there should already be some paths that you're following -written or not-.

The Photoshop Etiquette Manifesto For Web Designers is a guide for standardizing this process with good practices.

Photoshop Etiquette Manifesto

The suggestions are collected under several categories:

  • external file organization
  • internal file organization
  • working with type
  • working with images
  • working with filters / before exporting

with titles like "use a grid", "don't stretch type", "store all assets relative to PSD" and much more.

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)

The Photoshop Etiquette Manifesto For Web Designers

Post pobrano z: The Photoshop Etiquette Manifesto For Web Designers

If you're using Photoshop to create the design of a website, there should already be some paths that you're following -written or not-.

The Photoshop Etiquette Manifesto For Web Designers is a guide for standardizing this process with good practices.

Photoshop Etiquette Manifesto

The suggestions are collected under several categories:

  • external file organization
  • internal file organization
  • working with type
  • working with images
  • working with filters / before exporting

with titles like "use a grid", "don't stretch type", "store all assets relative to PSD" and much more.

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)

Display Notifications Easily With jNotify

Post pobrano z: Display Notifications Easily With jNotify

jNotify is a jQuery plugin for displaying animated notifications easily and only with a single line of code.

There are 3 built-in notification types: information, success and failure where each of them can be skinned via CSS.

jNotify

The plugin is very flexible and has many options like the position of the messages, opacity of the overlay, duration of the effects, whether it will be hidden automatically or not and much more.

Also, 2 callbacks (onCompleted and onClosed) help interacting with the functionality better.

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)