Archive for the ‘Goodies’ Category

In order to better understand this resource, let’s describe augmented reality first. From Wikipedia:

Augmented reality (AR) is a term for a live direct or indirect view of a physical real-world environment whose elements are merged with (or augmented by) virtual computer-generated imagery – creating a mixed reality

EZFlar is an open source ActionScript library that enables you to create such a media. Or, you can use the online generator.

EZFlar - Augmented Reality

How it works?

It simply inserts a pre-defined media inside a "pre-defined object" in another media.

There is an online generator provided. You’ll need a webcam & a printer to test it instantly:

  • Select the media to be integrated (image, video, sound, URL, etc.)
  • Print a special shape provided
  • Display the printed sheet while the application records you through your webcam
  • It will insert the "selected media" to the place where you hold the sheet.

It may look complicated, however, you can check this video or this one to see it working.

Ad Gallery is a jQuery plugin for creating an image gallery/showcase quickly.

The plugin uses unordered lists & converts them by offering lots of options for a better customization.

jQuery Image Slider

Some features of the plugin are:

  • auto-start from any image
  • keyboard navigation support
  • custom effects like slide, fade..
  • show image descriptions
  • clicking the images close to the next-prev buttons will call more thumbnails
  • work as a slideshow with start-stop buttons
  • & more..

Ad Gallery preloads the images for a flawless display, however, if the image to be shown is not preloaded, it displays a loader & waits for the image to load.

And, depending on the image size to be presented, it auto-arranges the dimensions of the "container div" for a better fit.

Anyone who visited Mashable lately, the popular social news website, might have seen the "drag to share" functionality which appears when hovering an image.

It is a smart technique which encourages visitors to share a story by offering a quite fun usage.

Drag To Share With jQuery

Nettuts+ is sharing a very nice tutorial (with source) that enables you to implement this feature using jQuery & jQuery UI.

It makes use of the draggable & droppable components of jQuery UI to make drag’n dropping & targeting objects possible.

To see how it works, a demo is provided as well.

GBCF-v3 is a free PHP form script that offers a nice level of accessibility & security.

The script has a valid semantic markup & does not use JavaScript. It is screen-reader optimized & keyboard friendly.

PHP Form Script

In means of security, the form asks a question to the user & expects the right answer to complete the submission. Also, an anti-flood control option can be activated to prevent multiple submissions from an IP & the number of blocked attempts can be seen.

The script is smart in many ways like "changing a form legend of a form also changes the e-mail sent" or no need of using the "back button" to fix the errors.

It is multilingual, has 20+ ready-to-use language files & can be customized easily via CSS.

  • Tags:
  • Filed under: Forms, Goodies, Other License
  • 2 Comments
  • While creating web applications, finding data we need can be a very difficult process. Whether it is a signup page that requires all countries/cities or a "restaurants directory" which needs the data of restaurants.

    Factual is a website which can be a quick solution for reaching data. It is a free-to-use platform where anyone can share & mash open data on any subject.

    Factual

    There are lots of different data tables provided like:

    • Video Games & Cheats
    • Popular Books of the 1990s and 2000s
    • Hiking Trails
    • American Idol Finalists
    • Beer Qualities
    • & much more

    It is possible to view the data in a table form, make changes, filter or export as a CSV file. Also, all data can be reached via Factual API which we’ll probably be seeing lots of applications built around it.

    CU3ER is a free Flash 3D image viewer that can even amaze the users who don’t prefer to use Flash.

    It is an easy-to-use slider which can be customized via XML & offers beautiful 3D transitions.

    CU3ER - 3D Image Slider

    Images can be viewed with the auto-slideshow feature where 2 different types of preloaders can be selected or using the prev-next buttons.

    The core of the slider, transitions, can be configured in many ways too. The number of slices, animation direction, duration, delays, colors & more can all be customized.

    And, optionally, it is possible to display a description box for each image.

    CU3ER is very well-documented and can be used freely in both free & commercial websites.

    There are beautiful free image gallery applications (check Galleries category) around but it is hard to find ones that are compatible with iPhones.

    Jaipho is a free JavaScript image gallery application that is optimized for iPhone.

    Jaipho - iPhone Optimized Gallery Script

    It works very similar to the "Photos" application & can display images:

    • as a slideshow
    • with prev-next buttons
    • using finger gestures

    And, it has companion named Pipho which is the PHP-powered dynamic version.

    Pipho can read photos from a desired folder, creates resized thumbnails, slide images & generates Jaipho JavaScript code automatically.

    jQuery-Accessible-RIA is a set of accessible, usable & easy to implement widgets that are strictly WAI WCAG 2.0 and WAI ARIA compliant.

    The widgets provided are:

    • lightbox
    • live form validation
    • tabs
    • sortable tables

    jQuery Accessible RIA

    jQuery-Accessible-RIA is built using the jQuery UI & works out-of-the-box. Also, they can be highly customized.

    For older screen readers, it includes a workaround & for anyone willing to dive into the code, it is fully-commented.

    sendcube is presenting 10 free e-mail templates that can be used in the newsletters we send.

    All of them are styled with inline-CSS & tested to work in major e-mail clients like Outlook 2000+, Lotus Notes, Hotmail, Gmail, Yahoo & more.

    Free E-mail Templates

    The templates (most of them) come in 3 versions: left-column, right-column or one-column to better suit your needs.

    It is possible to preview them & download only the ones you prefer or in bulk.

    gRaphaël is an open source JavaScript charting library that is based on Raphaël graphics library (WRD link).

    It is capable of generating both static & interactive outputs including pie, bar, line or dot charts.

    gRaphaël - JavaScript Charts

    The charts are created with VML & supports the most popular browsers like Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0.

    There are some beautiful demos provided including the interactive pie chart & the dot chart.

    feed-holder
    FeedBurner
    • Virtual Private Servers - eTecc Web Hosting
    • Manage your clients email marketing with sendcube
    • activeCollab | Project Management
    PSD to HTML
    MailChimp
    • RapidxHTML - Converts Your PSD into XHTML Rapidly
    • PSD to HTML
    • EasyImg - Internet Graphics Engine

    Vivvo CMS - Web Publishing at your Fingertips