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

Category: Uncategorized

Intro to Media Queries and Responsive Design

Posted January 30, 2016January 29, 2018

What are CSS Media Queries? W3 Schools has a good definition: The @media rule is used to define different style rules for different media types/devices. In CSS2 this was called media types, while in CSS3 it is called media queries. Media queries look at the capability of the device, and […]

Category: UncategorizedTags: CSS Media Queries

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

Posts navigation

Newer posts
Reach Me: Get help on Codementor
Content Disclaimer