Turkpixel

Textualizer

admin — Mon, 02 Jan 2012 20:18:10 +0000

Textualizer is a lightweight (4kb minified) jQuery plugin for creating good looking effects on text.

The plugin accepts any number of sentences (or words) and can rotate them smartly and beautifully.

Once a sentence is about to rotate with the other one, the letters that will be re-used are kept and move to their new locations with several effects to choose from (fadeIn, slideLeft, slideTop).

It is possible to define the duration that each item will be displayed and also the duration of the transitions. Also, functions exist to stop or pause the rotation.
Website: http://kiro.me/textualizer/
Download: http://github.com/krisk/textualizer

Countdown.js

admin — Sat, 26 Nov 2011 08:57:06 +0000

Countdown.js is a JavaScript library for calculating and displaying the timespan between two dates.

The library calculates the value continuously considering “the time goes on” and keeps generating an accurate output.

It can provide the timespan in many formats like milliseconds, seconds, minutes, hours, days, weeks and even millennias.

There are methods for displaying it as an English sentence like “3 years, 6 months, 21 days, 10 hours, and 32 minutes”.

The countdown can be reset easily and there are callbacks both on start and end.

Website: http://countdownjs.org/
Demo: http://countdownjs.org/demo.html

Moment.Js

admin — Sun, 20 Nov 2011 19:05:10 +0000

Moments.js is a feature-rich JavaScript library for working with dates (parsing, manipulating, and formatting them).

It works both in the browser and server with NodeJS as all code is compatible with both of the environments.

The library can easily convert any given date to many different formats, add/subtract dates, hours, etc. and has methods for displaying user-friendly date/times like “in 5 days”

Moment.js is multilanguage and any new languages can be easily added by editing a language file.

Website: http://momentjs.com/

jQuery Transit – CSS3 Transitions

admin — Sun, 20 Nov 2011 18:58:02 +0000

The plugin uses jQuery’s effect queue by default, so, transitions will never run in parallel.

It doesn’t offer compatibility with older browser versions as real CSS3 rules are applied (rather than .animate) but degrades nicely and/or you easily force it to siwtch to the frame-based animation.

Website: http://ricostacruz.com/jquery.transit/
Download: https://github.com/rstacruz/jquery.transit

JQuery mobile

admin — Sun, 20 Nov 2011 18:43:51 +0000

Many designers/developers were excited to see the launch of the jQuery Mobile ~a year ago and waited for the stable release to start building for mobile.
With an announcement yesterday, the project officially reached to its first stable release.
jQuery Mobile already supports a huge set of mobile browsers, has the ThemeRoller for mobile and it is very well-documented with guides + examples for an easy start.
The framework includes many widgets for (touch-optimized) mobile layouts: toolbars, buttons, pages/dialogs, content formatting, list views and forms. All built on jQuery core for a familiar and consistent syntax.

Website: http://jquerymobile.com/
Demo: http://jquerymobile.com/demos
Download: http://jquerymobile.com/download/

Html5 Player framework

admin — Sun, 20 Nov 2011 18:39:33 +0000

Player Framework is an open source video player framework for HTML5, Silverlight, Windows Phone and other platforms.

It offers a JavaScript API for controlling the player where the API methods are the same on both the HTML5 and Silverlight versions.

Such a consistency is very handy for using any of the versions as a fallback of the other with almost no extra coding.

The framework has support for playlists using an array of media items or using a link to a media RSS feed.

W3C timed text (TTML) for captions can be used and there are controls like volume, mute, fullscreen, poster-displaying.

Player Framework is modular, can be extended easily and its look/feel can be customized using CSS.