Site Elements

Mobile-Friendly Form Design: New on Premium


In our latest Premium tutorial, we'll take a good look at form usability on mobile devices. We'll build a fluid form layout, then look at improving the experience by using jQuery to auto-suggest common email domains as the user types.

Become a Tuts+ Premium member to gain access to the whole tutorial, as well as hundreds of other advanced videos, tutorials, and courses.

You'll Learn How to:

  • Design and build fluid layouts
  • Create slick CSS-only tooltip suggestions
  • Predict and suggest email domain strings using jQuery

..and a whole load more besides..

Tuts+ Premium

The recently re-launched Tuts+ Premium is a service that provides top-tier training in a variety of creative fields. Whether you prefer books, visual training, or in depth tutorials, we have you covered. While we unfortunately can't afford to provide the service for free, it's only $19 a month - less than you'd spend on dinner.

We hope you'll consider checking it out! In addition to learning a huge variety of new skills, it's also a fantastic way to say thank you to Webdesigntuts+.

Related Posts
  • Code
    Introduction to WordPress App ThemesApp theme 400
    With the increasing growth rate of WordPress powered websites, the need for WordPress themes is rising. Multi-purpose themes are becoming highly popular among website owners. Many existing themes are built mainly to address blog functionality. But with the growth of WordPress web application development, we are in need of specialized themes for different purposes. These themes are known as app themes. In this article, we going to familiarize with the concept of app themes and their usage in real world.Read More…
  • Web Design
    Build a Responsive, Single Page Portfolio with Sass and Compass - New on PremiumDribbble preview
    There's a lot that goes into creating a web site these days. We're now building websites using HTML5, CSS preprocessors, APIs, custom typography and more. Our design challenges include responsive architecture, resolution independence and multi-device interaction support. In this Premium tutorial, we'll build a single page portfolio that covers aspects of all these techniques.Read More…
  • Web Design
    Responsive Navigation: Toggle Patterns - New on PremiumNav patterns preview
    Welcome to the third in a Premium series which looks at responsive navigation patterns. This tutorial will walk you through three patterns where navigation is toggled on and off to conserve space at the top of the page. It's time to stop copying and pasting - check out today's Premium tutorial and start understanding!Read More…
  • Web Design
    Hi-Performance Web Design with Data URIs – New on PremiumPreview
    In today's Premium tutorial, we're going to be taking some of the theory covered in our Data URI introductory article, building upon some of the examples used to develop a fully realized user interface. Just to keep things interesting, we'll also be making our design responsive and we'll be using the Dribbble API and jQuery to pull in some images from the Envato Dribbble feed.Read More…
  • Web Design
    Site Elements
    Awesome CSS3 Menu With jQuery Fallback - New on PremiumPreview small
    In this Premium screencast tutorial I'll show you how to build an awesome, versatile navigation menu. It features notification bubbles, a Mega Menu and unlimited sub menus (as we'll be smart with our CSS selectors). There'll be some cool CSS3 transitions, plus we'll write a jQuery plugin to rescue older browsers which don't support the effects.Read More…
  • Web Design
    Complete Websites
    Build a Filterable Portfolio Using jQuery Isotope: PremiumHipstar
    We have a new Premium tutorial for you today, during which we'll be building an adaptive portfolio page to show off your work. We'll harness the power of the jQuery Isotope plugin in order to make the portfolio items filterable - plenty to get stuck into!Read More…