CSS-Zone: August 2010

DD Tab Menus

DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse over a tab, and a 2nd level content appears beneath it. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents.

[Demo]

26 pager styles from around the web (css, images and html)

After having a few projects recently that needed pagers for datatables in ASP.NET – I decided to trawl through a few sites looking for some alternative pager styles. Smashing Mag had a great article on paging – but alas no css or HTML to be seen. Hopefully this will be a useful resource for you guys who haven’t already seen how to go about creating a pager using CSS and HTML. I’ll be continually updating this post with interesting pagers as I find them on my travel’s.

[Demo]

SimpleModal

Yet another jQuery based modal dialog.

[Demo]

Prototype Window

A prototype based window dialog.

[Demo]

CSS social media icons

The image below shows you the final appearance in modern browsers.

[Demo]

Pure CSS speech bubbles

By Nicolas Gallagher

[Demo]

pacegallery -jQuery plugin

Yet another way how to display Your images.

[Demo]

Fancy Menu

Custom navigation bar with some cute Javascript effects that will certainly impress your friends.

[Demo]

Fancy Sliding Tab Menu

Included an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window.

[Demo]

Centered Tabs with CSS

We’re constrained to either left- or right-hand navigation. But what if we need a bit more flexibility? What if we need to place our navigation in the center?

[Demo]

Control.Tabs

Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute.

[Demo]

14 Free Vertical CSS Menus

Free nicely designed tabs from explodingboy.

[Demo]

Ajax, JavaScript ( jQuery, MooTools), Lightbox based galleriesAjax, JavaScript ( jQuery, MooTools), Lightbox based galleries

1. JonDesign’s SmoothGallery

Using MooTools v1.11, this JavaScript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website. Together there are 7 different gallery demos, You can download and test for free.

Unlike other systems out there, JonDesign’s SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom CSS selectors. And even better, this solutions is very lightweight: The JavaScript file is only 24kb.

[Demo]

CSS Tab Designer

[Windows only] CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!

[Demo]