DEV Community

Cover image for The modular design method
Ovi Demetrian Jr
Ovi Demetrian Jr

Posted on

1

The modular design method

Modular design is a method for improving design and production workflows by using components-based design and layout patterns that overlap structural coding practices. This design approach breaks apart content and design elements and puts them back together based on these guidelines:

  • Content - text pieces and images
  • Components - reusable, standalone elements like buttons and titles, the building blocks of your content
  • Regions - groups of content content pieces and components, arranged in a very specific way
  • Sections - stackable containers of regions between the header and footer to create an overall layout

View the paper on GitHub

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay