React Counter Customizer

Eons ago, I briefly looked into ReactJS, to see what all the hype was about. At the time, I didn’t see much value in it since it didn’t look applicable to the projects that I was working on. Recently, I decided to give it another go. I took a deeper dive this time, and tried making a React-based customizer for my radial Counter JavaScript library.

Read on! “React Counter Customizer”

Running WordPress PHPUnit Tests With Docker

I recently moved my web development workspace from MAMP to LAMP with Docker. The transition was difficult, due to issues with Ruby and RVM on my host machine. Now that it is working, all is well!

When I started tinkering with Docker, my goal was just to see if I could replicate my WordPress development environment. After I did that, I improved it a bit. Now, i’ve suitably compartmentalized each project. Each WordPress project has its own WordPress installation, MySQL server, error logs, plugin and theme directories.

The only thing missing was being able to run unit tests!

Read on! “Running WordPress PHPUnit Tests With Docker”

Ambient Weaver

Ambient Weaver is an ambient sound player for macOS 10.12.2+ and Windows 10. The core mechanics of the player include the ability to create playlists which contain customizable sound tracks. Each track has controls for volume, a starting point, and whether or not the track should repeat. Normal audio players, designed for non-ambient songs, run one track at a time. When those players are used for ambient sounds, there are always momentary breaks in the sound that can break the listener’s concentration. That is the nature of having one playback loop. Ambient Weaver gives each track it’s own loop. This allows for tracks to be overlain in a way that masks the momentary breaks, creating a seamless listening experience.

Read on! “Ambient Weaver”

Basic WordPress Theme

An example of the theme's front page.
The front page!

The Basic theme is exactly what it sounds like. It’s a barebones starter theme built on top of the fantastic Underscores theme (_s). With support for Sass and some build tools that I pieced together, modification is reasonably easy.

Now, I’ve got a launch pad project for simple WordPress site development! Actually, we have a launch pad project for simple WordPress development. I’ve hosted the source code and build tools on Github. You can build the project yourself!

Read on! “Basic WordPress Theme”

JavaScript Radial Counter Library and WordPress

As a follow up to the post I wrote about my HTML5/JavaScript Radial Counter Library, I want to talk about how I am utilizing the library in my current theme. In order to make the library easily reusable throughout the site, I made a shortcode specifically for the counters. More accurately, I made a shortcode for the counters, and a shortcode to wrap the counters. The wrapping shortcode is particularly useful for ensuring that the positioning and styling of the counters works on both desktop and mobile.

Read on! “JavaScript Radial Counter Library and WordPress”

Setting Up GitHub Pages (For Beginners)

I’ve frequently heard questions about getting started with Git and utilizing GitHub pages. Things like, where to start and if there are any good resources to follow. It got to a point where I deemed it worthy of a tutorial! In this video I touch on:

  • installing Git
  • making basic Git configurations
  • creating a GitHub repository
  • pushing to a remote repository from a local one
  • creating a gh-pages branch for project-based hosting (e.g. https://username.github.io/repo)

For non-Mac users, the downloads page on the Git website contains everything necessary to install Git.

HTML5/JavaScript Radial Counter Library

2 yrs
JavaScript
2 yrs
HTML5
2 yrs
Awesomeness

When I started designing my new portfolio theme, I wanted the ability to present my technical skills in a more interesting way. That led me to the idea of counters. I needed the counters to display the amount of time that i’ve worked with a specific language/framework. The one gotcha was, I would have to keep the counters up to date. Thus, I arrived at a design for the counters, which required options for…

  • custom styles
  • custom text
  • self-managed durations

Read on! “HTML5/JavaScript Radial Counter Library”

So, you want to be a programmer?

Hello there! This article is targeted toward individuals that have an interest in programming, but are still on the fence. I hope to clear that up by answering some common questions/concerns that i’ve heard. I’ve paraphrased those questions of course. Enjoy!

“Where should I start?”

If you’re unsure where to start, the first thing you should do is pick a language. A language that I frequently recommend is JavaScript as it is a lenient language. The next step is to find a tutorial for the language and follow it to completion. That means physically typing out every line of code verbatim; it is impossible to learn a language without writing it. I recommend TheNewBoston’s JavaScript tutorial, as it is easy to follow and only requires a basic understanding of HTML (the structure of websites). Other excellent tutorials can be found on lynda.com, however a subscription is required after a short free trial period. If neither of those suit your fancy you can always use the mystical Google!

Read on! “So, you want to be a programmer?”