Sprite Animations With jQuery: Spritely

11 Mar

" alt="Sprite Animations With jQuery: Spritely" width="490" height="200" class="thumbnail" />

Spritely is a jQuery plugin for creating dynamic character & background animations using HTML + JavaScript.

With the power of JavaScript, the animations can be controlled on events (clicks, mouseovers) easily.

jQuery Spritely

Animated elements can fly over the page without effecting any other element (can be ideal for floating-type banners) & the page still remains accessible.

Specially, for the platforms where Flash is not supported, Spritely can be an alternative (like iPhone, iPad).

It works in all major browsers including IE6.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

 

Click here to read the full article

Article Source: Sprite Animations With jQuery: Spritely

Weebly Announces $13,000 Prized Theme Design Contest

10 Mar

" alt="Weebly Announces $13,000 Prized Theme Design Contest" width="490" height="200" class="thumbnail" />

Weebly LogoWeebly, a very easy-to-use, popular & web-based website-builder service has just opened its theme gallery to all designers.

And, to celebrate this, they launched a design contest with $13,000 in prizes which the entries will be judged by well-known designers:

  • Michael Cronan (acknowledged with the naming and identities of Tivo and Verio and naming the Amazon Kindle)
  • Scott Thomas (former design director of Obama for America)
  • Jason Putorti (former lead designer of Mint.com)
  • Andrew Wilkinson (Founder, MetaLab)
  • Dustin Curtis
  • Rob Martin

Weebly Theme Contest

Prizes are $10,000 for the winner, $2000 for the 2nd & $1000 for the 3rd position.

Creating a theme for Weebly is very easy as you don't have to worry for the HTML-CSS. Just focus on the creativity, design a layered PSD & Weebly team will convert it for you.

If the design created is not one of the winners, it may still be added to the themes database by Weebly & designers will be credited.

Deadline for submitting designs is April 30th, 2010 & it is open to everyone.

To read more and join the contest, check the contest page.

P.S. This post is a sponsored review.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: , ,

Related posts

  • No related posts.

 

Click here to read the full article

Article Source: Weebly Announces $13,000 Prized Theme Design Contest

CSS3, Please! – The Cross-Browser CSS3 Rule Generator

10 Mar

" alt="CSS3, Please! – The Cross-Browser CSS3 Rule Generator" width="490" height="200" class="thumbnail" />

CSS3, Please! is a web-based & simple-yet-effective cross-browser CSS3 rules generator.

As every browser may require different prefixes for the CSS3 properties, this tool makes it so easy by providing them all with an editable & well-commented way where the output can be seen instantly.

Currently, it helps you write the rules for: border-radius, box-shadow, linear-gradients, rotation & @font-face. Some other transforms like skew & scale will be added soon.

For some transforms, that Internet Explorer can support via IE filters, they are mentioned too.

CSS3 Please

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

 

Click here to read the full article

Article Source: CSS3, Please! – The Cross-Browser CSS3 Rule Generator

Open Source And Live Web Analytics: SlimStat

9 Mar

" alt="Open Source And Live Web Analytics: SlimStat" width="490" height="200" class="thumbnail" />

SlimStat is an open source web analytics application that collects & presents statistics information about your website.

It is built with PHP-MySQL & can be integrated into websites with JavaScript (like Google Analytics) or PHP.

SlimStat

For

Awesome Speech Bubbles With Pure CSS3

9 Mar

" alt="Awesome Speech Bubbles With Pure CSS3" width="490" height="200" class="thumbnail" />

Nicolas Gallagher is sharing a creative way on creating good-looking speech bubbles with CSS3.

There are no images or JavaScript in the implementations but uses the :before and/or :after pseudo-elements to produce basic shapes.

The HTML remains semantic however we should remember that CSS3 is not fully supported by all major browsers & we may again require JavaScript to add this support (like IE7.js).

CSS3 Speech Bubbles

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

 

Click here to read the full article

Article Source: Awesome Speech Bubbles With Pure CSS3

Traffic Light Feedback Giveaway – Winners Announced (And 25% Lifetime Discount)

