Drupal and WordPress Development and Theming

Code Samples

Viewport Breakpoint Font Sizer

View in GitHub

This is a Sass function I wrote to facilitate predictable viewport-based font sizes.

I wrote it to accompany my conference session on viewport units. 

It uses simple math to calculate what combination of settings would give us the font size we desire at a specific "threshold" breakpoint above which (and below which) we want the font size to increase at specific (and different) rates.

Experience it in action on CodePen!

Smart Dropcaps with JavaScript & jQuery

Open in CodePen

This is a simple but powerful (and fun) JavaScript+jQuery dropcaps solution. It uses a combination of js and css to render a drop cap at the start of the first child paragraph of a given div class (or id). The letter will span a specified number or rows precisely, and will resize according to font size and line height.

Gilbert01 Drupal 8 Theme

View theme on GitLab

This is a base theme I built for my own portfolio site at http://richardgilbert.co.

It's a simple, responsive Drupal 8 theme, making use of viewport units to deliver text that is legible on any size screen.

Rainier Atlantic Neighborhood

Visit the latest version

I designed and built this interface in 2003 as part of my graduate thesis in Urban Planning at the University of Washington. It is a JavaScript-based tool for comparing historical maps of a specific neighborhood in Seattle, to facilitate  analysis of change in the landscape over time.

I am currently in the process of expanding its functionality, including incorporating Google Maps.

Github Repository

github.com/bixgomez

My growing collection of code.