Progress Button Styles | Codrops

Progress Button Styles | Codrops A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one side of the button while rotating the button in perspective. VIEW DEMO DOWNLOAD SOURCE

Lugo Labs | loda button

Lugo Labs | loda button This simple jQuery plugin animates the button’s icon as the data are being fetched from the server. (Click on the buttons above for a demo – a timeout of 2 seconds imitates a server load).

WideArea Helps You Write Better, Simpler & Faster | Web Resources | WebAppers

WideArea Helps You Write Better, Simpler & Faster | Web Resources | WebAppers WideArea is a simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster. it’s free and open-source (including commercial use). Published under MIT license. Requirements: JavaScript FrameworkDemo: http://usablica.github.io/widearea/License: MIT License

The State Of Responsive Web Design | Smashing Mobile

The State Of Responsive Web Design | Smashing Mobile Responsive Web design has been around for some years now, and it was a hot topic in 2012. Many well-known people such as Brad Frost and Luke Wroblewski have a lot of experience with it and have helped us make huge improvements in the field. Butthere’s…

Natural Language Form with Custom Input Elements | Codrops

Natural Language Form with Custom Input Elements | Codrops An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements. VIEW DEMO DOWNLOAD SOURCE There is something really interesting about Natural Language UIs and after visiting awesome Escape Flight, we wanted to play around with NL forms and custom form…

Build a Multi-Step Form Interface | Webdesigntuts

Build a Multi-Step Form Interface | Webdesigntuts DownloadSOURCE FILES DemoVIEW IT ONLINE Form usability is an incredibly important topic in web design. As one of the primary input interfaces provided to users, the usability of a form is essential to a good user experience. Today, we’re going to build a multi-part form, complete with validation…

Designing a Better Contact Page | Webdesigntuts

Designing a Better Contact Page | Webdesigntuts A good contact page is essential for maintaining relationships with your visitors. Whether we’re talking eCommerce, magazines, personal websites, online services, users will usually seek out a contact page as their first means of communication with you. Oddly enough, many web designers neglect the humble contact page, even…

Designing A Better Mobile Checkout Process | Smashing UX Design

Designing A Better Mobile Checkout Process | Smashing UX Design A record number of shoppers are turning to their smartphones to research potential purchases. Meanwhile, the bigger question — are those same users willing to complete the purchases on their mobile device? — is quickly being answered. The US, for example, saw an81% spike in mobile e-commerce (m-commerce) sales in…