8 Mar

" alt="Traffic Light Feedback Giveaway – Winners Announced (And 25% Lifetime Discount)" width="490" height="200" class="thumbnail" />

Last week, a post was announcing the giveaway of 3 annual Traffic Light Feedback accounts (

Instant CMS For Static Websites: Phpns

8 Mar

" alt="Instant CMS For Static Websites: Phpns" width="490" height="200" class="thumbnail" />

Phpns is an open source news/content management system that will enable you to add dynamic content to any website with one line of code.

The application is not a complicated or a full-featured CMS. Rather, it is a simpler one which is very suitable for managing basic websites.

Phpns

It comes with variables like adding pagination, displaying summary or the full content, RSS generation & much more.

Phpns is multi-user, can create SEO-friendly URLs & optionally, helps you create/manage templates.

The application is built with PHP, uses MySQL for storing the data & comes with a web-based installer.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

 

Click here to read the full article

Article Source: Instant CMS For Static Websites: Phpns

Open Source Video Conferencing: BigBlueButton

7 Mar

" alt="Open Source Video Conferencing: BigBlueButton" width="490" height="200" class="thumbnail" />

BigBlueButton is an open source video conferencing application which is specifically built for remote learning but can be used for standard meetings as well.

The application enables multiple users to login & share their webcam or communicate via VOIP at the same time.

It is a very ideal application for presentations as users can upload PDF or office documents & keep everyone in sync with their current page, zoom, pan, mouse pointer etc.

Also, users can share their desktop with others easily.

BigBlueButton

There are 3 user types:

  • Presenter: can upload presentations & sharing their desktop
  • Viewer: have no authority within the conference, can only view & chat with other users
  • Moderator:can upload presentations, share the desktop & change user types of other users.

Users can raise hands to get the attention of the presenter, mute any other participants they want & chat between themselves in public or privately.

BigBlueButton completely relies on open source technologies & it can be improved further with the API 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:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: , , ,

Related posts

 

Click here to read the full article

Article Source: Open Source Video Conferencing: BigBlueButton

Slim jQuery Form Validation Plugin: Ketchup

6 Mar

" alt="Slim jQuery Form Validation Plugin: Ketchup" width="490" height="200" class="thumbnail" />

Ketchup is an easy-to-customize (in means of appearance & functionality) jQuery plugin for validating user inputs on the client-side.

The plugin works by inserting the validation rules inside the markup, just like:


Ketchup jQuery Plugin

It comes with a bunch of ready-to-use rules, including: required, min/max length, number, URL, e-mail & much more where new ones can be created as well.

Using Ketchup, it is possible to combine validations (a field can be both required & e-mail).

Although the default setup of the plugin is very satisfactory, like mentioned, it is possible to create a new look & feel (which is easy with the documentation 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:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags:

Related posts

 

Click here to read the full article

Article Source: Slim jQuery Form Validation Plugin: Ketchup

Data And Content Visualization: Simile Widgets

5 Mar

" alt="Data And Content Visualization: Simile Widgets" width="490" height="200" class="thumbnail" />

Simile Widgets is a set of open source web widgets for visualizing data & content.

They are actually a spin-off from the Simile Project & improved over time by a community of open-source developers.

Currently, it includes 4 widgets:

Timeline

Simile Timeline

Timeline is for creating an interactive display of events within a timeframe.

It can be dragged or controlled with the mouse wheel & events can be clicked to see the details.

Timeplot

Simile Timeplot

Timeplot is a DHTML widget for plotting time series easily.

On mouse-overs, it can display the values interactively (it works with the same data format that Timeline supports).

Runway

Simile Runway

Runway is a Flash-based implementation of the popular iTunes-like coverflow.

The colors, fonts, reflection & transit,in values can be configured easily. Also, it can fire events to update the web page's Javascript.

Exhibit

It is for creating web pages with advanced text search and filtering functionalities, with interactive maps, timelines, & other visualizations.

You can find more details on a previously published WRD post on Exhibit.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

 

Click here to read the full article

Article Source: Data And Content Visualization: Simile Widgets