Archiwum kategorii: Web Tools

CanvasQuery – A Wrapper For HTML5 Canvas

Post pobrano z: CanvasQuery – A Wrapper For HTML5 Canvas


CanvasQuery is a JavaScript library that eases working with HTML5 canvas and adds lots of new methods to it.

The library provides a jQuery-like syntax and methods added are mostly for image manipulation (like masks, blur, crop or fill mask).

It also brings blend modes, new shapes, text wrapping and much more.

CanvasQuery can be used with or without jQuery, has methods for color conversion and can be extended with plugins.

CanvasQueryAdvertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Comix I/O – A Library For Creating Comics

Post pobrano z: Comix I/O – A Library For Creating Comics


We have probably all seen the comics (usually related to web, design and programming) created by the xkcd.

Comix I/O is an open source library for creating them with standard web technologies.

Comix.io

It is built on top of Yeoman and works by converting an HTML with a specific format into comics elements.

And, the library comes with a web-based editor for instantly seeing the output of the HTML.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

GUI Toolkits – Huge Collection Of UI Components (3 Bundles Giveaway)

Post pobrano z: GUI Toolkits – Huge Collection Of UI Components (3 Bundles Giveaway)


When working on web and mobile designs or wireframes, anything that can ease creating these layouts are highly welcomed.

GUI Toolkits is a very large collection of user interface components that has sets from mobile to desktop apps.

Info: They are giving away 3 bundles (each bundle includes all 9 GUI Toolkits) to WRD readers and details can be found at the end of this post.

GUI Toolkits

There are 9 toolkits offered: iPhone, iPad, Android, BlackBerry, Facebook, Web 2.0, Mac, Windows and Windows Mobile apps.

Each of them consists of hundreds of vector shapes and icons that empower anyone (with or without design skills) to create mock-ups and clickable prototypes.

Every toolkit has versions for wireframing + production and, once purchased, any upgrades are free for lifetime.

GUI Toolkits Wireframing

And, GUI Toolkits come with the file format anyone get used to work with as there are versions for Illustrator, Fireworks, Visio, PowerPoint, OmniGraffle, Axure RP Pro and Apple Keynote.

Each toolkit can be purchased separately or a bundle that consists of all the items exists for a good price (which is handy for anyone regularly performing web design tasks).

GUI Toolkits iOS

In order to create faster, get your toolkit at GUI Toolkits now.

How to join the giveaway?

There are 3 bundles (includes all 9 toolkits) being given away and winners will be able to choose the file format they prefer.

In order to join, you can do one or both of the following to increase the chances:

  • leave a comment stating the toolkit of choice and the platform (Illustrator, Keynote, etc.)
  • share this tweet about GUI Toolkits
Winners will be selected a week later (20 Feb 2013) and announced in this post. Good luck to all.

Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

jQuery Datagrid Plugin With A Powerful API: jui_datagrid

Post pobrano z: jQuery Datagrid Plugin With A Powerful API: jui_datagrid


jui_datagrid is a jQuery plugin, making use of jQuery UI, that comes with lots of features for presenting and managing data.

It has built-in pagination, sorting, editing, deleting and advanced searching.

The datagrid can be used with any scripting language (a PHP class comes with the download package) and its look can be totally customized (Themeroller-friendly).

jui_datagrid

A “preferences” option enables users to choose which columns and features to show/hide.

And, a powerful API exists for controlling/integrating the datagrid however wanted.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

iWantHue – A Tool For Creating Color Palettes

Post pobrano z: iWantHue – A Tool For Creating Color Palettes


iWantHue is a web-based color palette generator that provides powerful settings for finding the colors that play well with each other.

It works by defining a range of hue, chroma +lightness and the app can return a palette of any size instantly.

iWantHue

The palettes are provided in multiple formats (RGB or HEX, as a list or JSON) and, also, there are also presets to create faster.

iWantHue is open source and anyone can use it to create palettes with only JavaScript.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Fullscreen Backgrounds And Slideshows With jQuery – Vegas

Post pobrano z: Fullscreen Backgrounds And Slideshows With jQuery – Vegas

Advertise here with BSA

Vegas is an exciting jQuery plugin for creating fullscreen backgrounds for web pages.

The plugin’s capability is not limited to displaying a single image but can also rotate a list of images automatically.

It has settings for defining the interval of the slideshow, fade value and enabling preloading of the items.

Vegas jQuery Plugin

An API helps manually controlling the functionality with functions for prev-next, pause-play or jumping to a specific image.

Also, there are callbacks on every level for further customization.Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

