Behind the Framework

Reduce Complexities & Improve Performance

Separation of Concerns (SoC)

Separation of Concerns (SoC) is a software design principle that emphasizes the separation of different concerns or responsibilities into distinct modules or components. This principle helps improve code organization, maintainability, and scalability.

Modern CSS and HTML are profoundly affecting Separation of Concerns (SoC) by enabling developers to offload complex layout, interaction, and styling logic from JavaScript to native, declarative markup and styles. Aditionally, CSS & HTML are becoming more powerful and capable, allowing developers to achieve more with less code. This also reduces dependancies on Javascript libraries and frameworks.

Toggle the button below to see examples of how a few concerns are impacted with emerging CSS & HTML features.

PRESENTATION
LAYOUTS
FONTS
COLORS
INTERACTION
VALIDATION
ANIMATION
STRUCTURE
PARAGRAPHS
FORMS
LISTS
HEADINGS
VALIDATION
BEHAVIOUR
INTERACTION
VALIDATION
ANIMATION
BUSINESS LOGIC