Kreasi MooTools untuk Pengembangan Desain Weblog

MooTools adalah salah satu 'JavaScript Framework' yang cukup populer selain jQuery.

Cukup banyak hasil pengembang MooTools yang menarik, dengan ragam jenis animasi dan 'plugins', seperti dropdown, sliding, accordion, lightbox dan sebagainya.

Berikut ini beberapa kreasi MooTools yang mungkin cukup berguna untuk diterapkan di weblog, berdasarkan kategori. Diantaranya:

Navigasi

1. Standar Menu
- MooTools Link Nudging
- Create a Sprited Navigation Menu Using CSS and MooTools
- Create Snook-Style Navigation Using MooTools
- Mootools Demo Redux

2. Drop Down Menu
- UvumiTools Dropdown Menu
- MenuMatic 0.68.3
- Mootools Navigation Plugin

3. Sliding Menu
- Sexy sliding JavaScript side bar menu using mootools
- Fancy Sliding Menu for Mootools

4. Image Menu Accordion
- Image Menu
- BySlideMenu

5. Show/hide Menu
- Two CSS vertical menu with show/hide effects

Image Galeri

1. Slide Show
- MooTools 1.2 image slider - SlideItMoo
- SlideItMoo v1.1 - image slider
- noobSlide - mootools
- SmoothGallery 2.1dev !
- BarackSlideshow - An elegant, lightweight slideshow script

2. Carousel
- iCarousel
- Good Carousel

3. Lightbox
- Lightbox versi 1.5
- Slimbox, the ultimate lightweight Lightbox clone
- Multibox
- mediaboxAdvanced

Content

1. Content Slider
- News ticker with horizontal scrolling using Mootools
- Updated Mootools Content Slider Class v2

2. Accordion
- Accordion
- Build a Slick and Simple MooTools Accordion

3. Sliding Tabs
- Sliding Tabs
- SimpleTabs - Unobtrusive Tabs + Ajax (v1.0)
- mootabs1.2

Form

1. Validate
- Validate version 2.1
- Jazz Up Your Forms With MooTools Pt. 2
- fValidator

2. Show/hide
- Show/hide a nice Login Panel using Mootools 1.2
- Sliding login/Signup panel using MooSlide (Mootools 1.2)

Variasi lain

1. Tooltips
- Tips
- MooTools 1.2 Tooltips: Customize Your Tips
- MooTooltips - easy to make good looking tooltips

2. SmoothScroll
- SmoothScroll Using MooTools 1.2

3. Highlight
- Highlighter: A MooTools Search & Highlight Plugin
- Create a Simple, Powerful Product Highlighter with MooTools

4. Mouseover
- Sponsor list with CSS Sprites and Mootools 1.2
- Morph Effect on mouseenter/mouseleave with Mootools 1.2

5. Text-Resizing
- Change Text Size On Click With Javascript

6. Parallax
- mParallax


---
lihat juga:

• Mootools Pengantar Dasar Banget
• Slideshow Effect Ngedet dengan Mootools
• Membuat tiap Link Redup - Mootools

Posted in: Mootools