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

In-Place Editing with Twitter Bootstrap and jQuery

In-Place Editing with Twitter Bootstrap and jQuery

How to Create Mini Ajax File Upload Form with jQuery

How to Create Mini Ajax File Upload Form with jQuery

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

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 | Advertise | 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
  • How to Create High-Performance Code
  • Easy to Use, Drag & Drop Bootstrap Interface Builder
  • The Most Well-Made, Free & Open Source Fonts
  • Tiny Responsive jQuery Slider without Fancy Effects
  • How to Create Realtime Multi-player Games in HTML5
  • Create an Amazon-like Navigation Menu with jQuery
  • A True Responsive jQuery Lightbox Plugin for Free
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu86
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes24
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code54
  • eCommerce24
  • Framework214
  • Hosting13
  • Information238
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools293
  • Webmail14
Licesnes
  • BSD License67
  • CC License122
  • GPL License224
  • LGPL License40
  • License Free738
  • MIT License408
Sponsors
Advertise Here
Partners
NetDNA