Posts Tagged ‘Javascript’

Ptwix is an open source web component, that is built with PHP, for displaying tweets in an Ajaxed interface.

It can be configured to show your tweets or the tweets of your friends.

Ptwix - Ajax/PHP Tweets

Once a webpage is loaded, the latest tweets are shown & "an update button" can make an Ajax call to get the new ones.

The component comes with 3 ready-to-use themes & new ones can be created by updating the CSS + images used.

Ptwix is so easy to install & it supports caching for faster loading.

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.

(smt) is a free script, built with JavaScript & PHP, to create a simple mouse tracking system for webpages.

It enables you to watch how visitors interact with a webpage like:

  • which areas they click
  • what parts they highlight
  • & more..

Mouse Tracking Script

(smt) can work with both liquid & fixed layouts. For any user with "JavaScript disabled" it will gracefully degrade.

The script is very easy-to-install by simply uploading the project folder & including the JS files to the pages to be recorded (documentation).

With various options provided, it is possible to enable/disable viewing the mouse activity routes, distances, clicks & more.

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.

ProtoFish is an advanced dropdown menu script which supports multilevel navigations & built with Prototype.

The script is lightweight (1.3kb minimized), unobtrusive & cross-browser.

Multilevel Hover Menu

The hover class used & delay effect of the menus can be customized with ease.

It is accessible via keyboard using the TAB key & multiple instances of ProtoFish menus can be used on the same webpage.

For demos with various number of of levels & delay effects, click here.

Web Developer Plus, a blog providing web design/development tips & tutorials, is sharing a slick featured content slider that is built with jQuery & jQuery UI.

It is a tutorial which describes each step (HTML, CSS, JS) & comes with the source files.

Featured Content Slider

The slider auto-changes the displayed content in every x seconds defined & can switch to the clicked item instantly.

In proportion with the size of the "main image", the slider can present a limited number of items (4 in the example).

It is also a proof of "how jQuery UI can help creating beautiful stuff with a very little JavaScript".

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

jQuery Superbox! is a jQuery plugin for creating easily customizable modal windows (lightbox-like).

It is an accessible script, uses the rel attribute of an element for triggering & href attribute is used for defining the source to be displayed.

To change the look & feel, it is enough to play with the CSS as no styles are set by default.

jQuery Modal Window

It can display any type of content as every HTML content can be presented. But by default, images (single or gallery mode), text content & iframes are supported

Dimensions of the modal window can be choosen to resize automatically according to the content or width & height can be defined for a standard size.

feed-holder
FeedBurner
  • PSD to HTML
  • PSD to HTML
  • Slice'n Dice
  • Find Out How Serious...
  • activeCollab | Project Management
  • MailChimp

Cheap SSL Certificates - SSLmatic