Showing posts with label Tabs. Show all posts
Showing posts with label Tabs. Show all posts

Tuesday, February 7, 2012

CSS3 & jQuery folder tabs

In this article, I will use a technique in order to create some good looking CSS3 tabs.While in my previous CSS3 tabs tutorial I tried to simulate some beveled corners for the tabs, this time I will show you how to create folder tabs using nothing more than pure CSS3 and jQuery.

Sunday, January 1, 2012

jQuery UI Bootstrap

jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets.

With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-wide with it without components breaking visually.

Sunday, December 11, 2011

Facebook-like Friends Selector jQuery Plugin

fcbkListSelection is a fancy item selector, just like the friends selector you can see on Facebook. It is built with jQuery javascript framework, with wide range of options.

Thursday, December 8, 2011

jQuery Widgets unique library for jQuery UI Development

jQWidgets gives us something new and special. It’s a new and unique library for jQuery UI development and unlike others it makes our Apps and Websites look beautiful on desktops, touch devices and mobile phones. jQWidgets is the ultimate UI toolkit for the next generation of cloud apps development and it is built entirely on open standards and technologies like HTML5, CSS, JavaScript and jQuery.

Thursday, July 21, 2011

jQuery EasyUI framework

jQuery EasyUI framework help you build your web page easily.

  • easyui is a collection of user-interface plugin based on jQuery.

  • using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.

  • easyui is very easy but powerful.

Tuesday, May 31, 2011

jQuery animated feedback tab thingy

I saw this little widget being used on a couple of sites lately, and decided to try building one myself. Turned out to be pretty simple using jQuery and some css foo.

Thursday, May 19, 2011

Ninja UI – A Set Of Slick Widgets For jQuery

Ninja UI is a plugin for the framework that brings new alternatives to them in a single package.

It includes widgets like buttons, accordion, icons, tooltips/modal box, slider, rating, tabs, auto-suggest and canvas-powered loader icon.

Monday, May 16, 2011

Create Dynamic Tabs With JQuery

Tabs has become a common feature in web user interface, in this post I create an example creating a dynamic tab with JQuery. In JQuery UI there is already ready to use plugin to create tabbed content, but I did not find a way to adding dynamic tab function.

Tuesday, May 3, 2011

Tab Style Login and Signup with jQuery,CSS

This post is very basic level CSS implementation. I want to explain how to design tab style login and registration panel with CSS, HTML and Jquery. Tab system help you to save page space, Just take a quick look at these four steps, use it and enrich your web projects.

Sunday, May 1, 2011

Simple ajax tabs with Jquery

This is a simple ajax tab plugin which give a effective output. It works with all major browsers including Mozilla, Google chrome, Microsoft IE, Apple Safari and Opera.

Tuesday, April 12, 2011

Advanced docking using jQuery

Some time ago I was doing some proof of concept: how Visual Studio docking functionality can be done with jQuery and unordered lists. Basically, the main goal was to implement multiple docking and undocking functionality. This tutorial will show you the results of PoC.

Thursday, April 7, 2011

Wijmo jQuery UI Widgets

Wijmo is a complete kit of over 30 UI widgets with everything from interactive menus to rich charts. If you know jQuery, you know Wijmo. Complete with documentation and professional support, every widget is hand-crafted and includes premium themes.

Friday, April 1, 2011

Create A Tabbed Content Rotator Using jQuery

This plugin will create a tabbed content rotator. You can use this plugin to show your customers some of your products or services.

Wednesday, March 9, 2011

Quicksand filtering items jQuery plugin

Quicksand is a jQuery plugin is very functional for reordering and / or filtering items by dragging a good animation. All you need do is provide two sets of items. You can do this in several ways:

* Using basic HTML, such as an unordered list
* Downloading data with Ajax calls
* HTML items to change with JavaScript

Friday, March 4, 2011

jQuery Content Panel Switcher

The jQuery Content Panel Switcher is a simple, very lightweight jQuery plugin that allows smooth transitioning of content in and out of panels located anywhere on the page. You can have single or multiple content switching panels on a single page Content panels can be either span or div elements, and the buttons used to switch the content can be just about anything, so long as they have the right clases assigned.

Sunday, February 20, 2011

Easy Display Switch with CSS and jQuery

Today, I would like to go over a quick and simple way to allow your users to switch page layouts by using CSS and jQuery.Today’s web users expect web pages to be increasingly more interactive. To this end, the ability to change page layouts provides your users with a more immersive experience and allows them to consume information more easily, either with a quick gallery view, or a detailed summary view.

Colorful Content Accordion with CSS & jQuery

A simple, yet very eye-catching and colorful accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects. This handy script delivered by Martin Angelov is both easily modifiable end embeddable.

TN34 Timetabs – jQuery Plugin

This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle (or interval) to next tab – the plugin is compatible with most modern browsers...

Thursday, February 17, 2011

jQuery Horizontal Accordions – jQuery plugin: Easy Accordion

Easy Accordion is a highly flexible jQuery plugin for creating horizontal accordions quickly.It generates the accordion from definition lists (dts, so it is SEO friendly) and has support for multiple instances to be ran on the same web page.The plugin can slide any content like images, lists, Flash, etc. and its look can be totally customized via CSS.

Wednesday, February 16, 2011

An Awesome jQuery Plugin For Creating Magical Layouts – Isotope

Isotope is an impressive jQuery plugin that enables us to sort items and create smart layouts.Using the plugin, any given list of items can be filtered with show/hide effects and they can be re-ordered with slick animations.The plugin's layout features are very powerful as well. With a simple function, items can be converted into horizontal/vertical layouts or arranged intelligently within a grid and much more. And, all with nice animations.