How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery

In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.

Simple Vote Using JQuery Animate

This is a very short post and  simple idea to use JQuery animate function in voting system, I post this maybe it will useful for replacing voting system that using many images, the idea is just expanding the div element (css width property) using animate function, we just need to add the same value on the width element.

How to Translate your Site in Runtime using jQuery

I have read several articles for this question, and most articles tell about ways where we need refresh page to apply another localization. Yes, this is possible of course, but not too user friendly. Just imagine that your website will able to switch language like desctop applications, great, isn`t it? So, that this still possible using ordinary javascript. I will using jQuery to better comfort.

RocketBar – A jQuery And CSS3 Persistent Navigation Menu

RocketBar is a simple solution for this which shows you how you can easily provide your users a persistent form of site navigation without them needing to scroll back up.

jQuery Ajax Tooltip

Our application is very person centric, so we wanted an easy way to pop up a “tooltip” with more information about a person whenever you see a person’s name. For example, here are some search results. When you hover over a name, more information appears.

Create a Posticks (Sticky Notes) app with HTML5, CSS3 and jQuery

While I was on vacation in Dominican Republic, I had some free time to work in a small application that creates Posticks notes, or sticky notes, in the browsers and save it in the localStorage of the browser. If you want to know what I am talking about you can visit the demo.

Drag and Drop Template Management System with Jquery

I have been developing Template (User Interface) management system with drag and drop panel support for my future project. In this post I want to explain how to design database tables and implementing grids drag and drop usability with jqueryUI plugin. Using this system your web project will prove a choice to the end-user, they can manage their own template interface. Take a look at live demo

jQuery Colors Pickers HCL

jQuery colors picker has following benefits:

  • The HSL color model is more intutive for humans than RGB (which was developed as a technical solution)
  • The pickers are designed so there’s no need to really know anything about color theory
  • Each color parameter has it’s own independent scale, so a user will understand easily what to adjust to get a desired result
  • What’s more, the scales change according to current color, allowing the user each time to visually understand which scale does what (e.g. I want it lighter, darker, more red, more gray…)

Create a Thumbnail with Fading Caption Using jQuery

Today we are going to learn to create another thumbnail effect with fading and transparent caption. It’s simple and obviously I have running out of ideas in jQuery tutorial because this is similar to jQuery Thumbnail with Zooming Image and Fading caption…