RSS

40+ Techniques of JavaScript for Professional UI

Tue, Sep 22, 2009

CSS, Freebies, HTML, Misc, XHTML

javescript-jquery-tuts

This is specialy for Web Developers and Design because they are using very much JavaScript for make more beautiful our UI (User Interface), JavaScript can add a lot of special effects that can really improve the user’s experience, when we add JavaScript/jQuery techniques that add an extra dose of usability to any UI (User Interface/Webpage), we need to figure out more practical styling and functionality techniques to provide a great user experience, in whole package we are using CSS, JavaScript and jQuery libraries.

SocialHistory.js

1152

Create a simple ul list with a nice slide-out effect for <li> elements

2103

jQuery Hover Sub Tag Cloud

358

Textboxlist Auto-Completion

440

CSS+Javascript power. Fancy menu

537

MooGenda: a complete javascript json calendar based on MooTools

Month View Demo

635

Week View Demo

6ii

Day View Demo

6iii

How to implement a Post-to-Wall Facebook-like using PHP and jQuery

733

How to implement a news ticker with jQuery and ten lines of code

837

addSizes.js: Snazzy automatic link file-size generation

936

SamaxesJS is JavaScript Components

1037

MoreCSS.js

1153

Creating a Slick Auto-Playing Featured Content Slider

1239

Moving Boxes

1334

Simple jQuery Dropdowns

1432

Easy Image or Content Slider

1533

Facelift Image Replacement

1628

mooSlide

1725

Start/Stop Slider

1824

CSS Sprites2

1925

6 Interesting online presentations for web developers

2024

jQuery.SerialScroll

2129

Agile Carousel

2226

Banner Code Displayer Thing

2322

jParralax

2420

Interesting html FORM Validators for web developers

2518

Javascript jQuery Hotkeys

2617

Highlight Certain Number of Characters

2712

Beautiful datepickers and calendars for web developers

2812

BarackSlideshow

2911

Animated JavaScript Slideshow

3011

UI.Layout

3118

Auto-Moving Parallax Background

3213

Nice vertical menu with motion and opacity effect

3311

Add (+/-) Button Number Incrementers

3410

Galleria

359

Using prototype.js to add record into database with ajax

366

Datejs

376

Image Upload and Auto Crop

385

Password Strength Meter

394

Dateslider improvements

402

ajaxim

4112

Share for other World:
  • Digg
  • del.icio.us
  • TwitThis
  • Facebook
  • StumbleUpon
  • Technorati
  • Reddit
  • MySpace
  • Mixx
  • LinkedIn
  • Google Bookmarks
  • Yahoo! Buzz
  • DZone
  • Propeller
  • Design Float
  • Diigo
  • Live
  • Netvibes

Related posts:

  1. 35+ Web Developers Useful Ajax Tutorials Here is a bundle pack about AJAX Tutorials for...
  2. 25+ Paramount jQuery Tutorials Today here with great deal of 25+ Paramount jQuery...
  3. Design CSS Based Professional Form Tutorials Today you get some very professional experience about Contact...
  4. 12 Outstanding JQuery Resources & Tutorials Since it first began, jQuery has had a thoughtful...
  5. 5 Pixel Exploded Techniques In this tutorial, I will demonstrate you 5 great...

Related posts brought to you by Yet Another Related Posts Plugin.

, , , , , ,

This post was written by:

admin - who has written 113 posts on Tutorial Lounge.


Contact the author

5 Comments For This Post

  1. favSHARE Says:
    September 22nd, 2009 at 8:47 pm

    This article has been shared on favSHARE.net. Go and vote it!

  2. Zelvac ©© Says:
    September 23rd, 2009 at 5:17 pm

    Thanks ! Visit by Twitter of : http://www.Cowlor.net (France)

  3. joyoge bookmark Says:
    September 23rd, 2009 at 6:19 pm

    great list, saved. thanks..

  4. gansyraja Says:
    September 24th, 2009 at 4:57 am

    Really good stuff! Excellent!

  5. Jonathan Says:
    September 28th, 2009 at 7:02 pm

    Good stuff. Thanks for the thorough list.

13 Trackbacks For This Post

  1. Tweets that mention 40+ Techniques of JavaScript for Professional UI | Tutorial Lounge -- Topsy.com Says:
    September 22nd, 2009 at 12:06 pm

    [...] This post was mentioned on Twitter by Miguel Trindade Jr and Naning Utoyo. Naning Utoyo said: RT @tutoriallounge: RT @tweetmeme 40 Techniques of JavaScript for Professional UI | Tutorial Lounge http://bit.ly/QUcqm [...]

  2. 40+ Techniques of JavaScript for Professional UI | Tutorial Lounge » Web Design Says:
    September 22nd, 2009 at 8:26 pm

    [...] 40+ Techniques of JavaScript for Professional UI | Tutorial Lounge [...]

  3. 40+ Techniques of JavaScript | favSHARE.net Says:
    September 22nd, 2009 at 8:45 pm

    [...] Read the original article [...]

  4. Twitted by ozgurd Says:
    September 22nd, 2009 at 11:39 pm

    [...] This post was Twitted by ozgurd [...]

  5. website redesigns | WebDesignExpert.Me Says:
    September 23rd, 2009 at 1:24 pm

    [...] 40+ techniques of Javascript for professional UI – Link. [...]

  6. 40+ JavaScript Techniques For Professional UI | Design Newz Says:
    September 23rd, 2009 at 5:02 pm

    [...] 40+ JavaScript Techniques For Professional UI [...]

  7. Servefault.com Says:
    September 23rd, 2009 at 5:12 pm

    40+ Techniques of JavaScript for Professional UI | Tutorial Lounge…

    Thank you for submitting this cool story – Trackback from Servefault.com…

  8. 40 Técnicas de JavaScript para la interfaz de usuario profesional | AVLog Says:
    September 24th, 2009 at 6:21 pm

    [...] 40 Técnicas de JavaScript para la interfaz de usuario profesional [...]

  9. 80+ Stunning Articles for Designers and Developers | tripwire magazine Says:
    September 24th, 2009 at 8:32 pm

    [...] 40+ Techniques of JavaScript for Professional UI [...]

  10. » 40+ Techniques of JavaScript for Professional UI | Tutorial Lounge - Yee Torrents News 4 Says:
    September 25th, 2009 at 4:45 pm

    [...] Source:40+ Techniques of JavaScript for Professional UI | Tutorial Lounge [...]

  11. 40+ Techniques of JavaScript for Professional UI | Web Design Updates Says:
    September 25th, 2009 at 5:26 pm

    [...] 40+ Techniques of JavaScript for Professional UI [...]

  12. links for 2009-09-25 | Digital Rehab Says:
    September 26th, 2009 at 12:37 am

    [...] 40+ Techniques of JavaScript for Professional UI | Tutorial Lounge (tags: javascript jquery ajax ui webdesign resources interface) [...]

  13. 網站製作學習誌 » [Web] 連結分享 Says:
    October 7th, 2009 at 11:37 am

    [...] 40+ Techniques of JavaScript for Professional UI [...]

Leave a Reply