All posts in jquery
Today we want to share a little zoom tour script with you. Showing a main image initially, we want to be able to zoom into certain parts of the image by clicking on tags, using another image for the closer view. This next step can contain other tags that again allow to show more images. We achieve the “zoom” effect by enlarging the current image and fading in the new one.
In this two-part tutorial, we will be building a simple website with PHP and MySQL, using the Model-View-Controller (MVC) pattern. Finally, with the help of the jQuery Mobile framework, we will turn it into a touch-friendly mobile website, that works on any device and screen size.
In this first part, we concentrate on the backend, discussing the database and MVC organization. In part two, we are writing the views and integrating jQuery Mobile.
- Automatically detect mobile browsers
- Easy to integrate – no server side changes needed
- Open source – no expensive software or licenses needed
- Supports iPhone, Android, Blackberry, Opera Mini and many other browsers and devices
The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc.
This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content
Formly is a simple jQuery plugin that allow you to give a better look to your website forms, Formly is a light little fella. 17kb in total for the full and 14kb for the minified version. It’s really easy to get Formly working for you. jQuery is the only prerequisite so make sure you include it, along with Formly’s source files, in the head section of your file.
An unbelievably easy way to add style and validation to your forms. Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user interaction with a single function.
jPaginate is a jQuery pagination plugin that comes with a twist: animatedpage numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well.
You can call the plugin in the following way: $(elementID).paginate()