Ari Stathopoulos

WordPress Developer, Accessibility & Sustainability evangelist, Human.

Fluid Typography with CSS Variables

16 September 2019

By “Fluid Typography” in this article I’m referring to typography that scales depending on the screen size.
Traditionally sites have a fixed font-size, like for example 14px. The problem with that approach is that devices nowadays vary a lot. There are 4-inch smartphones, 40-inch Smart-TVs and everything in between.

Read More

A new comments system for my static Jekyll site

15 September 2019

I love WordPress, but I strongly believe there’s a right tool for every job. This site is not a WordPress site. It’s built on Jekyll and hosted on Github Pages for free.
I write my posts using simple Markdown and it’s just fast and convenient.
However, what I always found annoying is the lack of a comment system. Until now I was using disqus for comments on this site, but I never really liked it. It was a last-resort solution. One I hated because Disqus loads a lot of assets and a lot of trackers.

Read More

Migrating from jQuery to vanilla JS

14 September 2019

jQuery has been an easy way to get things done in JavaScript for years. It cuts down development time and allows us to prototype websites a lot faster. It’s been around for years, and as a WordPress developer I’ve been using it for a long, long time.

Read More

Thoughts on a Sustainable Web

17 May 2019

Sustainability in the web is something everyone should take more seriously. In 2015 the carbon footprint of the web eclipsed global air travel. Surprised? You shouldn’t be…
All sites run on some server ran by a company that you pay. There are vast server-farms around the world, and they require lots and lots of power. Guess where all that power comes from… You guessed it, mostly coal. The internet is a huge, coal-burning machine. And though some companies around the globe have started investing in renewable energies and are slowly turning greener, the situation is not improving.

Read More

How to only print styles for Gutenberg Blocks used on a page

11 May 2019

The new WordPress Editor (codenamed Gutenberg) is amazing as it allows users to build rich and beautiful interfaces with minimal effort. But it comes with a lot of styles and logic bundled-in, and I happen to have strong feelings about that, most of them negative ones. why would anyone enqueue styles for a button block, or a gallery block if a page doesn’t use them? We should all strive to build a more sustainable web, so that needs to change.

Read More