Ajax Freak
All about Ajax and PHP
jQuery pageSlide
Feb 8th
jQuery pageSlide was inspired by the UI work of Aza Raskin. In his recent posts regarding concepts for Firefox Mobile and a mouse-based Ubiquity, Aza introduced the idea of sliding (or “throwing”) content aside to reveal a secondary content pane.
This plugin allows any developer to recreate a similar interaction on their own website using a few simple lines of Javascript. By attaching the method to an anchor tag, pageSlide wraps the original body content into a wrapper and creates an additional block for the secondary content load. The slide is animated whenever the click event is invoked.
Share it
Columnizer jQuery Plugin
Feb 8th
The Columnizer jQuery Plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns.
And, yes, it’s very easy to use!
Share it
jQuery Masonry-CSS Layout plugin
Feb 8th
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
Share it
Fixing common Browser Issues about jQuery
Feb 5th
- Fixing IE overflow problem- IE has a different implementation of overflow compared to Firefox or Safari. This is a detailed account of the problem, and it’s fix.
- Using jQuery to align column heights- This tutorial will show you how to use the popular jQuery library to match the height of 2 columns in your layout.
- Hacking transparent PNG support into IE6 with IE PNG Fix, CSS and jQuery- How to enable transparent PNG support in IE6
Share it
jQuery Cheat Sheets
Feb 5th
jQuery Cheatsheet- The cheat sheet comes in two flavors: 1) Made for iPhone and iPod Touch, and any other mobile device with internet access. 2) Old-school printable A4 cheat sheet
Share it
Tutorials on jQueryForDesigners
Feb 5th
- Using Ajax to Validate Forms- With this tutorial you will be able to have your first forms that do the following: 1) Live username checking, 2) Password confirmation and strength, 3) Checking if an email address is already registered, 4) URL validation
- Image Cross Fade Transition- How to fade one image in to another?
Share it
15 Days Of jQuery
Feb 5th
15 Days Of jQuery-Fantastic tutorials and example code that takes you from zero to hero in no time flat.
Featured Tutorials of 15 Days Of jQuery
- jQuery Online Movie Tutorial by John Resig- Pretty basic stuff… but a good intro to jQuery if you’re new to this.
- Draggable, Droppables, Selectables… Oh My!
- Multiple File Upload Magic With Unobtrusive Javascript
- Rounded Corners with Javascript (jQuery)
Share it
jQuery GPS
Feb 4th
jQuery GPS is a jQuery plugin for people that want to add Google maps to their website, but don’t want their website to be bogged down with the features they don’t require.
All you have to do is add inputs for addresses by simply adding default or custom ID’s. You can even use any element to trigger the event, so it doesn’t need to be embedded inside a form.
With jQuery GPS you have the option to select the position/place on the map upon first load, and to open a toolip or image on that starting location.
Demo : : Documentation
Share it
Google Maps jQuery Plugin
Feb 4th
The Google Maps jQuery Plugin takes away a lot of the pain from working with the Google Map Api (which can be pretty indepth for all developer levels). It allows you to embed Google Maps on your web site with ease and there are also certains portions of the Map that can be controlled via CSS (div container, info window), so that the map will sit perfectly within your web design.
Share it
Google-Style Element Fading Using MooTools or jQuery
Feb 1st
Google recently introduced an interesting effect to their homepage: the top left and top right navigation items don’t display until you move your mouse or leave the search term box. Why? I can only speculate that they want their homepage as simple as possible; after all, the search box is given focus immediately and at least half of their users probably just type their term and hit enter — no need for more clutter. Here’s how you can implement a similar system with MooTools or jQuery.
Share it
Loading ...