jQuery MagicLine Navigation | CSS-Tricks

These «sliding» style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it.

jQuery MagicLine Navigation

The Idea

The idea is to have a highlight of some kind a background or an underline follow you around as you mouse over the different links in the navigation. This will happen with jQuery and it’s animation abilities. As such, the «magic line» will only be appended via JavaScript. Once added to the list and styled, as you mouse over the different links, it figures out the left positioning and the width and animates to match.

vía jQuery MagicLine Navigation | CSS-Tricks.

Other tutorials:
Pure CSS3 LavaLamp Menu – Script Tutorials

Jetstrap – BUILD AMAZING WEBSITES

Jetstrap is the premier interface-building tool for Bootstrap.

JetStrap

What is Jetstrap?

Jetstrap is a 100% web-based interface building tool for Twitter Bootstrap. No software to download, just log in and build. Your work is accessible from anywhere.

Who is it for?

Built for developers, designers, and idea-people alike, Jetstrap helps you get awesome websites up and running fast, with less work and digging through docs.

Why use it?

Life is too short to dig through docs when you just want to build. Grab snippets of clean markup and quickly use complicated components. Take off faster!

vía Jetstrap – The Bootstrap Interface Builder.