Learn about modular web development

learn about modular web development

Today the trend is web design with modular content that allows the user to rearrange and distribute the elements of a page according to their tastes or the change of priority that the contents have.

Currently the practice of working with static and predefined content is a limitation for the content managers of a website.

Today the trend is the web design with modular content that allows the user to reorder and distribute the elements of a page according to their tastes or the change of priority that the content will have.

A modular web presents a base content structure with all the possibilities that the administrator or owner of a site considered necessary for his site.

For example, a user considered that his website needed the following elements: two-column text module, title module, video upload module, image gallery module, table module and timeline module.

In previous processes, a structure was created with all these elements ordered in such a way that they did not admit a reordering (the title will always go first and the video at the end, for example).

With the modular design, all these possible content modules are generated with a base order, but the administrator can reorder, delete or add these pre-built sections in the order and quantity he wants, this way, a site can be seen in a totally different way from one day to another.

This is the basis of a modular website.

Developing a modular website

“The order of a page goes beyond what is visible to the user.

Maintaining a good order in a website not only means that it is visually organized and that each section looks harmonious for the visiting user, it is also important to maintain a well-structured code with the necessary elements for its proper functioning.

For this, we use the BEM methodology (Block Element Modifier) to maintain a more friendly and scalable syntax, in order to improve communication within the team and to achieve a more expeditious and reliable support.

This methodology (BEM) gives us the ability to write classes in a clearer and easier to understand, keeping in its base the context or container (Block), followed by the pieces that compose it (Element), which is preceded by a double dash under “__”, ending if necessary with the variables of this (Modifier).

These, unlike the elements, are separated by a double dash “-” and can affect the element as well as the base block.



Design to user’s liking

A website with modular content allows the user to be given a fully functional site to his liking, but now including the possibility that he can modify the structure, and in some way the design of the site, to generate new pages or give a new style to the existing ones.

If at the beginning the Home of a site was “Featured content + two columns of text + image + video + icon slide/text”, now the user can reorder his site from one day to the next and create a version two with “Featured content + image + video + two columns of text/image + icon slide + video”.

In the end, sites with modular web content resemble Lego boxes, where they have a recommended base structure, but where the user can rearrange the elements the way he wants, creating new structures that are not meaningless and visually appealing. The site belongs to you completely!

Leave a Reply

Jose Limardo

Jose Limardo

Written by

more news

76% of Google & Facebook Budgets are Wasted

We Can Help You:

Do you need to grow your business?

About Us

Get posts by email

Be the first to know when we publish a new blog post!

Join our blog and get the best digital marketing insights, strategies, and tips delivered straight to their inbox.


How Can We Help You?

Call Us +1 (305) 447-7060

By clicking Contact Us button you agree with our Privacy Policy

Get My Free Proposal

Speak with a results specialist!

By clicking Submit button you agree with our Privacy Policy



Everything looks great.

We’re excited to get started, let’s choose a time where we can briefly talk about your project.