Nothing matches your search.

Christopher Murphy - Blog

Exploring front-end development and design.

Independently Styling Underline Color preview image

Independently Styling Underline Color

A CSS snippet for independently styling text and underline color.

If you've ever wanted to set the color of the underline for underlined text separately from the text color, you may have come across the CSS property `text-decoration-color`. Unfortunately, this property is not yet fully supported by all browser vendors. Read more...

Learn Vue.js - a quick and friendly tutorial preview image

Learn Vue.js - a quick and friendly tutorial

Making a NATO phonetic alphabet converter with Vue.js.

Vue.js is a progressive and reactive JavaScript framework for building front-end interfaces. It's dead-simple and allows for lightning-fast DOM manipulation through a virtual DOM. It's flexible enough to use in simple, static pages, and powerful enough to use in complex applications as well. Read more...

Lightweight Hamburger Navicons preview image

Lightweight Hamburger Navicons

Tasty little hamburgers.

The ubiquitous hamburger menu button. Whether you love it or hate it, the hamburger button is a well-worn convention for toggling menus or options. This article explores alternative, lightweight methods of generating hamburgers using HTML and CSS. Read more...

Pure CSS Responsive Flex Menu preview image

Pure CSS Responsive Flex Menu

Making a pure CSS responsive menu using flexbox.

This resource is a responsive menu based on CSS using flexbox. It relies upon a checkbox input to toggle between states and can therefore be used as an alternative to JavaScript-based solutions. Read more...