About Themalize

Themalize is a style kit for designing websites developed and maintained by Phil Brown (pmbrown.net) as a hobby, it's shared as Open Source on Github under a MIT license for developers requiring such a solution or those just generally interested in CSS and/or Sass framework design and development.

The framework is built using Sass with source files written mostly as regular CSS that use limited Sass functionality to help provide a flexible environment for customizing. Alternatively if editing compiled CSS is preferred over Sass two alternative versions of Themalize are also provided with the downloads for customizing.

The styles provided are considered baseline by MDN web docs, defined as being '...well established and works across many devices and browser versions'. Colored elements with text have been tested to ensure the text has sufficient contrast, but please note once any colors have been customized the contrast-ratios will need to be re-validated.

Scripts included for the (optional) theme-switch and dialogs components have been written by other developers and adapted for use with Themalize, author credits and links to original documents are provided on each docs page.

The docs website showcases the elements as styled, provides HTML demo's to demonstrate usage, and includes the Sass source files to explain customizing and/or expanding the styles.

To address web content accessibility whilst building the site the following basic steps have been taken:

• Pages use landmark and other semantic elements for content structure.
• Images included provide alt text descriptions.
• ARIA attributes are used sparingly and (hopefully) appropriately.
• Pages are tested with Wave browser tools for basic errors and contrast issues.

All pages have also been checked for basic structural and coding errors using the W3C Markup Validation Service, currently the only pages that fail testing are the accordions and popoover pages due to the validation engine not yet recognising the newer baseline attributes used for each component.

Feedback (anchor)

If you'd like to provide feedback about Themalize or are interested in contributing to the project please feel free to:

• Email the author
• File an issue on Github

Cross-platform testing of Themalize (and the docs website) has currently been limited to the author's Windows and Android devices so any feedback users on other platforms would be welcomed by the author.