Post pobrano z: Kraken – Fast & Online Image Optimizer

Advertise here with BSA

Minimizing the size of images is an important part of the process for creating faster loading web pages.

We usually play with various variables while saving images to make sure they are optimized like the colors used, file type or quality but there can still be some bytes hidden.

Kraken, a free to use web application, finds those bytes and optimizes the images with a user-friendly interface.

It has support for adding multiple images (up to 20, max 1mb each) via drag 'n' drops, selecting from disk or getting from a URL and quickly uploads + optimizes them.

P.S. The application accepts .JPEG and .PNG files

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)

Post pobrano z: Die Cut Business Cards Giveaway By UPrinting (250pcs * 5 Readers)

Advertise here with BSA

If you are out of business cards or just about to start your business, here is a giveaway that may reach your help.

UPrinting.com, the popular online printing company, is giving away die cut business cards to 5 WRD readers (250 pieces/each).

What is UPrinting?

It is a very easy-to-use service for getting anything printed; brochures, calendars, catalogs, envelopes, stickers, flyers, magnets, business cards, etc.

You can upload your own designs, use their web-based design app or make use of the templates offered.

There are many options for the papers to be used, sizes, corners and more so you can get exactly the print needed.

They offer a quick turnaround for every online printing job and have a 24 hour customer support that makes sure any questions you may have are answered.

Details of the business cards given away?

5 readers get the chance of winning 250 pieces of business cards each. Here are the details of the business cards:

• Sizes to choose from:
  • 2 x 3.5" Rounded Corners, 2×2" Rounded Corners, 1.75×3.5" Rounded Corners, 2×3.5" Leaf, 2×3.5
  • Rounded one corner, 2×3.5" Half Circle Side, 2×3.5" Oval, 2.5" Circle
• Paper to choose from:
  • 14pt Cardstock Gloss / Matte / High Gloss (UV), or 13pt Cardstock Uncoated

They come with 6 business days free shipping (including international winners).

How to join the giveaway?

In order to join the giveaway, commenting to this post is enough. But, for increasing the chances of winning, you can also:

• Facebook "Like" UPrinting using the button below
• +1 UPrinting using the button below
• and mention in your comment if you Facebook "Liked" and/or Google +1ed.

Winners will be selected from the pool of commenters, Facebook likers, Google +1ers and announced 1 week later (22 Nov 2011) as an update to this post.

Good luck to everyone.

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)

Post pobrano z: 80 Pixel-Perfect Vector Icons – MimiGlyphs

Advertise here with BSA

MimiGlyphs is a beautiful set of free vector icons with 80 slick items in the pack.

The set is in .PSD, .CSH (Photoshop custom shape) and transparent PNG formats (16*16px).

Items in the set are a good fit to be used in web apps considering there are icons of actions, charts, comments, devices, social networking and more.

And, they are free to be used in both personal and commercial projects.

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)

Post pobrano z: Pixel-By-Pixel Image Comparison With IM.js

Advertise here with BSA

IM.js is a JavaScript library that can find the differences between images very quickly.

It scans the given images pixel-by-pixel using HTML5 canvas and outputs their similarity ratios.

The developer has created IM.js for auto-testing the similarity of URL snapshots taken from different browsers which is a great idea for quickly finding out any rendering differences or problems. It can also be used for many other cases like detecting duplicate images.

And, besides the ratio, it can create a canvas where the two different images are joined for easily seeing the differences at one sight.

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)

Post pobrano z: Themable And Customizable Content Slider: Basic jQuery Slider

Advertise here with BSA

Basic jQuery Slider is a non-complicated and lightweight (4.6kb minified) content slider plugin that can present any HTML content.

It is not feature-rich and includes only the essential functionality combined with clean semantic mark-up.

There are 2 built-in animation types: fade + slide and navigation can be accomplished with prev-next controls, buttons and keyboard.

And, settings like rotation speed, animation duration and pause on hover exist for a better customization.

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)

Post pobrano z: 123ContactForm – Stunning Web-Based Form Builder (3 Yearly Platinum Licenses Giveaway)

Advertise here with BSA

Almost every website uses forms to collect information from users: contact forms, newsletter subscriptions, order forms and many others.

Although creating forms isn't the most difficult task for a web designer/developer, styling them, handling the submissions securely and tracking the submissions can be tricky and time-consuming.

123ContactForm, an impressive web-based form builder application which eases creating and managing forms so much for everyone, is giving away 3 Yearly Platinum licenses ($300 value/each) to WebResourcesDepot readers.

Details on joining the giveaway can be found at the bottom of this post and here is more information about this exciting application:

What is 123ContactForm?

It is a feature-rich web app that makes creating, customizing and consuming any type of forms (simple to advanced) possible.

