Hawk's By Design

Coding

March 21, 2019

Weird Google Chrome CSS Transition On Load Bug

I was working on a project when I noticed the CSS transitions were firing on page load...which was not supposed to happen. So...what the heck?

View post

Coding

March 13, 2019

Attempting to Detect a Slow Network Connection in JavaScript

Detecting a slow network should be simple, right? Or...at least it sounds simple. Reality is cruel though, because it's really a pain in the ass.

View post

Coding

March 7, 2019

Random Accessibility Things I Find Tedious, But Necessary

Web accessibility can really be a pain in the butt...but it's necessary. Here are a couple random things that can prove troublesome.

View post

Coding

February 25, 2019

NG-IF: My Two Hour Headache

This past weekend I learned a valuable lesson about AngularJS and the ng-if directive. So, naturally there was a lot of cursing and crying.

View post

Coding

February 15, 2019

You Know What? I’ll Say It. It’s Okay To Use jQuery.

It's okay to use jQuery or vanilla JavaScript! There, I said it. You don't have to use the latest and greatest framework. Do what's best for your project.

View post

Coding

February 10, 2019

Sending Emails with Google’s SMTP Server and PHPMailer

Sending emails can be a scary thing, but it's okay. By using Google's free SMTP server, and PHPMailer library, we can send an email in a few lines of code.

View post

Coding

February 6, 2019

Dynamic Article Header Anchor Tags

I want my headers to have anchor tags, but I'm too lazy to do it manually. Solution? Create a javascript function that does it for me. Point, automation.

View post

Coding

January 24, 2019

Bracket Coloring: Pretty Colors Everywhere!

Have you ever struggled to find a matching bracket? Well I discovered an interesting little plugin that colorizes matching brackets.

View post

Coding

January 18, 2019

Position Sticky, Oh How I Love You

Position sticky is one of those CSS features that you don't know you need until you see it, and use it for the first time.

View post

Coding

December 31, 2018

Lazy Loading Images: Bare Bones

Images take up a lot of bandwidth, so why not defer them? Let's walk through how to make a bare bones image lazy loader that'll help improve load times!

View post

Coding

December 19, 2018

Wait…you can style the scrollbar?!

As a PC user, I've grown accustomed to the eye sore that is the default web browser scrollbar. But what if I told you we could make it pretty?

View post

Coding

December 17, 2018

Box-Shadow: Rise From Page CSS Effect

While navigating the interwebs I found a cool "rise from the page" effect using pure CSS. It's simple magic of the box-shadow and transform properties.

View post