‘Themes Mattr’ Framework

Themes Mattr Framework is a web framework created by Maciek Rek and intended for the development of beautiful, fast and flexible websites and web applications.

Objectives

  1. Performance
  2. Flexibility and scalability
  3. Reusable components

As the web technology evolves and the visual, UI and UX trends change, it is important that a themes are flexible and can be extensively transformed and improved when needed.

The problem

Pages of a website have different sizes and complexity. Also there may be website sections that require different look and functionality than the rest.

In a typical WordPress site, every single page, even a simplest one, loads all of the styles, scripts and functionality that is used in all other pages. This is okay with very small sites but becomes problematic as a website grows.

It is also almost impossible to change a theme without breaking the website or at least some of it’s parts.

The solution

Themes Mattr Framework loads only minimal, essential stuff by default. The assets and plugins can be assigned exclusively to a single page. Every page loads only the functionality it requires and nothing more.

For example, one page might only load a slider-banner and a news-feed components while another will load only forms functionality. Another example will be a website’s section (a group of pages) that requires a different layout and style than the rest of the website. It can be set to load a completely different set of functions and assets without affecting other sections.

This approach allows for having virtually unlimited number of features, layout adjustments and templates customisation within a single site.

Also as a side-effect, a theme can be updated gradually, page by page without affecting the whole site.

How does it work

Minimum dependency

Themes Mattr Framework is intended as CMS-independent, but due to resources limitation it works only with WordPress at the moment.

There is no further run-time dependency. TMF relies strictly on native WordPress functions.

Some WordPress plugins are recommended but not required. Those include analytics, SEO and cache/asset optimisation and redirections.

Pre-process everything

The Framework heavily relies on pre-processing. Only the PHP code is passed as is but it can be also minified in pre-processing.

Pre-processing serves few important purposes:

Theme and templates customisation

Most of the Project settings such as colours, spacing, typography are stored in JSON files. It means that any script including pre-process, server-side and client-side has direct access to them.

Project components can be also created or customised. Such component could be anything from colour of a button to a whole page template.

Custom build system

Themes Mattr Framework has it’s own build system built-in. It is powered by open-source tools such as FSWatch, Coffee, Haml, UglifyJS, Babel, Sass and Browser-Sync. There is also a handy management, development and deployment app available for macOS.

Planned and upcoming updates

The styles library still relies on Compass but it will be probably phased-out as Compass hasn’t been updated in many years.

Integration of PJAX – a library that improves browsing experience and allows for cool page transitions.

Can I download and use Themes Mattr Framework in my project?

You can order a custom WordPress theme built on the Framework. Please contact Maciek Rek to discuss your project’s requirements.