raybrownco

{
  "$schema": "https://raw.githubusercontent.com/jsonresume/resume-schema/v1.0.0/schema.json",
  "basics": {
    "name": "Ray Brown",
    "label": "Senior Frontend Software Engineer @ Bridge | Front-end Development, UX Design",
    "image": "",
    "email": "[email protected]",
    "phone": "+1 616 647 7602",
    "url": "https://raybrown.co",
    "summary": "With over 16 years of experience in web development, I have honed my skills in creating engaging, accessible, and performant websites and applications. I am currently a Senior Frontend Software Engineer at Bridge, a leading corporate LMS and employee development platform used by organizations all over the world.\n\nAt Bridge, I work with a talented and diverse team of developers, designers, and product managers to deliver user-centric tools that enhance the e-learning and career path experience. I specialize in front-end development with a focus on design systems, responsive design, and performance optimization. I also have a strong background i

raybrownco

Keybase proof

I hereby claim:

• I am raybrownco on github.
• I am raybrown (https://keybase.io/raybrown) on keybase.
• I have a public key ASAjWu4kOFGRkQbkHct7Wr1Ur93e2rqxuvvEgirU1T-GNAo

To claim this, I am signing this object:

raybrownco

# Middleman - Inline SVG Helper
# ------------------------------------------------------------------------------
#
# Installation
# ------------
# 1. Save this file at `[project_root]/helpers/image_helpers.rb`
# 2. Open the project's Gemfile and add this line: `gem "oga"`
# 3. Run `bundle install` from the command line
#
# Note: Restart your local Middleman server (if it's running) before continuing

raybrownco

// Using a list to loop through each prefix and cut down on duplicated code

$keyframe-prefixes: (-webkit-keyframes, -moz-keyframes, -ms-keyframes, keyframes)
@each $prefix in $keyframe-prefixes
  @#{$prefix} fadeIn
    0%
      opacity: 0
    100%
      opacity: 1

raybrownco

/*
 * 'rem' is a Sass mixin that converts pixel values to rem values for whatever property is passed to it.
 * It returns two lines of code — one of the regular pixel values (for IE), and another with the
 * converted rem values (for everyone else). Special thanks to Chris Epstein (http://chriseppstein.github.com)
 * and Martin Bavio (http://martinbavio.com) for the help and code!
 * 
 * Sample input:
 * .element {
 *   @include rem('padding',10px 0 2px 5px);
 * }

raybrownco

<!-- Featuring three books on a site's homepage -->



<!-- The Pods/WordPress way -->
<ul id="featured-books">
<?php 
	$book = new Pod('book');
	$params = array(
		'where'=>'t.show_on_homepage = 1',