Apr 07, 2011 — 5 comments
Create great looking tooltips in your existing code, without any modifications.
In this post I explain how to create a simple page layout with fixed navigation. jQuery is used to enhance usability of the the navigation even more. This includes animated scrolling and a fancy fading effect.
How to use CSS3 and jQuery to create images that can be smoothly rotated using the mouse. Full example and code download included.
Have you ever think of improving your web app’s user experience (UX) by enabling your users to easily search and get directions of your business? Yes! Here is a good news for you to allow your web app users to navigate your business direction using their native iOS Google Maps instead of web version of Google Maps. Google has introduced a Google Maps URL Scheme to allow you launch a native iOS Google Maps from your web application.
There are a lot of tabber plugins, but sometimes they don’t give us the freedom we want, so we either deal with it or start changing the plugin’s code. Why bother with finding the one that fits you the best when you can just make your own tab interface and it’s not hard at all, it’s actualy pretty easy. In this tutorial, we will make a custom tab interface.
Making your menu bar fix to the top of the page is something that’s been done a lot. However what if you don’t want to start your menu out as being fixed to the top? And how do you make your menu look different from its original state when you make it fix to the top of the screen?
By far the browser controls are one of the most difficult elements to style consistently. This is why we are building a script that is going to take an ordinary select element, and replace it with a better looking, markup powered version, while keeping all the functionality intact.
Create collapsible objects which on the click of a link or button will hide/show its contents. Perfect to keep some elements hidden unless the user specifically clicks to show them.
A Hovercard jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice.
Help us out! More and more tutorials are submitted to Good-Tutorials each day. We could use your help with finding good tutorials. Mind lending a hand?