Learning jQuery: Your First jQuery Plugin, “BubbleUP”
Update: The icons used in this tutorial can be found free here.
There are many posts available detailing how to write your own jQuery plugin. It won’t take long before you realize that building in jQuery is very simple. Continuing in our jQuery Learning Series, here we’re going to build your first jQuery plugin. It’ll generate a bubble effect for your menu list and we’re going to call it BubbleUP.
What is BubbleUP? BubbleUP is a fun and easy plugin to get you started in jQuery. The effect is a nice starting point for learning the basics and many of the steps involved in creating other more intricate plugins you will make in the future. With this plugin, images in a list will enlarge with a smooth animation when you move your mouse over it. Then, if you move the mouse out, it will reset to the original size with the same smooth animation.
Learning jQuery: Optimize Using Modal Window or Dialog Box in JQuery UI
This post is in the Learning jQuery series. Let’s enjoy a post today by learning how to maximize the Modal Windows or Dialog Box in jQuery UI. This post explains how to use this Dialog Box on the right way.
Continue Reading
Learning jQuery: Horizontal Panel Sliding With animate() function
This post is of the Learning jQuery series. Today, we will learn to use the animate() function to slide the panel to the left. It’s useful for display your options for search page. By a trick, we will make the animation more simple.
Learning jQuery: Submit form PHP Mac style Modal window
In my previous post, I show you how to make up the login form likes Mac app DeskShade. Today, this entry is the next part of that post. This tutorial will help you submit that form with PHP handler. Furthermore, with some effects come along, your form will be nicer. I would like to name this post as “Learning jQuery…” in the series of jQuery Learning posts because in each post, I will focus on one or two functions of jQuery, and after reading, I’m sure you’ll be cool. If you’re new to jQuery, you should not miss!
Continue Reading
Learning jQuery: Click Event with Locked Page likes Mac
Have you ever used DeskShade in Mac? It cures boring and cluttered desktops. The feature of DeskShade that I love most is locked screen. It’s so awesome. Today, I write this tutorial to help you build the locked page for login with same feature of that DeskShade. In this tutorial, I’m using basic jQuery code. So if you’re new to jQuery, it’ll help you so much to understand Click event. Furthermore, with CSS, your login page is not gonna be boring likes before.
Continue Reading
Make a most beautiful tags cloud on over the world with Facelift and jQuery
In the past, the tag clouds was used on many website, but nowaday, it’s hard to find a website which using tags cloud. In my opinion, it’s caused by the display of tags cloud. We feel boring with its banality. So why we dont make up for it, and replace the font text too boring by any font we love. Today, I’ll make a most beautiful tags cloud using Image Replacement Solution Facelift, some CSS code and jQuery. It’s really easy and the result is so surprising.
Kwicks for jQuery and an awesome horizontal animated menu
Menu of a web page is the most important and maybe the most clicked link on your web page. Do you want your menu look sexy with an awesome animation on your website? Follow me, I will walk you to the final result of using Kwicks – jQuery Plugin to build an horizontal menu with a nice effect like Mootools but more customizable and versatile.
Perfect signin dropdown box likes Twitter with jQuery
Twitter’s running a new homepage with clean and easy design. Look at the top right of Twitter’s homepage, you’ll see the sign in button which will drop down the login form. Today, I will make an entry to show you how to create a login drop down with Twitter style using jQuery. It’s really easy, it’ll help you save the space of your webpage and make visitors feel comfortable by the awesome toggle login form. This entry will explain how it works step by step and it’s good for learning jQuery how to do the toggle and tooltips. Enjoy it!
About AEXT.NET
AEXT is a design magazine that publishes all things web design. Articles here are published by web professionals for web professionals featuring tutorials, collections, and resources.
