Note: The below items only cover major projects, so they're not updated as frequently. For more recent code of mine, you'll likely do better checking my CodePen and Github accounts.

Ace Attorney Lorem Ipsum Generator

I'm a huge fan of the Phoenix Wright series, but was upset to see there wasn't a Lorem Ipsum generator for it. So I found the WikiQuote page for the series, took the best lines I could find, and made a Node.js Lorem Ipsum generator with them. Now template sites can fill empty space with the voices of Wright, Edgeworth, Maya, and (most of) the whole cast.

Ruby Pokedex

My first official project with Ruby uses Sinatra and the Pokemon API to create a basic pokedex. It makes use of many basics, such as templating and partials, setting URL paths, using input data, navigating complex data through views, and got me started on Heroku. It still needs fine-tuning, but was my first big step forward with Ruby and the server-side of web development.

Sass Blueprint

This is the standard starting collection of Sass files I use for new projects. They have the my favorite basics set up, including BEM, the ITCSS file structure, variable maps, useful functions and mixins, and useful add ons.

Hangman Game

A simple hangman game helping me fine-tune my Javascript skills. It's a combination of object data, DOM interaction, and containerization. Another fun project that'll kill a surprising amount of time.

Corner Borders

After wondering how one would get a border only in the corners of an element, I worked out a way to do so with a Sass mixin. It lets coders control the border color, background color, border length and width for the corner borders.

Jekyll-Gulp

Jekyll and Gulp are two of my favorite front-end tools for static site generation and asset management. To get the best of both worlds, Jekyll's simple convenience with Gulp's range and flexibility, I combined them both into a single workflow. It's powering this very site.

Pattern Lab Fork

Brad Frost's Pattern Lab is a great template for future web projects. I added a custom Sass architecture, a new layout, annotations in Markdown, and removed any unneeded elements. It's a starting point that's best for more complex projects being built from the ground up.

Color Palette Generator

Making interesting color palettes is one of my favorite parts of coding. This pen creates visual palettes from either a few base colors, or lots of specific ones for more control, using only hex values. The Sass generates the rest for you.

Hover Portfolio Template

I was inspired by a premium portfolio theme to make something similar. It combines absolute positioning with CSS backgrounds and transitions for a simple yet enjoyable hover effect. It's being used for this very portfolio page.

Step-Left Bar

A component I finished for a pattern library project. It's made to clearly navigate users through a series of steps for a large task, like setting up an account. It's responsive, although the mobile animation math was a tad harsh to calculate.

Synapse Grid

Synapse is a grid system that has the fun and simplicity of Expressive CSS without the CSS bloat and excessive HTML classes. It lets coders customize the number of columns, element spacing, and easily add utility classes. Very scalable for responsive grids, and general style management on large and small projects.

HTML Doc Generator

For many component libraries, developers need to constantly copy an element's HTML for different projects. This generates HTML documentation automatically, making it faster and simpler for developers to use HTML for their components.

Slanted Angle mixin

I've often struggled with adding slants to the bottom or top of elements on pages that are also responsive. This mixin uses some Sass and SVG magic so it's easy to add this effect while controlling the location, size, and color while looking good on all devices.

Ellisha

A mixin collection for responsive Flexbox grids and layouts. It gives site layouts the new benefits of flexbox while keeping their grids lightweight and customizable.

Animated Viewport Items

An animation trick I made by combining Animate.css with Waypoints.JS, which lets developers create entrance animations for elements just by adding a class.

"What Eeveelution are You" Quiz

I made this quiz to better understand the Angular framework, specifically its data-binding, Angular functions, and displaying the right views. Plus I used Flexbox to better control the responsiveness of certain elements with less CSS.

Guess the Number!

This is a simple yet quirky number guessing game where you have five chances to guess a number between one and 100. This is part of my Angular.js practice to get more familiar with the app framework, and also uses Bootstrap and jQuery.

Plately

For my web development projects, whether they’re WordPress or static sites, I’ve put together a personal workflow I enjoy using called Plately. It makes use of Gulp.js, Sass, Bower, and Jade to speed the process along. I’ve also put in some of my favorite ThoughtBot open-source tools in advance.

