FormBox – A jQuery & CSS3 Drop-Down Menu With Integrated Forms

When designing the layout for a website there’s one thing that we as designers are always conscious of – making things easier for users. No matter what it is your site offers, you’re still going to need to balance the interface in a way that keeps it very easy for users to find and perform core site functions around your site or service, ideally without having to load up a completely different page.

Some of these common functions are logging in, registering or even resetting a password, yet quite often in many cases we still provide users the same old experience – a separate page for logging in, another for signing-up and yet again another if you’ve forgotten what your login details were. 

web site: http://addyosmani.com/blog/formbox/

demo: http://addyosmani.com/blog/formbox/

How to Create a Bubbly Navigation with jQuery

Codrops has shared a tutorial about how to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubble when hovering over them. They will use the jQuery Easing Plugin for a even nicer effect.
However, if you are an IE user you might have noticed that the bubble looks kind of weird without CSS3 support. He has figured that has something to do with the transparency of the image and the animation, but there is no solution yet.


Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/BubbleNavigation/
License: License Free

Create a Horizontal Scrolling Website

 

How it’s done a sites that scroll horizontally? This tutorial by Tom Walker, takes you step by step through the process.

Web site: http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html

Demo: http://www.thewebsqueeze.com/samples/horizontal-scrolling/jquery-on