Skip to content

Megabyte

Web Development

  • About
  • In The Wild

Megan is an Ohio-based web developer specializing in WordPress. She is a WordPress Community Team Rep and Community Deputy. She joined the community team at Codeable in 2021.

She also enjoys competitive swimming, reading, and taking care of her pets, Sammy 🐈, and Artie 🦎.

Megan previously co-hosted a WordPress development podcast called In The Loop. Listen to some of the highlights below!

Latest Podcast Episode

Tag: Snippet Sunday

Increment Hex Values in PHP

Posted May 8, 2016January 29, 2018

Hex values aren’t just for colors! I recently had to generate a list of values from 00-ff and came up with this little snippet. Here’s how to increment hex values in PHP: For Reference: Hex Values Use (line 8) 0-f $x < 16 00-ff $x < 256 000-fff $x < […]

Category: PHPTags: Database PHP Function Snippet Sunday

Faux-Cropping Circles with CSS Using background-image

Posted December 27, 2015July 29, 2017

As promised, here is another approach to “cropping” images in CSS circles. It looks almost identical to the other fiddle, but is done a different way. This method is better than the one I described in my previous Snippet Sunday in that the images are actually centered (without the use […]

Category: UncategorizedTags: CSS jsfiddle Snippet Sunday

Faux-Cropping Circles with CSS

Posted December 20, 2015July 29, 2017

Here’s a basic jsfiddle I made to illustrate how to crop an image with a CSS circle. Gone are the days of editing photos for this effect (thank goodness). I’m using negative margins to faux-center the images. (Check back next week to see another method of cropping that doesn’t use […]

Category: UncategorizedTags: CSS jsfiddle Snippet Sunday

Cool SCSS Animation

Posted December 6, 2015July 29, 2017

I was browsing CodePen and found this pen by Jamie Caballero. What comes as a surprise to me is that it isn’t using any JavaScript. The animations are all done in SCSS, which is a CSS preprocessor. It is also using Haml, which is a markup language that stands for […]

Category: ResourcesTags: CodePen CSS Haml SCSS Snippet Sunday

CSS for Transparent Inside Border

Posted November 29, 2015April 11, 2018

Here’s a cool jsfiddle by Chris Coyier I came across one day. It’s kind of like a “floating” border effect with transparency. Transparent Inside Border Pseudo Element

Category: ResourcesTags: CSS jsfiddle Pseudo-element Snippet Sunday

setInterval and clearInterval in JavaScript

Posted November 22, 2015April 10, 2017

Recently I was working on an image slider that I had auto-rotating by using setInterval and clearInterval. The problem I came across was that when a user clicks to show another slider image, the counter variable wasn’t resetting. For example, if image 3 was showing, and the user clicked image […]

Category: ResourcesTags: JavaScript jQuery jsfiddle setInterval Snippet Sunday
Links: Twitter WordPress.org WordPress Slack GitHub LinkedIn
Content Disclaimer