Textarea Tabbing – Code based tabs with jQuery

Textarea Tabbing – Code based tabs with jQuery

Recently I was working on a project that let users edit some source code in a HTML textarea box and send it back to us, so to provide some simple functionality and formatting whilst editing code in a textarea I needed to find a way to mimic tab based behaviour from a text editor.

Visual Type Scale Calculator with jQuery

Visual Type Scale Calculator with jQuery

Type-scale is a visual type scale calculator.

SlideMenu : jQuery Responsive Sliding Menu

SlideMenu : jQuery Responsive Sliding Menu

SlideMenu is a solution for creation responsive slide navigations. It supports show and hide CSS3 animations, unlimited slides, custom themes and multiple instances. The plugin can be deployed easily. It runs on all modern browsers and mobile devices. You can customize the plugin by adding CSS or LESS code to the themes and also changing settings.

  • Unlimited Number of Slides – you can use unlimited numbers of submenus
  • CSS3 Animations – over 60+ CSS3 animations are available to give some stunning effects to the menu
  • 5 Predefined Themes – included 5 skins, you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
  • Build with LESS – LESS and CSS files included

Hover on Touch : Js Plugin

Hover on Touch : Js Plugin

Javascript plugin for an alternative hover function on mobile devices. It shows secondary information on Taphold & goes to a link on Tap.

Features:

  • Put anything inside the info div
  • gifs restart on display
  • The script will not interfere with any hover animations on desktop browsers (non touch devices) .

Resize And Crop Image Using PHP And jQuery

Resize And Crop Image Using PHP And jQuery

Resize and Crop Images is very useful and important technique to save space and bandwidth and it also decrease page execution time and load your webpage much faster.Crop the image when you want to a particluar part of an image to display like only your face and sunset behind you etc.So both are very useful and important technique you can do with your images.In this tutorial we will Resize and Crop an Image Using PHP and jQuery.

Waterfall.js : JS Library for Pinterest Grid

Waterfall.js : JS Library for Pinterest Grid

Currently the best option today to do this job is Masonry, but it’s very heavy and have dependency of jQuery. Please understand: this isn’t a problem is most cases, but in cases when perfomance and page weight matters, the best case is try other options: maybe pure CSS? It’s possible?

ToxicBox : jQuery LightBox Plugin

ToxicBox : jQuery LightBox Plugin

This is a jQuery plug-in. It displays pictures, containers, and notifications in a popup window. They will have unified style which can be adjusted to the individual site design. Plug-in is under development, so some bugs may still be present. It is similar to other “lightbox jquery” plug-ins, but it is written from scratch.

Features:

  • Cross browser compatibility
  • Mobile-Friendly
  • Display of related images
  • Advanced loading of consecutive images
  • Display of single images
  • Display of containers (div, section…)
  • Display of notifications
  • Correct response to zoom
  • Easy category conversion

EndlessRiver : jQuery Content Scroller

EndlessRiver : jQuery Content Scroller

Endless river is a jQuery plugin, that animates content and make it scroll endlessly!

The usefull feature is that you don’t have to set widths to elements, because speed is set in pixel/second!!

Inspirational Input Focus & Placeholder Effects with CSS3

Inspirational Input Focus & Placeholder Effects

In this tutorial, you see input border, background, placeholder effects on focus. And also see placeholder move as a label on input focus.

Origami.js : Create things with HTML5 Canvas

Origami.js : Create things with HTML5 Canvas

Origami.js was originally designed as a teaching tool for geometry, JavaScript, and the web in schools. It’s evolved into a powerful library for creating things with HTML5 canvas.