Behave.js : Add IDE style behaviors to plain text areas

Behave.js : Add IDE style behaviors to plain text areas

Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.

Features:

  • Supports Partial IE6, IE7+, Firefox 8+, Safari 4+, Chrome X+, Opera 12
  • No Dependencies
  • Custom Code/Behavior Fencing
  • Hard and Soft Tabs
  • Auto Open/Close Parenthesis, Brackets, Braces, Double and Single Quotes
  • Auto delete a paired character
  • Overwrite a paired character
  • Multi-line Indentation/Unindentation
  • Automatic Indentation

Custom CSS3 Video Players With HTML5 and jQuery

Custom CSS3 Video Players With HTML5 and jQuery

In today’s multimedia web it’s becoming an ever increasing part of web design to include videos. Customizing the video player is one of the first things web designers think about when implementing these elements, as often the default player does not match the website, or merely for consistency across browsers and devices. In this tutorial we’re going to be going through exactly how to do that.

jKit : jQuery based UI Toolkit

jKit : jQuery based UI Toolkit

A very easy to use, cross platform, jQuery based UI toolkit, that’s still small in size, has the features you need, and doesn’t get in your way of doing things!

perfect-scrollbar : Tiny but perfect jQuery Scrollbar plugin

perfect-scrollbar : Tiny but perfect jQuery Scrollbar plugin

Tiny but perfect jQuery scrollbar plugin.

Features:

  • There should be no css change on any original element.
  • The scrollbar should not affect the original design layout.
  • The design of the scrollbar should be (nearly) fully customizable.
  • If the size of the container or the content changes, the scrollbar size and position should be able to change.

jQuery Horizontal Drop-Down Menu inspired by the Microsoft.com

jQuery Horizontal Drop-Down Menu inspired by the Microsoft.com

A responsive horizontal drop-down menu inspired by the Microsoft.com menu.This large horizontal drop-down menu simply shows the sub-menu when an item gets clicked. It’s inspired by the Microsoft.com drop-down menu. Some example media queries show how to adjust the menu for smaller screens.

MelonHTML5 – jQuery Royal Tab

MelonHTML5 - jQuery Royal Tab

Royal Tab is all in one, performance optimized Tab Solution that provides full tab functionalities and its own unique features. It can be easily integrated into any websites with simple & clean HTML markup. All major browsers (Chrome, Firefox, Safari, IE7+, Opera) and Mobile Devices are supported. Royal Tab also comes with Responsive Design, 4 Themes and full API Methods that can be used to interact with your Web App in your own way.

maplace.js : A small Google Maps jQuery helper

maplace.js : A small Google Maps jQuery helper

Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.It requires jQuery and Google Maps API v3 so you need to have both in your page.

Features:

  • Straightforward implementation with simple options
  • Can run as many maps as required
  • Markers and custom icons, zoom level and custom controls menu
  • Supports for Directions, Polygons, Polylines, Fusion tables and styled maps
  • Works in all major browsers, including IE6 (this website not so much)

Long Press : jQuery plugin to ease the writing of accented or rare characters

Long Press : jQuery plugin to ease the writing of accented or rare characters

Long Press is a jQuery plugin to ease the writing of accented or rare characters.I wrote this plugin because I wanted to be able to insert rare characters as easily as on Android or iOS. I learned pretty quickly after doing it that Moutain Lion already offers such a feature. This is called reinventing the wheel…

Focus a form field and hold key to access alternate characters. Try ‘a’, ‘e’, ‘u’, ‘i’, ‘o’ or ‘$’ for example.

Pick letter by:

  • using mouse wheel;
  • hovering over it with your mouse;
  • using arrow keys.

Instafeed.js : A simple Instagram javascript plugin

Instafeed.js : A simple Instagram javascript plugin

Instafeed is a dead-simple way to add Instagram photos to your website. No jQuery required, just good ‘ol plain javascript.Setting up Instafeed is pretty straight-forward. Just download the script and include it in your HTML.

Instafeed with automatically look for a <div id="instafeed"></div> and fill it with linked thumbnails. Of course, you can easily change this behavior using standard options. Also check out the advanced options for some advanced ways of customizing Instafeed.js.