I am regularly collecting useful JavaScript and jQuery snippets, libraries, articles, tools and resources and present them in compact round-ups here, on coolajax This time we are again covering some useful JavaScript and jQuery techniques, plug-ins and tools that may help you improve the user experience for your site.
In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect. The techniques presented here for creating sliders, and CSS dynamic resizable bars, can be used together or in part for powering all sorts of jQuery goodness.......
Designing and coding a sponsors page is part of the developers life (at least the lucky developers life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that.....
TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. As a result the tooltip will adjust itself to be displayed above, below, to the left or to the right of the element with TipTip applied to it, depending on what is necessary to stay within the browser window......
The Most Awesome jQuery Image Slider......
jQuery.Syntax is an extremely fast and lightweight syntax highlighter. It has dynamic loading of syntax source files and integrates cleanly using CSS or modelines.......
This is my humble attempt to enhence web time picking.......
Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography websites or image galleries. Our example uses some black and white images to focus on.....
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the interaction.......
Today we are making a jQuery CSS mosaic gallery. Mosaic, because it will feature an interesting tile transition effect when moving from one slide to another.......
Im going to show you how to use jQuery and PHP to build a content editing system that will allow you or your client to easily edit .html pages visually.......
gameQuery is a jQuery plugin to help make javascript game development easier by adding some simple gamerelated es. Its still in an early stage of development and may change a lot in future versions. The project has a Google Code page where the SVN repository of the project is hosted and a twitter page where you can follow the.....
Below Ive prepared a simple table that describes a number of CSS selectors that are not crossbrowser compatible, along with the jQuery syntax for each. The syntaxes are exactly the same as they would be in CSS, save for the jQuery wrapper (just remove $() and the quotes to get the CSS syntax), so using these selectors in jQuery.....
jqFancyTransitions is easytouse jQuery plugin for displaying your photos as slideshow with fancy transition effects.......
Our latest contribution to labs is the selectmenu plugin, which is designed to duplicate and extend the functionality of a native HTML select element, and lets you customize the look and feel, add icons, and create hierarchy within the options. Best of all, its built with progressive enhancement and accessibility in mind, has all the native mouse and keyboard.....
Today were going to break the mold of the traditional tooltip. This tutorial will demonstrate how to build tooltips that are powered by jQuery, with information pulled from a JSON array.......
So today Im going to run through the technique used to zoom the image thumbnails and display the overlay of text.......
Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offers eleven additional movements.......
This past week I was working on a project at work which included building a request form with multiple fields. It was a rather large form that included a dropdown list with an other option. I wanted to allow users to select the other option which then would show an input field so they can enter a specific description.....
This is a pretty nice effect, and it can really help to save space on forms. There are a billion different ways to implement this, and I dont suggest you use the example from above because that was just a quick way to show the effect. So lets walk through a couple of different implementation approaches and figure out.....
JavaScriptMVC is an opensource framework containing the best ideas in enterprise JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.......
PEG.js is a parser generator for JavaScript based on the parsing expression grammar formalism. It enables you to easily bulid fast parsers which process complex data or computer languages. You can use it as an underlying tool when writing various data processors, transformers, interpreters, or compilers.......
PhoneGap is an open source development tool for building fast, easy mobile apps with JavaScript.......
WireIt is an opensource javascript library to create web wirable interfaces for dataflow applications, visual programming languages, graphical modeling, or graph editors.......
Modern Web sites and Web applications tend to rely quite heavily on clientside JavaScript to provide rich interactivity, particularly through the advent of asynchronous HTTP requests that do not require page refreshes to return data or responses from a serverside script or database system. In this article, you will discover how JavaScript frameworks make it easier and faster to.....
QUnit, developed by the jQuery team, is a great framework for unit testing your JavaScript. In this tutorial, Ill introduce what QUnit specifically is, and why you should care about rigorously testing your code.......
CoffeeScript is a little language that compiles into JavaScript. Think of it as JavaScripts less ostentatious kid brother — the same genes, roughly the same height, but a different sense of style. Apart from a handful of bonus goodies, statements in CoffeeScript correspond onetoone with their equivalent in JavaScript, its just another way of saying it.......
The following JavaScript experiments demonstrates the amazing capabilities of the modern browsers such as Chrome and Safari. In this post I will showcase to you an array of experiments that will surely blows your mind off.......
This little beautifier will reformat and reindent bookmarklets, ugly javascript, unpack scripts packed by the popular Dean Edwards packer, as well as deobfuscate scripts processed by javascriptobfuscator.com.......
With todays post I will show you a contrived example to get you started. I eventually hope to add this to the contextMenu.js jQuery plugin that I use, but for now this should be pretty straight forward. I do want to note that in the demo and download I am loading the latest version of the jQuery library (1.3.1).....
fLABjs is a special API wrapper around LABjs which adapts the code to work properly in a file local filesystem environment. There are a number of things with core LABjs does which are not appropriate for local filesystems, such as XHR, special path handling rules, etc.......
This time we will learn how to improve a little more our sites by adding some additional interactions to our search boxes like autofocus, highlighting, autoreplace default text and more by using jQuery.......
Categories
Information
Connect
Tags:
