Web Design

add news feed

post a story

Photography by David Strick
Photography by David Strick
23 minutes ago
Forms are a major part of our online world nowadays. There are registration forms, applications, user experience forms and lots more. Today I will show you an easy-to-use-and-customize form builder, Typeform, which brings a whole new app...
Forms are a major part of our online world nowadays. There are registration forms, applications, user experience forms and lots more. Today I will show you an easy-to-use-and-customize form builder, Typeform, which brings a whole new approach to online forms. Recommended Reading: 5 Free Online HTML Form Builders Designing your forms With Typeform your form is basically on one page with three different sections: the Welcome page, the form itself, and the Thank You page. As you fill out the forms the different sections and individual questions will fade out and slide to the next content block you added. Creating forms are super simple when using Typeform, just name a new form, build it and publish it. Once you have named your form and you are in the form builder, drag and drop a new welcome screen. Your welcome screen will be the first page your users will see and is best used for a branding effect. The other editing screens and tools will work just as good and almost the same way the welcome screen editor works. After you are all finished building your form content you can now go into the step of designing the form. There are three simple options of design: color, font and background image. You can tweak your form further by customizing the color of all the different content types like questions, titles, answers and backgrounds. You can even choose from color palettes that the people over at Typeform prepared nicely for us. With Typeform, you can also customize your fonts and your backgrounds. Choose from pre-made background images or upload your own with the background uploader. If you don’t feel like creating your form’s design on your own, there is even the option to choose from a design template called Typeform Themekit; Themekit also allows you to save your designs for forms you make in the near future. Publishing your forms When you are ready to publish your form you have three options. The first option you have is to use the link to your form that is given to you, which is hosted by them. Second, you can create an HTML button to put on your webpage and it will quickly open as a popup window. Third, you can embed the entire form on a webpage of your choice. When you embed the entire form you can even go with the mobile version, iframe version for desktops or just the plain old HTML code. Advantages The forms are simple, easy to use, and very customizable. A simple, easy to use and good looking form builder. Customizable forms with colors, fonts and backgrounds. Embed your form into your own webpage using HTML. User and Self notifications. Easy to use individual form settings. Complete and easily readable analytics for each form. Grant access to your colleagues. Share data with clients or friends. Reflect your brand’s design with many design settings and customization. Disadvantages I can honestly tell you that Typeform has no disadvantages in my eyes. It is loaded with features and brings an entirely new approach to online forms that is simply awesomely easy to use. Related posts: 5 Free Online HTML Form Builders Creating A Stacked-paper Effect Login Form Creating Stylish Responsive Form With CSS3 and HTML5 How to Create An Ajax-Based HTML5/CSS3 Contact Form
44 minutes ago
Daily Mobile UI Design Inspiration #18
Daily Mobile UI Design Inspiration #18
about 1 hour ago
2013 – Year Dedicated to Responsive Web Design
2013 – Year Dedicated to Responsive Web Design
about 1 hour ago
10 Best Responsive Blogger Templates
10 Best Responsive Blogger Templates
about 2 hours ago
A solid portfolio design for a freelance designer/developer. This design was featured on Wednesday 19th of June 2013. It’s designed by Eliot Slevin, and falls under the category of Portfolio
A solid portfolio design for a freelance designer/developer. This design was featured on Wednesday 19th of June 2013. It’s designed by Eliot Slevin, and falls under the category of Portfolio
about 2 hours ago
There are loads of designers out there that claim to be environmentally conscious. They tout that they use soy- and vegetable-based inks and print on recycled paper
There are loads of designers out there that claim to be environmentally conscious. They tout that they use soy- and vegetable-based inks and print on recycled paper
about 2 hours ago
Daily Mobile UI Design Inspiration #17
Daily Mobile UI Design Inspiration #17
about 2 hours ago
Daily Design and Development Inspirations No.62
Daily Design and Development Inspirations No.62
about 3 hours ago
Daily Design and Development Inspirations No.61
Daily Design and Development Inspirations No.61
about 3 hours ago