Category Archives: Uncategorized

An HTML5 Video Framework – Popcorn.js

Popcorn.js is an open source event framework for HTML5 <video> which provides an easy-to-use API for synchronizing interactive content.

It uses the native HTMLVideoElement properties, methods and events with normalizing them into a simplistic API.

Popcorn.js HTML5 Video

The framework also provides a plugin system for community contributed interactions.

There are many functions provided for controlling the video like getting the duration, setting the playback rate or changing the volume.

And, there is Butter which is again an open source resource for authoring Popcorn.js.

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)

Flash To HTML Converter Tool By Adobe: Wallaby

After Flash being blocked by iOS and the increasing popularity of HTML5-JavaScript with the new features offered, it was expected that Adobe will come up with something new to help Flash survive.

Here it is: Wallaby; it is a new tool/technology by Adobe for converting FLA files into HTML5.

Adobe Wallaby

Using this new tool, designers/developers will still be able to keep creating with Flash and their HTML-converted artwork will be compatible with any device including iOS.

Wallaby is still experimental, doesn't support 100% of Flash features but it seems to be a "very good news" for Flash fans.

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)

Simplest Way To Use WebSockets – Easy WebSocket

Easy WebSocket is a free-to-use service which aims to help building realtime web applications quickly without the hassle of setting up Websocket servers.

Using a very simple API built on the WebSocket Standard API:

  • you connect the socket to a given url
  • what you send() through this socket is sent to all sockets connected to the same url

Easy WebSocket is also open source and, optionally, you can setup the system to your own website.

Easy WebSocket

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)

8 Free Placeholder Image Services For Instant Dummy Images

When designing websites, images-to-be-used usually doesn't exist at first as it is the layout that matters the most.

However, the sizes for the images are usually pre-set and inserting some placeholder images help us better seeing/analyzing the layout.

Rather than creating these placeholder images manually, there are free to use services which can automate the process and save us time.

Here is a list of 8 free placeholder image services for instant dummy images:

Flickholdr

FlickHoldr

As the name tells it, Flickrholdr fetches images from the huge database of Flickr.

Besides the size of the images, it is possible to mention tags in the URL which is great for using related images in each spot.

Placehold.it

Placehold.it

The service is full-featured with the ability to mention sizes, image format (.gif, .jpg, .png) and can also display text.

The size of the images generated are displayed on them as well.

{placekitten}

Placekitten

Placekitten is thematic placeholder service that can display any size of kitten images.

There is also a jQuery plugin for dynamically changing any or all of your images to placeholder kittens with just a single line of code.

Dynamic Dummy Image Generator

DummyImage

DummyImage.com is a placeholder generator with a huge set of customization options including size, colors, text, multiple file types and preset sizes.

And, it is an open source script.

nosrc.net

nosrc.net

A simple generator where you can only define the width and height. Also,  the source of the script is shared as well.

FPOImg.com

FPOImg.com

Again a simple service where you can mention a text to be displayed besides the sizes.

IpsumImage

IpsumImage

IpsumImage is a Google App Engine hosted, open source placeholder service (built with Python).

It is possible to customize the sizes, background-foreground colors and text to be displayed.

lowersrc

lowersrc

The service follows a different approach than others and requires a JavaScript to be installed and works without defining "image sources" but simply adding a specific class to each.

Other than sizes, colors and text, you can also set whether the image will be rectangle or a circle.

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)

Mozilla’s Web Application Project Launched

Mozilla has announced the launch of the first milestone release for their Web Application project.

The project is the rival for Google's Chrome Web Store and follows a more open philosophy by letting them to work on any device/browser + not pushing any limits for the distribution (can be any store or directly by the developer).

Mozilla Web Apps

With the stable APIs, developer utilities and documentation provided, web apps are ready to be built using HTML5 + JavaScript.

In order to find out how Web Apps can enable a rich user experience, check out the user interface concepts gallery.

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)

Android Patterns – An Interaction Patterns Library For The Platform

As the popularity of Android rises and more applications are being built for the platform every day, the number of development-related questions increase as well.

Android Patterns is a website which aims to bring a solution to the design-related questions by sharing widely-accepted answers (patterns) for them.

Android Patterns

The patterns are demonstrated in a wireframe and provided with descriptions of when and when not to use them, the pros/cons and screenshot examples.

There are main categories like "Dealing With Data" or "Navigation" and many sub-categories (questions under each).

P.S. If you have patterns that you want to share with others, it is possible to submit them as well.

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)

Lightweight JSON Rendering Engine – Tempo

Tempo is a JSON rendering engine with a light footprint (4kb) for easily designing data templates using pure HTML.

The engine enables us to separate HTML – JavaScript completely and also simplifies dealing with AJAX content.

Tempo JSON Rendering Engine

It also has support for nested and conditional templates (boolean and value-based).

Normally, there is always a chance that data templates being visible before rendered by the browser. To prevent this, you can hide them via CSS and Tempo will smartly remove any inline rules after it is completely rendered.

Tempo doesn't depend on any other library and degrades gracefully if JavaScript is not enabled.

There is a simple Twitter-related demo that shows how powerful it can be.

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)

[Free] New BASIC Interpreter: Write computer programs using the BASIC computer language

If you want to learn to create computer software using the BASIC programming language, check out the newest addition to the Free BASIC Compilers and Interpreters page. This is a BASIC interpreter that lets you write, run and debug your BASIC programs under Windows. Note: if you use a Mac, Linux or some other operating system, you may want to take a look at the other compilers/interpreters listed on the page. They are all free.

Easy & Free Load Testing Tool – StresStimulus

If you ever created a website/application which worked ok in the localhost but didn't  perform well with multiple users, here is an easy-to-use resource

StresStimulus is an extension for Fiddler (an awesome and free web debugging proxy) which enables us to create instant load tests with virtual users.

StresStimulus

You can record a browser activity (like creating a user), replay it under concurrent load and get the results for the performance of web pages and the entire test.

P.S. You may also want to checkout a past WRD article: 15 Free Functionality And Load Testing Tools For Web Applications.

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 Storyboarding For Photoshop: Mr. Stacks

Mr. Stacks is a Photoshop script for quickly and automatically creating storyboards, stacks, and PDF(s) to be used in client presentations, CD check-ins. etc.

Just take any normal sized banner, define few options like the name, background color or "numbering to be printed over them" and your storyboard is ready. Afterward, they can be exported into various files types including PDF

Simply, it helps a lot in accomplishing one of the most monotonous tasks in art direction.

Mr. Stacks

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