Category Archives: Uncategorized

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.

Open Source Exchange Rates

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)

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.

Web Icons Typeface

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)

WordPress 3.3 Beta 2

Changes since Beta 1:

  • Updated the Blue theme
  • Fixed IE7 and RTL support
  • Improved flyout menu styling and fixed several glitches
  • Finished the Pointers implementation
  • Landed the dashboard Welcome box for new installs
  • Improved contextual help styling
  • Tweaked the admin bar a little more
  • Fixed a bunch of bugs

Consult the full change log  for details, and see the Beta 1 announcement for information on how to help test Beta 2.

Welcome for the new –
3.3 at beta 2.
(IE7, woo!)

Download 3.3 Beta 2.

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.

Basic jQuery Slider

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)

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 Logo123ContactForm, 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.

123ContactForm

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.

123ContactForm Themes

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)

PHP Library For Image Manipulation – Imagine

Advertise here with BSA


Imagine is an object-oriented PHP library for working with images and manipulating them.

The library can handle frequently-used operations like resize, crop or applying filters.

A color class helps generating the RGB values of any given color and methods exist for drawing shapes like arc, ellipse, line, pieSlice and more.

Imagine PHP Library

Also, it is possible to load any font file and insert text into images with a flexible font class.

Imagine is a frequently-updated library with an exciting to-do-list like charting, reflection and rounded corner filters.

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)

ShareCount – A Single Counter For Social Shares

Advertise here with BSA


Web pages usually display multiple widgets of different networks (like Facebook Like, Tweet button, etc.) for social sharing.

ShareCount is an open source script that collects the number of sharing activities in a single counter.

The counter sums up the number of sharings of an URL in Twitter, Facebook, Digg and Delicious.

ShareCount

Also, it saves space by providing the ability use each social network's widget from the same button (that nicely toggles on hover).

The code of the script is pretty straightforward and it is easy to define new services.

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)

No More CSS Prefix Chaos With PrefixFree

Advertise here with BSA


Almost every browser comes with its own CSS prefix like -webkit-, -moz- or -o- which usually ends up in several repeated and unused CSS rules.

PrefixFree is a script which enables us to use CSS properties without vendor-specific prefixes.

At the backend, it detects the browser of users and adds only the prefixes needed to the CSS rules.

PrefixFree

It works for both external (<link>) and inline (<style>) styles. PrefixFree even finds elements with style attribute and processes them too.

The script is standalone but there is also an optional jQuery plugin provided.

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 Set Of Pure CSS Animations – Animate.css

Advertise here with BSA


Animations like fade in/fade out or bounce are used almost everywhere, thanks to the ease that JS frameworks are offering, to create attractive user experiences.

Many of these animations actually have equivalents in CSS and Animate.css eases the usage of them.

It is a single CSS file that includes various rules for animations like flash, bounce, shake and multiple fades, rotates + bounces.

Each animation comes as a class. As CSS animations have native hardware acceleration, they work much smoother compared to JS animations. However, it'll be a good practice to have JS animations as a fallback.

Animate.css

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)

Website Feature Tours With jQuery – Joyride

Advertise here with BSA


Joyride is a plugin for jQuery that simplifies the process of guiding users to discover the features of a website.

By defining the steps of the tour as an ordered list, the plugin displays desired information near any HTML element inside tooltips.

jQuery Joyride

The location of tooltips (bottom, top), scrolling speed of the page, cookie on/off and several other options exist for customization.

To sum up, Joyride is a simple yet effective way of helping users find out the features of a website.

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)

Powered by Gewgley