A Lot Of Free Christmas And New Year Vectors

Post pobrano z: A Lot Of Free Christmas And New Year Vectors

Advertise here with BSA

Christmas, so do the new year, is around the corner and snow, santa, christmas tree, ornaments are probably the most requested design elements.

They will be needed in brochures, newsletters or to provide a tiny “new year make-up” to websites.

As expected, WRD has dug the Christmas and new year vectors for you so that you don’t need to. Here they are with the vector formats provided:

Christmas Icons (EPS)

Christmas Icons

Black And White Christmas Icons (AI, EPS)

Black And White Christmas Icons

Article Sponsor

Depositphotos

Depositphotos, the popular stock photos website, has a huge archive of Christmas images in case you can not find the images you are searching for.

Fancy 2012 Text

For the 100s of images to hunt for, they have a discount on Christmas images and they can be purchased for good prices.

Also, if you are looking for other new year design items like Christmas borders, they have them too.

Vintage Christmas Card

Vector New Year Elements (EPS, PDF)

Vector New Year Elements

Merry Christmas Badge (AI)

Merry Christmas Badge

PSD Christmas Icons (PSD)

Christmas Icons In PSD

Christmas Characters (AI, EPS)

Christmas Characters

Christmas Tree Decorations And Gifts (EPS, PDF)

Christmas Tree Decorations And Gifts

Vector Christmas Deer (EPS)

Vector Christmas Deer

Artistic Merry Christmas Text (AI)

Artistic Merry Christmas Text

Vector Christmas Icons (EPS, AI)

Vector Christmas Icons

New Year Ornaments (EPS)

New Year Ornaments

New Year Icons (PSD)

PSD New Year Icons

Christmas Icons By Smashing Magazine (AI, EPS)

Smashing Christmas Icons

Vector Gift Boxes (EPS)

Vector Gift Boxes

Christmas Gift Box Ornaments (EPS)

Christmas Gift Box Ornaments

Elegant Christmas Elements (EPS)

Elegant Christmas Elements

Happy New Year 2013 (AI)

Happy New Year 2013

Shiny Christmas Tree (AI, EPS)

Shiny Christmas Tree

Christmas Sticker Icons (AI)

Christmas Sticker Icons

Vector Christmas Tree (AI)

Christmas Tree

Slick Ornaments For New Year (EPS, PDF)

New Year Ornaments

Vector Christmas Design Elements (AI, EPS, PDF)

Christmas Design Elements

 

And, few nice non-vector elements:

Smashing Christmas Icon Set (PNG)

Christmas Icon Set

Christmas Tree Ornaments (PNG)

Christmas Tree OrnamentsAdvertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Any List Scroller – A Flexible jQuery Plugin To Scroll Lists

Post pobrano z: Any List Scroller – A Flexible jQuery Plugin To Scroll Lists

Advertise here with BSA

Scrolling a list of items, like an image gallery or a news feed, is a frequently-used pattern in websites.

Any List Scroller is a very handy jQuery plugin that can perform the scrolling with any list and in any dimension.

Any List Scroller jQuery Plugin

The list elements can be sized differently, it can stop on the first/last items or work infinitely, there is auto-scroll and the number of items to be displayed can be set.

It is also possible to define the scrolling direction (for auto-scroll) and its speed.Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

JavaScript Charts With SVG – xCharts

Post pobrano z: JavaScript Charts With SVG – xCharts

Advertise here with BSA

xCharts is an open JavaScript charting library that is built on top of D3.

It works with using HTML-CSS + SVG to create good-looking and custom-data-driven charts with ease.

xCharts

There is support for 4 chart types: bar, cumulative, line and line-dotted where the colors, text,dimensions can all be defined via CSS.

The data is provided as JSON and there are callbacks for events like mouseover, mouseout, click so that any interactions can be added.Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Open Source Web App For Scheduling Tweets: Tampon

Post pobrano z: Open Source Web App For Scheduling Tweets: Tampon

Advertise here with BSA

For anyone willing to share tweets when they are not online, various web services exist to accomplish this task (I had also built an open source app: Scheduled Tweets -not updated anymore-).

Tampon is a free and open source alternative (that is inspired from Buffer) that schedules tweets.

It is a Backbone.js application that uses MongoDB for storing the data and has a PHP-based REST API.

Tampon

The application allows creating a schedule with multiple entries and auto-sends your tweets at those periods.

Tweets entered can be re-ordered with drag 'n' drops or, optionally tweeted instantly.

Considering it is open sourced, Tampon can also be a good starting point for creating a feature-rich, customized version.

Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)