Besides standard forms, it has support for creating various special ones like:

• order forms with payment integration (PayPal, Google Checkout or Authorize.net)
• surveys for collecting data from a given group
• event registration with a integrated map

And, there is a templates collection that includes many pre-defined forms like donation form, job application, sales lead, etc. to quickly building them.

123ContactForm has a slick interface with drag 'n' drop support where form fields of any type are easily added or removed.

The look and feel of the output can be selected from a theme gallery or changed/improved by adding custom CSS rules. Also, it is possible to present the same form in multiple languages.

How forms will behave during the submission can be completely controlled as well with options like:

• e-mails to be notified, if the page will be redirected to a URL
• using a captcha or not, blocking any IPs or countries, password protection of forms

Once a form is created, it can be published in many different ways:

• linking to the form
• embedding via JavaScript or iframe
• displaying inside a Lightbox
• Facebook integration, WordPress plugin and Blogger or Google Sites support

And, you can always track the submissions for each forms, their statistics from a user-friendly dashboard.

The application also integrates well with many other popular apps like Google Docs, MailChimp or SalesForce

To sum up, 123ContactForm is a very good solution for instantly and securely collecting data from web users.

How to join the giveaway?

In order to get a chance to win one of the 3 Yearly Platinum licenses, please mention "what you liked the most about 123ContactForm after trying it" in the comments and winners will be selected randomly using the query below on 25 Oct 2011 (a week later) as an update to this post.

SELECT * FROM wp_comments WHERE comment_post_id=2525 AND comment_approved=1 AND comment_type='' GROUP BY comment_author_email ORDER BY RAND() LIMIT 3

Good luck everyone.

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)

Post pobrano z: Well Formatted And Open Source Exchange Rates For Your Web Apps

Advertise here with BSA

For websites that are selling stuff or dealing with currencies, -like displaying prices of products, presenting parities (business-economy sites) , multilanguage web apps- having the up-to-date exchange rates is pretty important.

Open Source Exchange Rates API is a free-to-use service that makes these rates reachable -updated every hour- in a clean JSON format.

The service collects all the exchange rates from the Google Calculator API (one by one) and pushes them in JSON format to a public GitHub code repository where everyone can reach.

It integrates tightly with Money.js, which is a must-bookmark JavaScript library for currency conversion.

Also, the data can be reached historically again in a simple API call.

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)

Post pobrano z: Web Symbols – Free Dingbat Font For Web Apps

Advertise here with BSA

Web Symbols is a free font that includes many widely-used icons in websites and apps rather than letters.

It has icons for CMS interfaces, gallery navigation, social networks, social apps and various other items like a loader, e-mail or list.

The typeface comes in all the required formats including .woff, .ttf, .svg, and .eot.

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)

Post pobrano z: Create Mobile Web Apps Fast With Touchy Boilerplate

Advertise here with BSA

Touchy Boilerplate is a starting kit for creating mobile web apps that covers most of the tricky parts of the development process.

It includes an HTML template with all the mobile-related meta tags, various browsing scenarios like animated navigation, fixed header + scrollable content and deep linking support.

Also, there are Geolocation functions and various other UI elements provided.

The boilerplate uses jQuery or Zepto.js and has 2 other optional helpers: Touchy JS and Touchy PHP which handles most of the exciting stuff mentioned above.

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)

Post pobrano z: 3 Tools For Easier CSS3 “Transition Timing Functions” (Cubic-Bezier)

Advertise here with BSA

One of the exciting features in CSS3: "transitions" come with a transition-timing-function which lets us to define an acceleration curve, so that the speed of the transition can vary over its duration. This is simply how we accomplish easing animations with pure CSS.

If we want to use custom easing animations rather than the pre-defined ones like ease, linear, ease-in, ease-out or ease-in-out the cubic-bezier property, which enables us to define a cubic bezier curve to use as the easing function, reaches to our help.

However, setting the cubic-bezier values can be challenging and a visual representation of the curve makes things much easier. Here are 3 great tools that help creating custom easing values:

Cubic-Bezier.com

The application works with drag 'n' drops and/or keyboard shortcuts.

By updating the curve, it auto-generates the cubic-bezier values. And, you can save them for future use by attaching friendly names and even share each with a unique link.

CSS cubic-bezier Builder

A similar tool which enables creating the values for the curve with drag 'n' drops and also compare the custom one with the pre-defined values.

Ceaser

Ceaser comes with values/transitions of Penner Equations (with approximate values) which means there are many new built-in transitions besides the default ones.

Also, you can create new ones easily and test them on different transition values like width, height or opacity.

Other Tools

There are also few other tools for creating visually creating CSS cubic-bezier values:

• Bezier control
  
• Cubic-bezier tool by Netzgesta.de
  

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)