CSS

At TUN2U I wrote LESS for Magento themes and SCSS for WordPress themes. This site's styles are SCSS too. I use preprocessors to write organised, maintainable CSS, with variables, mixins and nesting, and apply methodologies like BEM for class naming on projects that grow over time.

Magento and WordPress themes

On Magento, styles are written in LESS, so that's what I worked with there, alongside the Knockout and RequireJS I cover on the JavaScript page. The WordPress themes I built from scratch, with no starter theme, and their styles in SCSS.

Performance and accessibility

On the WordPress sites, CSS matters for speed too: inlined critical CSS is one of the techniques that get most of the sites I built to 100 in the Performance tab of PageSpeed Insights. I take care of responsive layouts and accessibility, with adequate contrast and clear interactions, working alongside designers to translate mockups into faithful code.

Where scale falls short

With scale, a big button grows more than a small one, and CSS has no way to say "grow by 10 pixels". That's why I wrote JS-Lib-Scale, which works out the right factor for each element. The links in this site's header use it.

This site's styles

The frontend you're reading has its styles in SCSS, inside the Astro project.