background preloader

Web Design

Facebook Twitter

The 14 Best Online Form Builders for Every Task - The Ultimate Guide to Forms and Surveys. When you need to collect information, learn people’s preferences or gather feedback, there’s nothing better than a form.

The 14 Best Online Form Builders for Every Task - The Ultimate Guide to Forms and Surveys

Sure, forms can be boring, but that depends on what tool you choose and how you use it. You can make a form interesting, simple to fill out, and then, with the help of Zapier, automatically put the results to work for your team. But what form builder is the best for you? A broad sweep of a dozen-plus popular tools today shows that just about all form editors are the same. They give you a blank form in the center of your screen and a list form elements on the side. The Form Builders You Should Try There are more form apps than we could ever cover in one chapter or article, so we’ve picked the ones possessing features that stuck out to us. Looking for a survey app? Google Forms for Free Forms.

The 14 Best Online Form Builders for Every Task - The Ultimate Guide to Forms and Surveys. There are only so many ways to build an online form.

The 14 Best Online Form Builders for Every Task - The Ultimate Guide to Forms and Surveys

As a result, most form apps offer the same set of features: a variety of question and field options, a drag-and-drop editor, and basic themes and templates. Most save your results in a spreadsheet-like report and alert you via email when you receive new responses. With all these similarities, how do you choose the right app for your business? Does the right app even matter? A Complete Guide to Flexbox. Art of the Title. A free Webflow ebook. Congratulations.

A free Webflow ebook

The future of the web is in your hands. Once upon a time, the web was the sole domain of experts. The people who bought computers back when getting your computer to do something meant writing the program yourself. Sketch VS Photoshop. It’s been more than 3 months that I made the switch to Sketch after more than 12 years of Photoshop.

Sketch VS Photoshop

I want to take some time to give the reasons why it has improved my design flow. It not only made me a more precise designer but it greatly improved my efficiency by focusing on the functional parts and less on the fluffiness. Not that there’s anything wrong with the latter. 100% Vector With the growing popularity of retina displays and mobile devices, I feel like redesigning your app for the sake of adapting to 1x, 1.5x (Android) and 2x doesn’t make much sense and is a huge time waster. Robust Export Feature Photoshop is very bad at exporting assets.

Bootstrap

Mobile Design. Illustrator and Vector related. Photoshop related content. Paint Shop Pro. Essential visual design principles for web designers. Every design seeks to either create a sense of unity among disparate elements, or creatively break that unity to encourage a particular action.

Essential visual design principles for web designers

10 portfolio design tips inspired by Webflow designers. Webflow’s community of designers boasts some serious talent.

10 portfolio design tips inspired by Webflow designers

And these two designers’ portfolio sites exemplify the art of personal portfolio design. That’s why, starting with this post, we’re going to dig deep into some of the incredible websites built on the Webflow platform—and share some tips on how you can push your own designs to the next level. DMS - Drag and Drop Design Management System. 6 Avoidable Website Mistakes that Scare Away your Visitors. The internet is a shopper’s paradise, filled with store fronts at every turn.

6 Avoidable Website Mistakes that Scare Away your Visitors

If one store front doesn’t look interesting, then the shopper can just move on to the next one. Web Typography: Using The Golden Ratio and REM's - Greg Rickaby. When WordPress 3.5 beta 1 was released it came with, “Twenty Twelve”.

Web Typography: Using The Golden Ratio and REM's - Greg Rickaby

While looking at style.css, I noticed the use of “REM” to set font sizes and margins. Yellow Vertical Stripes Pattern. FleXcroll: Cross Browser Custom ScrollBar script by Hesido. A Cross Browser* and Standards Compliant Custom ScrollBar Script by Hesido featuring touch scroll for iPhone Safari updated on 05.06.2016; Switched to FastSpring for payment. updated on 03.02.2013; version 2.1.1, fleXcroll overhaul for click, touchmove and keyboard event handling with many bugfixes and new styling elements for easier customization of scrollbars. updated on 23.05.2010; version 2.0.0, fleXcroll major update for consistency and lots of backbone changes, including iPhone Safari support. older updates are discarded created on 09.08.2005 You sometimes need custom scrollbars to go with your design intensive web-page, and I have come up with a cross-browser javascript solution that let's you use (X)HTML without having to resort to Flash.

fleXcroll: Cross Browser Custom ScrollBar script by Hesido

Features & Brief history of fleXcroll: IE/Firefox Line Spacing Differences. What’s the Difference Between JPG, PNG, and GIF? As we keep building on old image technology, types of file formats keep piling up, each with their own nuances and uses.

What’s the Difference Between JPG, PNG, and GIF?

JPG, PNG, and GIF have become the most common, but what sets them apart from each other? These formats have become the most popular because of their compatibility with modern browsers, broadband speeds, and the needs of average users.