Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘MIT License’ Category

John Resig is sharing very functional script named Easy Retweet Button that will simplify "the sharing of your content on Twitter".

It is an unobtrusive JavaScript file for displaying a retweet link with a shortened URL via Bit.ly (similar to Tweetmeme) & number of clicks came to that content from Twitter.

Easy Retweet Button

Easy Retweet Button has 2 ready-to-go styles: vertical & horizontal. And it can be easily themed as only HTML, CSS & JavaScript is used.

It is possible to customize the "Retweet" text, prefix of the tweets (like RT @..) & Bit.ly username / API key to be used.

It offers various advantages like:

  • speed: it works completely asynchronously
  • tracking: all the tracking is done via Bit.ly & clicks from retweets can be tracked from a single interface

Steps For Using It With WordPress:

This is nothing complicated but can save your time:

Read the rest of this entry »

Visualize is a jQuery plugin which converts tables to charts & graphs using the HTML 5 canvas tag.

The usage of tables is very important the data is already formatted in a way that is accessible to users browsing the web with a screen reader or other assistive technology.

jQuery Visualize Plugin

The plugin offers a very easy usage as calling a function like: $('table').visualize(); is enough for creating a line, pie, bar or an area chart from a table.

Visualize offers various methods for customizing:

  • the type (line, pie, bar or area)
  • width & height
  • title
  • color
  • margins
  • & more

Here is a customizable demo to test the plugin completely.

Similar to the IE6 situation, when using HTML5/CSS3 in our websites, it is a good idea to offer non-problematic outputs to web users with older/non-standard browsers.

Modernizr is a JavaScript library that uses feature detection techniques to determine whether or not the current browser is capable of CSS3 and HTML5 features like rgba(), border-radius, CSS Transitions & more.

Modernizr

It enables you to write pseudo-IF/ELSE statements in your CSS &, if wanted, it is possible to wirite conditional statements in JavaScript with the help of a "Modernizr JavaScript object" created.

Also, Modernizr adds support for styling HTML 5 elements. This allows you to use more semantic, forward-looking elements such as <section>, <header> and <dialog> without having to worry about them not working in Internet Explorer.

MyTableGrid is a JavaScript-powered datagrid control, built with Prototype, for displaying data in an easy-to-browse & flexible way.

It offers an Ajaxed interface with pretty fast paging & data-sorting.

Data Grid With Prototype

Columns can be resized & any columns can be easily removed for a better view of data.

MyTableGrid allows browsing via keyboard (with the help of KeyTable library).

It supports instant editing of cells & complete skinning via CSS.

MooFlow is a highly customizable coverflow-like image gallery that is built with MooTools.

It is easily & automatically setup by mentioning the HTML element that grabs the images.

MooTools Coverflow

MooFlow has various features like:

  • fullscreen support
  • browsing with mouse wheel
  • browsing with keyboard
  • autoplay & loop
  • automated JavaScript image reflections

The script is also flexible when loading the images. The data source can be JSON or HTML with selector-filter.

And, its interface can be totally skinned via CSS.

jQuery Impromptu, a jQuery pugin, is offering a chic replacement for alert, prompt, and confirm dialogs.

Although it is not an alternative for modal windows, it can display any HTML content, supports sequential messages & more.

jQuery Prompt Window

The plugin comes with a bunch of options for maximum customization like:

  • loaded, callback & submit functions to step in every point
  • changing prompt & overlay speeds
  • using different animations on prompt windows 6 more

The look/feel of the message boxes can be updated easily via CSS & various examples are provided on theming.

BlueTrip is a CSS framework which aims to combine:

to provide you a sensible set of styles and a common way to build a website so that you can get right to designing.

BlueTrip CSS Framework

Some features of BlueTrip:

  • 24-column grid
  • sensible typography styles
  • clean form styles
  • a print stylesheet
  • an empty starter stylesheet
  • chic buttons
  • status message styles

To see the framework in action, check the demos.

Inside the "Let’s make the web faster" website, Google is sharing the tips & tutorials for better performing webpages.

Some of the articles are:

Website Optimization

Besides the articles, It is possible to reach videos of speeches by several organizations on website performance.

Also, links to various tools for the issue provided & a large community discusses the subject continiously.

Google Analytics offers various ways to view the data & make comparisons, which is great. But if you need a totally unique view or want to make comparisons with another data source, you’re limited.

Excellent Analytics is an Excel plug-in for importing web analytics data from Google Analytics in to an Excel spreadsheet.

So, you can easily build queries with all dimensions and metrics available or apply filters to create advanced queries

Excellent Analytics

The plug-in is open source & for improving it further, it can be found here.

jMonthCalendar is a jQuery plugin for creating an event calendar which displays the calendar as a month-view.

Once the plugin is initialized & events array is mentioned, the calendar is ready. But jMonthCalendar offers extension points which makes it possible to interact with it like adding events, changing the month & more.

jQuery Event Calendar Plugin

The calendar supports multi-day events & drag’n drops for updating event dates easily.

It can be browsed by months & years with the prev-next links. And, the plugin uses the beautiful DateJS library for date functions

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com