Rivendellweb Theme: Work So far
This is my first attempt in a while to create a fully customized WordPress theme without using Genesis or other theme frameworks. The idea is to use modern web technologies like CSS Grid, Variable...
WordPress conditional tags
One of the things I like the most about working with WordPress, although it can be frustrating at times, is the number of conditional tags available. This post will explore what they are, and some...
Animating variable fonts
One of the things I find the most interesting about variable fonts is that you can animate them between different values. This post will explore how to create animations using Variable font axes, both...
Using Variable Fonts in a WordPress theme
Variable Fonts give you a lot of flexibility while losing support for older browsers and operating systems. They reduce the number of font files required to render content and they give you options...
Using Fontface Observer in WordPress
Fontface observer (FFO) is a font loader library that allows you to control the behavior of our downloadable fonts. This post will work through how to use the script in a WordPress installation. Using...
WordPress Hooks
Hooks are a way for one piece of code to interact/modify another piece of code. In the context of WordPress, they provide means for plugins, themes, and even WordPress itself to interact with...
Adding async/defer to WordPress site
WordPress doesn't add async or defer attributes to scripts by default and there is no easy way to do it without customization. This post will discuss how to add the attributes and why it's...
PostCSS deep dive
PostCSS is an interesting tool and ecosystem. It is a CSS processor written in Javascript. What first brought my attention to PostCSS is Autoprefixer, my go-to tool for automating adding prefixes to...
My VSCode Snippets
I love Visual Studio Code for writing anything ranging from Markdown to Javascript to PHP and even some Go and C/C++. One of the things that intrigued me the most is snippets and how they work once...
SVG and CSS for cool effects with text
In recent years there has been a lot of new features that make magazine-style layouts possible and enticing for designers to use and for developers to implement. Some of these features are quite old...