Freebie: One element map markers with CSS and HTML only

One element map markers with CSS and HTML example
In one of my work projects, I needed to create one element map markers with CSS and HTML only to pin locations on a map with dynamic text. Thought I would share with you how to create written in SCSS for ease of color changes and copy/paste. (more…)

Web font loading in the modern web

Web font loading in the modern web is confusing. Ever since custom web fonts have become widely available the process of loading them have been a topic of debate.

The following outlines what I use and feel is a safe approach to web font loading on production sites. Due in part, because of the non-blocking asynchronous font loading and safe fall back called the Font Observer technique. (more…)

CSS Animated Underline Hover for Links


Create a CSS animated underline hover for a more unique hover underline than the boring default browsers with CSS only. (more…)