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

Posts Tagged ‘Javascript’

CLEditor is a lightweight jQuery plugin for adding WYSIWYG HTML editors on web pages.

The plugin works by converting a standard textarea element and it is cross browser.

CLEditor - jQuery WYSIWYG HTML Editor

It is fully customizable like adding/removing/updating controls, enable/disable the use of CSS and much more.

Also, the WYSIWYG editor can be controlled with a set of methods provided.

CLEditor is very well-documented and comes with optional add-ons like "table plugin (visually displays tables inserted)" and "icon plugin (for seeing the smileys inserted)".

OpenHeatmap is a highly customizable mapping resource that comes in 2 flavors:

  • web-based free service:  creating maps that can be shared easily (for end-users)
  • jQuery plugin: more flexible choice with using either Flash or HTML5’s Canvas element to create maps (for developers).

OpenHeatmap

It makes generating thematic maps possible by using the OSM XML file format (OpenStreetMap).

And, if wanted, density/blob based traditional heatmaps can be created too.

The plugin has a feature-rich API and every aspect of the maps can be controlled with JavaScript (like adding pop-ups, allowing zoom, changing colors and sizes, etc.).

MooGeo is a MooTools plugin that makes accomplishing common geolocation tasks easy.

These tasks include getting detailed info about an IP (country, city, longitude, latitude, etc.), parsing geographical data from text and even finding Flickr photos about a given place.

MooGeo MooTools Geolocation Plugin

The plugin makes use of multiple free-to-use services like:

  • Yahoo PlaceMaker
  • Yahoo GeoPlanet
  • jsonip.appspot.com
  • W3C Geo location
  • Flickr.places.findLatLon

and wraps them into a single package.

MooGeo has also support for events on every level (when a request is sent, completed, success or error) which helps offering a better experience to end users.

Few days ago, the jQuery team announced that they are working on jQuery Mobile which will probably become quickly popular on creating mobile web apps. for the fans of the library.

On the other hand, there are already ready-to-use solutions like the pretty-complete jQuery iPhone UI (check the "Mobile Development" category for others).

jQuery iPhone UI

It is a jQuery library which emulates the iPhone interface that is handy for creating iPhone web applications.

The library includes widgets like menu, tabs, scrolling, forms and gallery browsing.

jQuery iPhone UI is not complicated to use and comes with a documentation to get you started.

Usually, many of the ready-to-use image sliders (check the best ones in the galleries category) require a specific width-height for a good looking output.

If your images don't have a standard size, jQuery Image Scale Carousel can be for you.

jQuery Image Scale Carousel

It is a jQuery plugin which auto-scales the images into appropriate height and width keeping their aspect ratio.

The plugin simply converts an array of images to a slider and supports manual browsing with previous-next controls and auto-play.

The download package also includes a PHP-based example which creates the "images array" itself by scanning a given directory.

So So Social is a jQuery plugin which parses RSS feeds from your various social networks and displays them as an "activity feed".

Thanks to YQL, it doesn't require any server-side scripts and can be completely customized with the help of CSS + JS settings.

So So Social jQuery Plugin

By default, the plugin supports Twitter, Facebook, WordPress, Tumblr, Last.FM, Delicious and Flickr.

In order to add more services, just digging the code and extending it with the same methodology will be enough.

Today, it is hard to think of a web project that we don't use <script> tags; JS frameworks, libraries to fix browser incompabilities, etc.

ScriptSrc.net is a website which makes including script tags of popular libraries easy.

ScriptSrc

By simply clicking to the "copy" link, you're ready to paste the script tag for the selected library (which is hosted on Google).

It also displays the versions provided so, if wanted, you can update the URL accordingly.

Nothing fancy, but simple and useful.

JavaScript, by its nature, doesn't have support for "classes" like other scripting languages.

For any developer who frequently uses classes, Class.js can be a very functional resource to help you "think of the code" how you used to.

With under 1kb of code, it provides a basic class structure which can be easily extended with built-in methods like Extend() or Merge() and the plugin support.

Class.js

wdCalendar is a jQuery plugin that enables us to create an event calendar that functions similar to the popular Google Calendar.

With a drag'n drop interface and feature-rich API, it is possible to create, update or delete events easily.

jQuery Event Calendar

It has custom views for day, week or month where you can easily go to a selected date (also with the help of provided JS methods).

Usually, multi-day events are complicated, however, wdCalendar handles them well.

P.S. The resource website also shares other useful plugins for a tree menu display, date-picker and more.

HTML5 video is great as it doesn't require any 3rd party plugins and works in most mobile browsers. However, it is not supported in every browser.. yet.

Also, browsers supporting the <video><audio> tags require different codecs and have inconsistent player UIs.

MediaElement.js

MediaElement.js is a jQuery plugin which enables you to use the <video> tag with one H.264 file (you can also include OGG or WebM, but you don't have to).

If the player doesn't support it, the plugin replaces the player with a Flash or Silverlight-powered one.

There is also MediaElementPlayer.js for building a complete player that looks and functions the same in all browsers.

Uptime Robot
feed-holder
FeedBurner
  • ManageWP
  • aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter
  • PSD to HTML
    PSD to HTML