Blog search

Tuesday, 7 January 2014

PRIMARYWALL : STICKY NOTES WALL BUILD WITH NODE.JS, SOCKET.IO AND JQUERY



PrimaryWall is a web-based sticky note tool wall, build with node.js, socket.io & jQuery designed for schools that allows pupils and teachers to work together in real-time.Getting ideas, collaborating, sharing and quickly posting pieces of information when working in a group or collaborative environment.
PrimaryWall was concieved by a teacher and is built for schools so we kept things simple, fast and user friendly.

ECOMMERCE MENU DESIGN WITH JSON DATA AND JQUERY



This tutorial helps you to to speed up the most important product category navigation menu system for your ecommerce projects. I had implemented Amazon style menu with category image using PHP, MYSQL andj JQuery.

Monday, 6 January 2014

JQUERY RESPONSIVE TABLES



A jQuery plugin to make tabular data responsive.

MOCKJSON : JQUERY PLUGIN FOR MOCKING JSON AND JSONP REQUESTS



MockJSON is a plugin for jQuery that can hijack JSON and JSONP requests and respond with randomly generated JSON data. Completely random JSON would be pretty useless of course, so you can specify a JSON template for each request. On the right you see an example of such a template and some generated output.

JQUERY LINED TEXTAREA PLUGIN



One of the most used, but under featured HTML controls, is the humble TEXTAREA control. This control is designed to accept large blocks of text from the user. A wide variety of plugins exist for the TEXTAREA that layer it with toolbars, auto-resizing, rich-text editing and the works.
However, for my usage, this was way over kill. I wanted a simple line-number facility that would allow my users easily see where they are. Particuraly handy for editing code online. After searching, I couldn’t find one, so I simply created my own plugin.

TINYCON : A SMALL JAVASCRIPT LIBRARY FOR MANIPULATING THE FAVICON



A small library for manipulating the favicon, in particular adding alert bubbles and changing images. Tinycon gracefully falls back to a number in title approach for browers that don’t support canvas or dynamic favicons.
Alerts in the favicon allow users to pin a tab and easily see if their attention is needed.

TEXTFX2 : CSS3 TEXT ANIMATIONS



TextFX2 is a CSS3 Transition + CSS3 3D Transform plugin, and as stated above, all animations will revert to a simple fade for IE8, IE9 and Opera.
Features:
  • Easily create animated sequences like the one shown in the demo. No manual scripting involved!
  • Animate multiple lines of text, examples included in source.
  • Option to automatically loop sequenced animations.
  • Option to randomize a sequence.
  • Hyperlink animated text.
  • Animate text on the fly with TextFX2's API methods.
  • Free from jQuery = no jQuery conflicts!

CAROUSEL PHOTO SLIDER WITH PHP AND JQUERY



To continue with our experiment series, our designing and programming team joined forces to create an amazing carousel vintage photo slider with PHP and jQuery. This is definitely a nice photo slider to be applied in different websites so you can showcase your work in a more original way. This tutorial is going to cover the programming part of the carousel (stay close to find out the release time of the design part) so you can learn how we did this fancy photo slider and you can adapt it to your own projects.

ACCOUNTING.JS : JAVASCRIPT LIBRARY FOR NUMBER, MONEY AND CURRENCY FORMATTING



Accounting.js is a tiny JavaScript library for number, money and currency parsing/formatting with optional excel-style column rendering (to line up symbols and decimals). It’s lightweight and fully localisable, with zero dependencies, and works great as a nodeJS/npm and AMD/requireJS module.

JQUERY SPLITTER : SPLIT YOUR CONTENT WITH MOVABLE SPLITTER



jQuery Splitter is plugin that split your content with movable splitter between them.