Ultra modern and stylish vertical navigation using css and jQuery which would be ideal for your next admin panel and would looks great in an iPad application.
The navigation uses a jQuery flyout menu to display child items with a cool looking apple-styled textured background.This vertical navigation menu comes in a choice of four colour including lime, blue, pink and orange.
Smartphones are now equipped with some very efficient web browsers. JavaScript is more powerful than ever before, and can be extended with the help of code libraries such as jQuery. When you add in the latest HTML5/CSS3 specs, it’s possible to build very snappy mobile web apps with some basic frontend code.
In this tutorial I’ll show how you can build a mobile-based website/webapp. We’ll use CSS3 media queries for targeting specific devices and screen resolutions. Plus a bit of jQuery helps to animate the menu and load external page content using Ajax calls. Even better, the layout can even expand to display properly in regular desktop browsers such as Chrome or Firefox.
Smart Wizard is a flexible jQuery plug-in for wizard like interface. It allows to group contents into sections and so it saves page space and also gives a neat and stylish interface for users. Using Smart Wizard 2.0 you can easily do input validation and so it is good for user registration and kind of tasks.
Features:
HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container. If you’ve ever had to create this effect on a project, you’ll know it’s pretty annoying to do. But this plugin makes it easy, even on responsive designs and adds support for IE7.
This post is very basic level jQuery and CSS implementation. I want to explain how to design simple drop down menu with CSS, HTML and jQuery. This system helps you to minimise the menus list. Just take a quick look at this post very few lines of code, use it and enrich your web projects.
A new style animted menu in jQuery with following features :
In this tutorial we will create sticky header that is initially on its original place above the content, but as soon we start scrolling down the long page, it sticks at the top of the page.When scrolling up the page, the sticky header stops sticking and returns to its original position. We will use jQuery to create the sticky header.
