Design Workflow Blog

Web design and dev

#web #landing-pages #email #forms

Dark mode made easy

Dark mode made easy

Two key techniques to simplify your website’s dark mode setup

Automated navigation active state

Automated navigation active state

Simple Javascript snippet for automatically giving items a selected state.

Multi-step form without the overhead

Multi-step form without the overhead

Using built-in form GET method to pass data from one page to another without complicated code.

Essential metadata for sharing a page

Essential metadata for sharing a page

The metadata options you need for social media and other apps.

Starter page components theme

Starter page components theme

30+ standard web content design patterns, based on hundreds of real-world websites, landing pages, and forms.

Listing essentials

Listing essentials

A list of related items — blog posts, products, events, etc.

Article content essentials

Article content essentials

Different ways to format content elements in an article.

Feature content essentials

Feature content essentials

Sections of skimmable content for visitors to get an overview of what you have to offer.

Website navigation essentials

Website navigation essentials

Standard navigation practices for websites and when to use them.

Modern form validation

Modern form validation

3 modern CSS techniques for advanced form validation customization.

Modern form design

Modern form design

Utilizing modern browser features to simplify the design process for forms.

Form essentials

Form essentials

Collecting different kinds of information from your visitors.

The landing page approach

The landing page approach

Even if you don't advertise, the landing page format is useful for more focused messaging and goals for your website's pages.

5 core landing page techniques

5 core landing page techniques

How to ensure your landing page seamlessly ties in with email marketing.

Starter page boilerplate

Starter page boilerplate

Our open source skeleton template that uses modern HTML and CSS code techniques as a starting point for developing custom landing pages.

What is modular design?

What is modular design?

A framework for more clearly defining the language around your design system and templating techniques.