The System es un sistema para trabajar de manera sostenible, escalable y transferible en Webflow.

Está enfocado para ser usado por profesionales experimentados de Webflow.

Diferencias de The System con otros sistemas ya existentes

Si no ando mal encaminado, seguro que ya tienes un par de preguntas rondándote la cabeza. ¿Que diferencia The System de Client-first de Finsweet o Knockout de Edgar Allan? ¿Y con librerías como Relume o Systemflow?

Client-first parte de la premisa estar enfocado para que los clientes finales lo puedan usar. The System está creado con el foco en usuarios avanzados de Webflow. Estos dos premisas tan dispares hacen que se tomen enfoques muy distintos para los mismos problemas.

Knockout se basa en gran medida en utility-classes o clases funcionales. Aunque esté es un enfoque validado y extendido en el mundo del front-end, se hace difícil mantener en el entorno que ofrece Webflow por las propias peculiaridades de la plataforma. The System también utiliza las clases funcionales pero como soporte a otros tipos de clases principales.

Otro punto importante acerca de Knockout, es que el grid que plantea no está pensado para ser modificado. En The System el grid es fácilmente adaptable, tanto en número de columnas como el espacio entre ellas.

Por otro lado Relume, Systemflow y algunos otros sistemas de librerías se basan en ser bibliotecas de componentes. Estos sistemas permiten una gran rapidez en la construcción pero pierden capacidad de personalización. Los bloques predefinidos hacen que sites distintos tengan un parecido subyacente.

Es por este mismo motivo que The System no incluye componentes por defecto. Lo que sí provee son las guías de cómo crear los componentes y las clases que le dan los estilos.

Reducir la carga cognitiva, el objetivo principal de The System

The System incorpora aspectos innovadores con respecto a otros sistemas a la hora de trabajar en Webflow. Pero hay uno en concreto que destaca sobro las demás y que define la forma de trabajo de este sistema. Este aspecto es la clasificación de clases.

Las clases y la forma en que se aplican estilos son el aspecto de desarrollo en Webflow que mayor carga cognitiva añade a nuestro proceso de trabajo. Por este motivo, el objetivo de The System es reducir esta carga cognitiva gracias a la clasificación de las clases según su función. No solo una clasificación a nivel conceptual, si no que se representa con diferentes nomenclaturas para cada uno de los tipos de esta clasificación.

Siguiente

<aside> ➡️ 3+1 tipos de clases en The System

</aside>


Index


Subpáginas

3+1 tipos de clases en The System

Elementos con dos o más clases