background preloader

BubbleUp jQuery Plugin to Spice Up Your Menu

BubbleUp jQuery Plugin to Spice Up Your Menu
Hey friend, in the previous jQuery Learning tutorial, I wrote an article that helps you to create your own jQuery plugin with the fun zooming effect. This plugin has received a lot of attention for a while and there are some suggestion from you guys to help this plugin to be better. I collected some interesting recommendations and bug fixes from my readers to write it again and release it. This plugin now is more flexible, easy to customize and working with all major web browsers with any size of images. Sounds cool? Enjoy it! What’s this plugin? BubbleUp is a jQuery plugin released from a jQuery tutorial Learning jQuery: Your First jQuery Plugin, “BubbleUP” which helps you to create your first jQuery plugin. Features: Your menu will be scaled in any size via the option.You decide to enable the tooltip or not.The tooltip would be customizable by font, size and color.The speed of the transition (in/out) can be controlled. Demonstration This is how this plugin is in action. Requirements

Slot Machine Tabs I was looking at the features page of a web service called Fluxiom. I haven't used the product (although it looks pretty nice and might be good few a couple of our clients). It's the tabs on that page that I thought were pretty neat. As you click a different tab, the three columns of text fly upward at different rates and are replaced by new columns. It looks kinda like a slot machine.

jQuery Slider plugin (Safari style) ← Egor Khmelev jQuery Slider is easy to use and multifunctional jQuery plugin that supports any webkit based touch mobile devices such as iPhone/iPod/iPad and Android. Below you can find demos and documentation. Slider placed in string with How To Create Tabs Using jQuery Tabbed sidebar elements are in. Why bother making users scroll down the page, when they can simply click a tab to quickly access various parts of your site? Another popular thing is jQuery, “The Write Less, Do More, JavaScript Library.” I’ve gotten a lot of emails asking how I created tabs with jQuery in the last couple of days — since I released the Visionary theme. It’s actually not all that hard (I’m not a JavaScript programmer), and I’m going to run you through a tutorial.

25 Useful WYSIWYG Editors Reviewed (2008) - Smashing Magazine When it comes to coding editors, it’s damn hard to a get a clear overview of all the benefits and functionalities different editors have to offer. However, in the end everybody needs one, so it’s important to know which editor is best tailored to your personal needs. WYSIWYG-editors are often criticized by real coding ninjas for bloated, dirty and not standards-complaint source code they’ve been producing over the last years. However, WYSIWYG-editors have become much better recently. Loading Dots jQuery Plugin A little while ago reader James Dimick emailed me some jQuery code he was working on to make a "loading dots" thing. You know, the classic design pattern where the screen (or some area) shows "Loading..." with the dots growing out. Loading Loading. Loading..

Sponsor Flip Wall With jQuery & CSS – Tutorialzine Martin Angelov Designing and coding a sponsors page is part of the developer’s life (at least the lucky developer’s life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. Insights Insights brings a powerful new way to write your blog posts. It increases productivity and at the same time the appeal of your posts. With Insights you can very quickly (in couple of seconds) do the following: Search your blog for posts, edit them or insert links to them into the current postInsert Flickr ImagesInsert Youtube videosSearch and link to WikipediaSearch GoogleSearch NewsGoogle Blog SearchInsert a Google Map Insights allows you to do all this using dynamic AJAX interface which loads the relevant information to your post in just a few seconds.

Create an apple style menu and improve it via jQuery Since I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery. This is what we are going to build (don’t forget to hover over the menu) Since the Tutorial is rather long and comprehensive here is a short overview of the upcoming tasks: Part 1: Conceptional work

jQuery Reel Plugin verb ... the room reeled GO ROUND, go round and round, whirl, spin, revolve, swirl, twirl, turn, swim. Try dragging this area or roll your mouse wheel over it Now even on Android Reel 1.3 is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360° object movie, panorama or stop-motion animation. 3D Plane for jQuery 3D Engine 3D Plane for jQuery 3D Engine In the last post we created a 3D Engine with jQuery. This time around we’re going to make a new shape and make it interact with the mouse. What We’re Making

Automatic Post Creation with Wordpress, PHP, and XML-RPC - mysit So, for those of you who read my last blog post, you might notice that I was having issues with a script I wrote to create a new post in Wordpress when it came time to upgrade the Wordpress code. The SQL internals were modified, and I was inserting directly in to the database (yes, I know, I broke a cardinal rule). I needed an alternative way to insert information in to the database that would be much more future-proof. I remembered about XML-RPC.

How to Create a Nifty Dynamic Shadow with jQuery First I want to welcome you to my very first article for 1stwebdesigner. Today I’ll show you how to create a very nifty looking dynamic shadow with a few teaspoons of jQuery, a pinch of CSS and some transparent PNG’s as Base. I’ll explain every line of used code, so you can easily follow along and create your own awesome looking dynamic shadow powered by jQuery. Introduction Download git clone Instantiation jQuery( '.parallax-layer' ).parallax( options ); What does jquery.parallax do?