Skip to content

Megabyte

Web Development

  • About
  • Community
  • Contact

Megan 🐹 is a web developer specializing in WordPress. She is a Senior Developer at Blackbird, an award-winning web agency. Neopets first introduced her to coding.

She also enjoys competitive swimming, reading, and taking care of her pets, Sammy (calico cat) and Artie (bearded dragon).

Search Posts

Categories

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
Reach Me: Get help on Codementor
Content Disclaimer