Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
20 Nov

Create a Twitter Style Login Form with jQuery

  • Forms, License Free
  • Leave a Comment

Twitter is running a new homepage with clean and easy design for a while already. Look at the top right of Twitter’s homepage, you’ll see the sign in button which will drop down the login form. AEXT has written a tutorial to show you how to create a login drop down with Twitter style using jQuery.

It is easy to follow, it also helps you save the space of your webpage and make visitors feel comfortable by the awesome toggle login form. The tutorial explains how it works step by step and it’s good for learning how to do the toggle and tooltips with jQuery.

twitter-login

Requirements: jQuery Framework
Demo: http://aext.net/example/twitterlogin/
License: License Free

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Style the Look & Feel of Form Elements with Uniform

Style the Look & Feel of Form Elements with Uniform

Customize the Look of Your Twitter Profile with Themeleon

Customize the Look of Your Twitter Profile with Themeleon

How to Create An Elegant jQuery Image Gallery

How to Create An Elegant jQuery Image Gallery

Create a Nice & Clean Sliding Login Panel in jQuery

Create a Nice & Clean Sliding Login Panel in jQuery

How to Turn Long Web Form into a Wizard with jQuery

How to Turn Long Web Form into a Wizard with jQuery

How to Create a Twitter OAuth Application

How to Create a Twitter OAuth Application

Comments
  • http://aext.net Lam Nguyen

    Thanks for featuring my post here!

  • http://human3rror.com John (Human3rror)

    sexy. i’m going to use it.

  • http://www.bigtunainteractive.com Adam Hermsdorfer

    I was actually just looking for this login functionality. Thanks for posting!

  • http://denbagus.net denbagus

    nice tutorial ..thank you

  • http://www.moonsaildesign.com Dominique

    What a great tutorial. I’m going to try it out on my website. Thanks for sharing.

  • Pingback: Notable Tech Posts – 2009.11.29 | The Life of Lew Ayotte

  • http://www.sivadzine.com Shevaa

    nice tutorial..thx man

  • http://facebook.com asep ryan

    thx

  • http://kopijun.net kopijun

    have to try this..

  • Friendly Geek

    Hey,

    I am foxed somewhat… It works great, but I wanted to retask it for a contact form – only trouble: it won’t accept the use of a ‘textarea’ within it. I think it’d be awesome for this use, if only I could get it to hold a ‘textarea’ – any help?

  • deawa

    Thanks for featuring my post here!

  • http://www.ajithex.tk ajith

    very nice work

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • Brunch – An Assembler for HTML5 Applications
  • About WebAppers Redesign
  • Open Source File Manager for Web using jQuery UI
  • Pretty and Lightweight jQuery Countdown Plugin
  • A Scalable Real-time Backend for Your Web Application
  • Create Beautiful Circular Switches with jQuery Knob
  • 41 Free Social Networking Icons in PNG Format
  • Filepicker.io – A Handy Upload Form for the Web
  • A Useful String Manipulation Extension for JavaScript
  • WebAppers Redesign Updates #1
Sponsors
Plugins
  • Advertisement15
  • Calendar43
  • Capture17
  • Charts47
  • Chat19
  • Demo Tour14
  • Gallery106
  • Maps28
  • Menu72
  • Polls9
  • Popup46
  • Tooltips38
  • Upload28
  • Video16
Desgin
  • Brushes11
  • Buttons21
  • Color Schemes22
  • Fonts40
  • Forms99
  • Icons88
  • Patterns24
  • PS Tutorials10
  • Stock Photos19
  • Tables24
Others
  • Announcement80
  • Best Collections4
  • Code47
  • eCommerce20
  • Framework169
  • Hosting12
  • Information161
  • Inspiration29
  • Legal Documents9
  • Reviews8
  • Security13
  • Social19
  • Sound14
  • Stats35
  • Tools212
  • Webmail13
Licesnes
  • BSD License56
  • CC License114
  • GPL License203
  • LGPL License37
  • License Free611
  • MIT License306
Sponsors
Advertise Here
Partners
NetDNA