Frosted Glass Effect

A book I’ve been reading, CSS Secrets by Lea Verou, explained this Frosted Glass effect for websites. I managed to reproduce it here.

My Housing Matters

In one of my final Newhouse classes, I was made the primary web developer as we edited and created the MyHousingMatters.com website. It focused on racial and economic disparities related to housing in Syracuse. My main jobs were helping make interactive content, changing styles, and editing the back-end functionality with custom fields and programming.

InternNation

My main job as Web Development intern at Eric Mower + Associates was to remake the intern blog. The final product was a WordPress theme built for over 100 posts with Sass and Gulp.js, along with a few useful tools such as Isotope.js and Advanced Custom Fields. The front page also lets users search a grid of all the posts by the intern’s semester, the city they interned in, and what department they worked in. The final product came out just in time for me and the other Spring 2015 interns to get their posts up!

No Developer is an Island

This was my actual blog post for the InternNation site I developed. It was a reflection on how web developers are so reliant on community and learning from others for most of our skills and success. Plus there were a few funny cartoons there too.

Net Neutrality: The Debate Continues

Despite how settled Net Neutrality seems after the FCC decision, the debate is still far from settled in America.

3 Humbling Life Lessons I Learned Making Websites

A reflection on how web development, in addition to becoming my career, has also helped me mature even more as a person.

Millennials, Here’s How to Avoid an Online Identity Crisis

How millennials can make the most of their online presence, in a way that’s unique, effective, and helps their career instead of getting them fired with a stray tweet.

The NewsHouse Couple’s Quiz

For Valentine’s Day I had the idea of an interactive quiz where couples could make and answer their own questions. It uses Bootstrap and Angular.js to help build out the styles, and is the first real project where I used a Gulp.js pre-processor for my front-end workflow.

Here’s How an Actual Young Journalist Sees #AdviceForYoungJournalists

Looking at the best tweets in the #AdviceForYoungJournalists hashtag and what the biggest lessons are.

Before Community College Is Free, One Idea About College Must Change

President Obama’s announcement to make community college free is well-intentioned but doesn’t address one major misconception about college in general.

SUpernatural Syracuse

For Halloween I had an idea for an interactive “choose-your-own-adventure” story for the NewsHouse. It focuses on solving the mystery of an old disappearance and recent supernatural activity on campus. I did much of the writing and all the development.

THE General Body’s Demands

THE General Body’s protest at Syracuse University came with a long list of demands of the administration. I pulled a useful Github project and customized the styles to create an interactive breaking down the demands and how they’ve been responded to.

Networking with Twitter

For my AmeriCares’ internship I was asked to give a presentation to the other interns on the best Twitter practices. It includes creating a profile and dashboard, managing Hootsuite, and sharing engaging content.

Juice Jam 2014

Juice Jam is a major party event at Syracuse, and I made a Storify to tell the story of the best moments through social media posts.

#HealthCareHeroes

All AmeriCares interns have to publish a blog post on #HealthCareHeroes. I made mine an animated video exploring one of AmeriCares’ recent projects and what how it relates to helping others find quality care.

Recapping the Tech Curve

The Tech Curve was an event we, the Syracuse SPJ chapter, held at Newhouse for students. Its goal was to help students begin learning and mastering important technical skills and journalism with an informative panel. This blog post recaps all the major points.

Conscience of Society

Professor Alejandro Garcia is recognized for 35 years of teaching at SU, and is awarded the 2013 Daniel and Mary Lou Rubenstein Social Justice Award.

With Open Arms

An in-depth look at Hendricks Chapel at Syracuse and how it brings students from a multitude of faiths together.

Stephen Barton, panel of experts open discussion on gun control

A major panel discussion at Syracuse University discussing gun control and it’s surrounding debate in America after the Newtown school shooting.

Such Great Heights

How a local Syracuse organization, On Point for College, helps bring potential students the extra resources they need for a fulfilling college education.