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. 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 Images for menu items.The jQuery libraryDownload this pluginNo more requirement Options Download Usage Another example with option enable:

The SeaMonkey® Project 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. Sometimes you need to provide your clients with some simple tools to edit or update their web-sites. We believe that it would be wrong to recommend you some “best” editors, because the choice always depends on your requirements, primary goals, skills and experience. Hopefully, you’ll find some editors you’ve never heard about before. What does WYSIWYG mean? The somehow cryptic abbreviation WYSIWYG stands for “What You See Is What You Get”. Adobe Dreamweaver Link Some of Dreamweaver’s endless features:

Create an apple style menu and improve it via jQuery | Kriesi.at - new media design 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 kriesi.at. (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 First of all you should do some conceptional work since you need to know the height of your menu itemsyou need to know the width of your menu items, both in normal and hover state.you need to know how many items you want Part 2: Photoshop Part 3: HTML and CSS

Related: