Jquery-ui-map - Google map v3 plugin for jQuery and jQuery Mobile. The Google Map version 3 plugin for jQuery and jQM takes away some of the head aches from working with the Google Map API.
Instead of having to use Google event listeners for simple events like click, you can use jQuery click events on the map and markers. It is also very flexible, highly customizable, lightweight (3.2kB or 3.9kB for the full) and works out of the box with jQuery mobile. But one of its best features (atleast for SEO people) is that you can populate a map from microformats, RDFa or microdata on your site, which can be used as a fallback when a user doesn't have javascript enabled. Download the plugin with examples or get the minified file here Donate Entities which have donated. jQuery gMap 2 - Google Maps API V3. gMap is a jQuery plugin that helps you embed Google Maps into your website.
With less than 2 KB (minified and gzipped) in size it is very flexible and highly customizable Original version by Cedric Kasner, modified by Mario Estrada to use the Google Maps API V3. gMap 2.1.5 (includes source code and minified version) Contribute Fork it on GitHub and submit bug reports and pull requests. Default View.
70+ Must Have jQuery Tutorials. Welcome to day 7, the last installment of tutorial week on Designrfix.
Today we have assembled an awesome collection of some wicked jQuery tutorials from around the Web. I am confident that these web design and development tutorials will arm you with all the necessary techniques in-order to achieve those latest web design trends. Lastly, it’s been an amazing 7 days and we are confident that these tutorials will arm you with all the latest tips and tricks to help you in evolving your design creations. Enjoy! Want more articles from tutorial week? HTML5 Tutorials: 30+ Useful Tips And Tricks To Get You Started CSS Tutorials: Web Design And Development Techniques 20 Fantastic After Effects Video Tutorials Cinema 4D Tutorials: Create Motion Picture Style FX (Part3) Cinema 4D Tutorials: Create Motion Picture Style FX (Part2) Cinema 4D Tutorials: Create Motion Picture Style FX (Part1) 100 Photoshop CS6 Tutorials 70 Awesome Illustrator Tutorials That Every Designer Should See.
70+ Must Have jQuery Tutorials. Top 10 jQuery Mobile Code Snippets that you need to know. jQuery Mobile is a framework for mobile web apps and mobile websites with an aim to provide a unified user interface system across many mobile device platforms such iPhone, BlackBerry, Android and Windows Mobile.
The framework is built on top of one of the most popular Javascript frameworks, jQuery. Followings are some of the most useful code snippets that I’ve used in my recent web app developed using jQuery Mobile framework. 1. Disable truncation for list items and buttons If your list item or button has a long text, it will be truncated automatically by jQuery Mobile. For example, to disable truncation for buttons: To disable truncation for list descriptions: To enable truncation, set it to “white-space: nowrap;“. 2. jQuery Mobile has a number of page initialization events that you can use to trigger certain methods on page load. Javascript 3.
To disable a button action (for eg: from opening a page), add the following Javascript. $('#home-button').button("disable"); And to re-enable it: 4. 10 Useful jQuery Plugins For Enhancing Your Website UX. Incorporating jQuery effectively and modestly in your website build process is a great way to enhance and take your user experience to another level.
Using jQuery plugins can be a great tool for helping display content to your users in a much more intuitive and interactive way. The jQuery community is fantastic, developers are consistently releasing new, quality jQuery plug-ins for us to incorporate into our websites. In this post I will take show you a collection of jQuery plugins that are really useful for improving your overall user experience on your website. Nivo Slider The Nivo Slider is a fantastic jQuery slider plug-in, it is available in two formats, one jQuery plug-in is a dedicated WordPress plug-in and the other is freely available for all websites.
Isotope Isotope is a jQuery plug-in that can add some serious improvement to how your users navigate content displayed on a webpage. FlexSlider Mosaic Supersized. jQuery. jQuery.