Archive for the ‘MIT License’ Category

CSS3 transitions are great and they allow us to create many stuff that we used to see only in JS.

However, compared to JavaScript alternatives, they are not flexible enough in easing functions and, even cubic-bezier (although it is pretty powerful) has its limitations.

Morf.js, is a Javascript work-around for hardware accelerated CSS3 transitions with custom easing functions including bounce, spring, elastic and much more.

Morf.js

Once an easing function is triggered through JavaScript, it is created using webkit-keyframes.

The library uses Shifty.js for tweening regular CSS properties and it is WebKit only.

Google Maps, like any other Google product is already easy-to-use and their API is not that complicated to work with.

However, things can always be simpler and GMaps.js, a feature-rich jQuery plugin, helps consuming Google Maps much easier.

GMaps.js

Besides adding a standard map of a specific location, we can define the zoom level, add markers, get the location of a user (HTML5 geolocation), define routes, draw polylines and more with only few lines of code.

And, it has callbacks on every action to integrate any custom events. GMaps.js is not documented in detail, however, it has examples of each feature.

Chronoline.js is a JavaScript library for creating a chronological timeline of events.

The timeline is is displayed horizontally, events placed on it can be any days long and details about the events are shown in a tooltip when hovered.

Chronoline.js

It can feature the timeline with any number of days (day-by-day, weekly, quarterly, month-by-month, etc.).

The library uses Raphael.js + jQuery and works only in modern browsers.

Redactor is a JavaScript-powered (jQuery) WYSIWYG editor with a clean and good-looking interface.

It auto-converts textarea fields into an editor and the editor is capable of all the major actions (text-styling, adding image/file/video/tables/lists).

The uploading of files and images makes use of HTML5 APIs and they can be uploaded via drag 'n' drops besides selecting files.

Redactor - jQuery WYSIWYG Editor

Redactor can work inline or fullscreen, there are many settings to customize it and it is multilingual (already supports many languages).

P.S. The website of the resource is half English and half Russian but it is coded in English and demos + docs help understanding how it works.

Authenticating users with well-known providers (like Google, Twitter or Facebook accounts) is widely used and an easy-to-use model for end-users.

However, when it comes to applying the feature, you need to deal with the requirements of each provider.

Opauth is an open source PHP library that removes the inconsistencies between providers and offers a standardized method for dealing with them.

Opauth

Currently, 3 providers are almost plug 'n' play: Google, Twitter + Facebook and there are more to come. Also, there is support for dealing with any other Oauth provider.

Also, it integrates well with PHP frameworks including CakePHP, Yii and others to be added soon.