Dragon : Smart scrolling jQuery plugin

Dragon : Smart scrolling jQuery plugin

Dragon – smart scrolling jQuery plugin for correct scrolling mechanics.

Features:

  • Scroll on drag
  • Wheel fullfil
  • Extended keyboard scrolling
  • Metro style
  • One instance
  • Customizable scrollbars
  • Smoth pagination plugin
  • Touch scroll

appendGrid : Dynamic table input jQuery plugin

appendGrid : Dynamic table input jQuery plugin

AppendGrid allow you to input structured data row by row such like filling spreadsheets. It allows you to add/remove/insert/delete row in the grid. The generated input/select/textarea controls are well named for submitting to server side applications such as ASP.NET/PHP/JSP. Multiple options and callback events are available to fit every situation.

Features:

  • Easy to use
  • jQuery UI widgets supported
  • Multiple build-in input types included HTML5 input types
  • Customizable input types
  • Major web browser supported
  • Ready for internationalization

CSS3 Product Wall

CSS3 Product Wall

A CSS3 only product wall that demonstrates the use of the :target pseudo-selector.

Block Uploads of Adult or Nude Images using PHP & jQuery

Block Uploads of Adult or Nude Images using PHP & jQuery

I found an interesting and useful class file in phpclasses.org, that helps to detect image nudity based on skin pixel score developed by Bakr Alsharif from Egypt. I had integrated this with my previous tutorial Ajax image upload with Jquery and PHP, sure this code helps you to block adult or nudity images.

jQuery cssAnimateAuto : CSS transitions Plugin

jQuery cssAnimateAuto : CSS transitions Plugin

A jQuery plugin that uses CSS transitions to animate an element’s height or width to auto.

jQuery Cool Text – Incredible Animations

jQuery Cool Text - Incredible Animations

It would be virtually impossible to create complex text animations only with css transitions. With CoolText you can do that with few lines of javascript or html attributes. It comes with 300 ready-to-use animations and with a tool that let you create your animations packs. You can use it both via javascript and html markup. CoolText lets you animate letters or words, control speed and stagger, create animations sequences and so on. And it’s responsive and SEO friendly. CoolText takes advantage of the TweenMax power and of the jQuery flexibility.

Smart (Auto-Hiding) Website Header & Footer using jQuery

Smart (Auto-Hiding) Website Header & Footer using jQuery

There are plenty of reasons for using a sticky header navigation in your website. It provides easy access for top-priority links, plus a way back to the homepage from anywhere on the site. However problems may arise when you have a navigation bar which blocks some of the page content.

In this tutorial I want to demonstrate how we can build a locking header bar which will auto-hide itself after scrolling down the page. Also when scrolling to the very bottom we will display a small footer which includes many of the same nav links.

BalanceText : jQuery plugin for implementing balancing of Wrapping Text

BalanceText : jQuery plugin for implementing balancing of Wrapping Text

A jQuery plugin to provide an alternate text wrapping algorithm. I hope to get this into the CSS spec, so it’s implemented as a polyfill.

The default text rendering algorithm is:

  1. Add 1 word at a time to the current line until the next word won’t fit.
  2. Break text so that the next word starts on a new line.
  3. Repeat until all text has been rendered.

Knwl.js : A Natural Language Processor in JavaScript

Knwl.js : A Natural Language Processor in JavaScript

Knwl.js is a Natural Language Processor built with JavaScript, put simply, Knwl.js scans through text, user data, or just about anything for data of interest, phone numbers, dates, locations, emails, times, and more. Even check if the string may be spam, or get the overall emotion.

jQuery Stickypage plugin

jQuery Stickypage plugin

jQuery plugin to display a page with chronological sticky tags.

Features:

  • Sticky tag can be positioned anywhere you want them to be (x,y,rotation). x, y are percentage within the canvas area (not pixel)
  • Responsive
  • User can use scrollbar to reveal sticky tags that are buried beneath the others.