But the layout and styling possibilities simply suck.

Have you tried the Google Forms service yet? I did and it is pretty sweet. Their servers are always available, speedy and secure. The data is processed instantly and presented in a neat summary.

Google Forms response data

Browsing through the individual submit records is easy. Just click the ‘Individual’ tab or on any of the specific records directly.

Exporting all data to a spreadsheet is a single click away. This feature opens up a whole slew of additional presentational and analytical possibilities.

You can get email notifications when responses are submitted and the list goes on….

Oh, did I mention the service is…

That behave responsively…

We all know Freddie, the @Mailchimp mascot. He is a well dressed chimp that behaves friendly under all circumstances. The recently refined design did not change that, Freddie will still be greeting you with a friendly wink.

Unfortunately, the signup forms Mailchimp provides are less friendly. Clearly winking is a bit of a stretch for signup forms. But responding to something simple as the screen width should not be too much to ask for these days right?

Yet their layout remains rigidly stacked across all viewport widths, making them less friendly for usage on wider screen like tablets, desktops (and…

Let me cut right to the chase here: Structured Data does not have a direct impact on the search rank of your site. But it very likely does have an indirect impact. Allow me to explain…

A little help for the robots

Text and images, the main components of any webpage, are easy to understand for humans. For robots, such as the search engines crawlers, correctly interpreting these elements can be much more of a challenge. To help them out, leading sites are increasingly using descriptive information that tells the search engine unambiguously what the content is about.

Robots can not simply interpret any type of description. For them to make sense of it all, the information has to be formalized and organized. That is where Structured Data comes in.

What is Structured Data?

Generally speaking “Structured Data” refers to any data that is organized. In…

A real world workflow that works.

A good workflow for creating cool, modern, CSS Grid layouts? Sounds easy! Without the HTML needed to create all these rows and columns, you can go right ahead and place your content in the document. In the right order (preferably).

Then, use this versatile new layout system to place your elements exactly where you want them to appear. Repeat for a few different viewports widths. Job done…except for that one big little caveat:

What do you do for browsers that do not support display: grid;?

That’s a problem. Or not — one of the strategies I hear is to simply…

For decades we have been hacking our layouts. No more!

Ever since the dawn of the web world, controlling the layout has been cumbersome and difficult. We started with approximately positioning the page elements as illustrated by the screenshot of an early Yahoo.

Using tables for layout provided us with a bit more structure. We moved on from working with tables to mimicking them and called the result grid systems.

We were building these systems by setting a fixed width for the page, and created rows <div class=”row”> and columns <div class=”col-6”> in HTML. The row and column sizes were managed with CSS. Then, the content elements were placed inside…

Bob Visser

I help companies make briljant digital products and solid device-agnostic user experiences.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store