Principles of Simple beauty

What makes Simple beauty different to other web layout frameworks is its principles.

Style HTML tags

If you want to style buttons, style is directly applied to button tag, instead of creating btn class.

<button>Button</button>

Then, If an HTML tag is very specific, apply style directly to it. This makes web layout development very fast, because if you have a great deal of not styled html code, you might not even need to think about adding classes to it.

Exceptions

You’d like an HTML tag to look like other

When you want an element to look like other kind of element.

<a class="button" href="#">Not a button, but it looks like a button</a>

HTML tag is unspecific

For example, when you want to make a component out of a ‘div’.

<div class="card">This is a div that is styled as a component.</div>

To set a particular feature

For example, when you want your text to have a particular color.

<span class="secondary-text">Text with secondary color</span>

Change look and feel in CSS or SASS

If you wish to change look and feel, create a new theme with SASS variables, CSS variables, or CSS in general. Adding loads of classes that abbreviate CSS declarations is very tedious, and ends up in a very unclean messy long html.

How was this framework originated?

In 2015, when I worked at the layout of a website of mine with bootstrap, I was weary of having to memorise so many classes to style everything I fancied. I felt like a repetitive machine. So I thought there was something wrong with web layout frameworks. I wondered, “Machines are made to take us off the repetitive work. Therefore, why are we going to have tedious repetitive web layout development if web layouts are inside machines?” After years of reflecting on how developing web layouts, I got to the conclusion of the mentioned principles.

Web layout development should be smarter to become simpler. So I considered both “smart” and “simple” as possible words for the name of the framework. Nonetheless, I prefered “simple” over “smart” because it is an alusion to the Christian Roman Catholic God, hence one of his adjectives is “simple”. I want to make web layout development simple because God is simple. Furthermore, it is important that webs are beautiful, and it results that “beauty” is also an alusion to the Christian Roman Catholic God, who is the “beauty” himself.

Finally, the name of the framework is “Simple beauty”. Thanks to God for granting me making this framework!