Download Builder. jQuery UI Download Builder Quick downloads: Release Candidate (Themes) (1.12.0-rc.2: for jQuery1.7+) | Stable (Themes) (1.11.4: for jQuery1.6+) | Legacy (Themes) (1.10.4: for jQuery1.6+) | Legacy (Themes) (1.9.2: for jQuery1.6+) All jQuery UI Downloads Version Components UI Core A required dependency, contains basic functions and initializers. Interactions These add basic behaviors to any element and are used by many components below. Widgets Full-featured UI Controls - each has a range of options and is fully themeable. Effects A rich effect API and ready to use effects. Theme Select the theme you want to include or design a custom theme If you're having trouble downloading a custom package or theme, please report the issue on GitHub.
How to change the pop-up position of the jQuery DatePicker control. TweetSlider | Horizontal Tweet Slider | jQuery Plugin | Small Coders. <strong>IMPORTANT:</strong> a commenter recently led me to find a problem with the plugin, whereby setup.php enters an incorrect location for the get_tweets.php file. This will be fixed with a new release soon, but in the meantime you can ammend the js yourself, or if you contact me I will make the change and send you a revised file. As always any problems just comment and I will reply.
TweetSlider is a jQuery Plugin that pulls in Tweets for a given username or hashtag (as of 2.5 for hashtags) and displays them in a horizontal slider. Full details on how the plugin can be configured using options are found below. V3 Changelog *NEW FEATURE* PHP Caching: The Plugin now calls get_tweets.php which is part of the package. IMPORTANT: The plugin now calls a local url for the tweets, it’s default is ‘/tweetslider/get_tweets.php’ meaning that if you upload the plugin directory to the web root it is good to go. V2.5 Changelog V2 Changelog Plugin Features: Plugin Options: < Twitter Usage Usage: jQuery Plugin Registry.
20+ Useful jQuery Google Maps Plugins. Google Maps is a very helpful tool to help us find businesses and other points of interest that we want to know about. Since its arrival, businesses have been integrating this tool on their websites to help people where to find them. Google Maps used to be a simple map although it requires a complex process to have it integrated on a website. Nowadays however, it is necessary that Google maps are attractive aside from its being informative to the audience. jQuery has taken this interactivity of websites to another level while making the process required in its preparation easier. With easy to use and install jQuery Google Maps plugins, we can now create simple, and attractive maps depending on our needs. In this article, I am featuring a collection of the best jQuery Google Maps plugins available, which offer a lot of map functionality for adding maps to your website.
Useful jQuery Google Maps Plugins Interactive Maps Generator – MORE INFO / DEMO jQuery Store Locator – MORE INFO / DEMO. 10 Best jQuery and HTML5 WYSIWYG Plugins. HTML5 WYSIWYG (What You See Is What You Get) is all the rage now! But there is now so many of them around it’s hard to find the best ones. In today’s post we are going to present you what we think 10 of the very best jQuery and HTML5 WYSIWYG plugins just to save your time finding your plugin.
Enjoy! Related Posts: 1. It is the most fantastic yet beautiful and easy-to-use WYSIWYG editor on jQuery. Source + Demo 2. wysihtml5 Is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. Source + Demo 3. Mercury is a full featured HTML5 editor. Source + Demo 4. It is a simple JavaScript WYSIWYG editor that is both lightweight (8KB) and standalone. SourceDemo 5. elRTE Is an open-source WYSIWYG HTML-editor written in JavaScript using jQuery UI. SourceDemo 6. Lets you experience a whole new way of editing. Source + Demo 7. Source + Demo 8. bootstrap-wysihtml5 Source + Demo 9. jQrte A wysiwyg editor. Source + Demo 10. SourceDemo AUTHOR: Sam Deering. Web Design & Development News: Collective #21. Who needs WYSIWYG editors anymore? EpicEditor (beta) is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more.
For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it. Try it. CSS Card Flip using Webkit Transitions | Technology. Webkit brought a lot of enhancements to the formerly dull browser based user interfaces, with transform and transition properties being among the most useful for user interaction. In this tutorial we will learn how to use both to create a product card that flips to reveal more information with a fallback for browsers that don’t support Webkit transitions and transform. CSS Card Flip Demos There are three examples for this tutorial, each one with its own advantages.
Card flip triggered by click Card flip triggered on mouse over Card flip triggered by disjoint button The first two are the most basic: you have to either click on the card or roll your mouse over it to trigger the effect. The main difference between the “click to flip” example and the other two is that you can’t have a link within the faces unless you deal with event propagation and it’s not the focus of this tutorial. What about Firefox, Opera or the one browser whose name is written in the Black Speech of Mordor? A Card Flip? JQuery Cycle Plugin. Check out Cycle2, the latest in the Cycle line of slideshows.
The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a "slide". Options control how and when the slides are transitioned. Images are used in these demos because they look cool, but slideshows are not limited to images. Use the Effects Browser page to preview the available effects. For more about options, see the Options Reference page. Frequently Asked Questions Special thanks to Torsten Baldes, Matt Oakes, and Ben Sterling for the many ideas that got me started on writing Cycle in 2007.
CSS3 transform + jQuery flip card issue. 15 jQuery Plugins for 360 Degree Image Rotation. Making websites engaging and interactive is often one of the primary goals web designers have. To achieve this they need adopt modern techniques and standards which include among others, jQuery slideshows and carousels with fancy animation effects to handle images. With jQuery around, web developers can easily implement such features while making them accessible to mobile browsers – a thing which is not possible with Flash.
In this article, we are showcasing yet another set of plugins to enhance interactivity this time jQuery plugins for 360 degree image rotation. Basically, these plugins work like jQuery sliders but they display images in a differentpretty cool way. They have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire. Advertisement Spritespin Spritespin is a jQuery plugin that enables sprite animation in your website. Flip. Making jQuery work. Found some jQuery code that's perfect for your site, but can't make it work?
Don't worry, here's a small tutorial to lead you through. Let's start with an example. Suppose, on a good day, you read somewhere on the Internet something like ‘I found this cool way to prevent the current page in RapidWeaver from being a link. Here's the code:<script type="text/javascript"> $(document).ready(function(){ $('#current]').click(function(event){ event.preventDefault() });</script>Isn't that awsom?’ Want to use it on your site, but don't know how; or you can't get it to work?
1. 2. 3. If you can't find it, you will have to add it yourself. This way, you will link to a server from Google where the jQuery library is hosted. 4. If so, check what is says between var and =. 6. 7. 8. In the unlikely case non of the solutions above work, it's time to seek some help, e.g. on the RapidWeaver forum or here in the comments.