Articles Tagged 'forms'
jQuery Plugin Development: Hover to Reveal Masked Password
Rochester OliveiraWe talked about how to improve your HTML forms performance a couple of days ago. There we covered a pretty controversial topic "Don't mask your passwords", discussing how bad masking your passwords could be for usability. At this moment, we basically have two options: mask password field and don't ask for any feedback, or show password field as text and potentially decrease security. This is why I think a hover revealing password could be a really good alternative: You can increase your security, and if you are unsure about what you've typed just go and hover over it. So, what we will be doing today is a jQuery plugin to do that, and additionally, we will have a behavior pretty similar to what many mobiles does, where we can see the last character for a couple of seconds. This is a good chance to learn more about plugins, dynamically generated content, and some good coding practices. Moreover with this technique we could apply different effects and a lot of variations since all this things are based on non-obtrusive and almost only decorative javascript. So, let's rock!
Enhance Forms Using jQuery: 30 Tutorials and Plugins
Taimur AsgharForms are very important part of any website, whether it is sign up form, log in form or comment form. These forms are source of interaction between your website and its users. For example if anyone is signing up on your website it will be his/her first experience working on your website and it is said “First Impression Is Last Impression”; if users see your sign up form very elegantly and creatively designed they will have good first impression about your website. Same in the case of all other forms; which play the important role in the success of your website. Today we have rounded up a bunch of jQuery Plugins, Tutorials and Resources which will aid and facilitate you in enhancing the beauty of the various forms present on your website.
Creating a Neon Blink Effect for your Forms using CSS3 and jQuery
Rakesh MenonHow cool will it be to have a glowing blink effect behind your input boxes in a form without using Flash? Well thanks to the bright new kid on the block, CSS3, spruced up with a bit of jQuery! In this tutorial, I will show you how to build a nifty effect to enhance your forms. Note: In this tutorial, we have made use of @-webkit-keyframes which works only in browsers using the Webkit layout engine like Chrome and Safari.
21 Easy To Customize Premium PHP Contact Forms
Dainis GraverisOne of the most hardest jobs in web development processes definitely is form creation. Coding behind these forms are painless enough, but then you need to think also about Spam filters, usability, interface and functions should work in all cases. Keeping this in mind, I gathered here 21 various premium Php forms created for all the cases you should ever need – sign-up forms, advanced contact forms powered with Ajax, jQuery, e-mail signup forms, file uploads and much more. All of these forms also come with good user interface and design, so you don’t have to worry about those little things, but just focus on big tasks! How cool is that?
77 Inspiring Blog Comment Form Designs – Good Examples
I am continuing to do separated web-design roundups and research, this time we will look at good blog comment design examples. Maybe you can argue, how similar are such comment forms, but still I believe such huge roundups can help to see differences and compare many designs in one place. Usually forms are pretty classic with standard fields, submit buttons - nothing more, nothing less. But still even little change of field background, border style, font, rounded corners, small icons can make huge difference. Usually my attention grabbed those comment designs with small icons added to describe each form, transparency and extended possibilities. It is always good idea to add live comment preview, smilies or some simple CSS bold, italic, underline effects to give more options to advanced comment writers. But if you want to really stand out and create something fancy, put background images in good use, where possibilities are endless as you will see in these forms. I really hope you will enjoy this article and will do your own research and considerations, what you like/dislike and why it is so. I will be more than happy if you will join to discussion in comments and pick your own favorites!
51 Form Element Resources and Tutorials Using CSS And Javascript
I featured many good looking contact forms some time ago - 91 Trendy Contact And Web Forms For Creative Inspiration, so you should know how looks good example. Now let's take a look how to create outstanding and beautifully designed form elements from scratch ourselves. Things can get tricky even if you are experienced designer. It's hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets - everything you can think of when you are creating contact or login page!
91 Trendy Contact And Web Forms For Creative Inspiration
This article showcases modern and interesting contact/web form solutions found around the Internet. I also collected interesting ways how people decide to call their contact forms - get in touch, contact info, say hello, talk to me, say hey, connect, say "hi", mail us and of course - contact us. My own personal opinion is, you should use Contact or Contact Us in your navigation, but supplement it with creative relate photos and styled text. There you could use more creative - say hi, get in touch or friendly - say hello.
