How to create a Coronavirus (COVID-19) Dashboard & Map App with Gatsby and Leaflet
The Coronavirus (COVID-19) pandemic has swiftly changed how all of us interact day to day. How can we use available APIs to build a mapping…
All Posts
How to Create a Summer Road Trip Mapping App with Gatsby and Leaflet
Get ready for the summer by building your own road trip mapping app with this step-by-step guide! Author's Note: Even though we're going…
Anyone Can Map! Inspiration and an introduction to the world of mapping
Chef Gusteau was a visionary who created food experiences for the world to enjoy. How can we take his lessons and apply them to the world of…
What is the JAMstack and how do I get started?
JAMstack sites are all the rage right now in the web dev world. And rightfully so! But what exactly is it and how can we all take advantage…
How to Become a Full Stack Web Developer in 2020
Full stack web developers are the Swiss Army knife of the code world. Having that designation means you can produce end to end solutions…
Create your own Santa Tracker with Gatsby and React Leaflet
The Christmas season is a magical time of year. We have Santa flying around spreading cheer and Elf roaming around New York during our…
How to use Google Tag Manager to maintain Google Analytics and other marketing tags
Managing code snippets and pixels on your website or app to measure traffic can be a little bit stressful, especially if you have a…
Don’t just lint your code, fix it with Prettier
Linting makes everyone’s lives easier by telling us what’s wrong with our code, but how can we avoid doing the actual work that goes into…
What is linting and how can it save you time?
One of the biggest challenges in software development is time. It’s something we can’t easily get more of, but linting can help us make the…
What is Gatsby and why it's time to get on the hype train?
Frameworks come and go, and while Gatsby may eventually drift as tech does, the performance and productivity boosts are strong arguments for…
Making Sense of Google Analytics and the Traffic to Your Website
Google Analytics is a powerful web service that gives you insights into your website or application. What exactly is it and how can it help…
Put Down the Javascript - Learn HTML & CSS
A growing trend in front end development is the idea that you can dive right in to Javascript and succeed. Honestly, for better or worse you…
You Don't Need CSS-in-JS - Why I Use Stylesheets
CSS-in-JS is all the rage. But is it really the best option? Solving problems you don't need to solve Don't get me wrong, CSS-in-JS is a…
Destructuring the Fundamentals of React Hooks
Hooks have become a pretty powerful new feature of React, but they can be intimidating if you’re not really sure what’s going on behind the…
Reliable and Maintainable Google Analytics in Webpack
One of the messier bits of a new app setup is trying to figure out where to stash your Google Analytics initialization scripts. There are…
Stop using custom templates in your Webpack React apps
Google "webpack react" and you'll notice the top result guides all have one thing in common: they create custom HTML templates for their…
Easily Maintain HTML Partials in Webpack Based Javascript Applications
Webpack, even with the HTML Webpack Plugin, doesn’t necessarily give a graceful way of managing simple HTML snippets without putting…
How do you find all of those blog posts?
I'm pretty active on Slack (most active, ahem...). I like to chat, because I believe strong communication is super helpful for teams, but it…
Custom Blacklist Contact Form 7
Easily set up a blacklist for those marketing lists that somehow get around Akismet. Throw the below in your functions.php file and…
Batch PNG Optimization
Easily create a script to batch optimize PNG files in Photoshop using TinyPng's Photoshop Plugin and Adobe's ExtendScript Toolkit. Jump over…
dpkg-scanpackages Stripping Name Field
dpkg-scanpackages isn't designed to take in some of the user defined fields Cydia repos use. Saurik points out in his How to Host a Cydia…
minimal.iOS.8
minimal.iOS updated for iOS 8, minimal.iOS.8 is a Winterboard theme for jailbroken iPhones. Now available on Cydia via the ModMyi.com repo…
minimal.iOS.7
With the recent release of Pangu, I was inspired to get back to work on more icon theming. Behold, the iOS7 version of Winterboard theme…
Sync your SublimeText2 settings with DropBox
Check out the details at packagecontrol.io
Frosty Deals, Daily Deal Hub
Finally launched, frostydeals.com is a pet project created by Broc Klein and myself that functions as an aggregator for one-day deals across…
New site design, how about an updated resume?
Colby Fayock Resume
hippify Javascript Plugin
Created this script with the need to swap high resolution images in when high ppi, non-mobile displays are detected. hippify on GitHub
minimal.iOS Winterboard Theme
Recently, I released a Winterboard theme for jailbroken iPhones called minimal.iOS. It's only the lockscreen at this point, but the plan is…
iPhone Lock Screen
Finally got around to updating my lockscreen. Wanted to go with something nice and simple Original lockscreen template with LS Nimbus iPhone…
Asynchronous Javascript Loading
These posts are going to be short until I reformat all of the previous ones. With that in mind, saved a couple seconds loading time on a…
Resume
Updated resume. Colby Fayock Resume
Pong-Fu Flyer Design
Potentially gearing up for a larger event, I was contacted to do a concept design for a flyer that would serve as a marketing effort for a…
Hair by Diane Website
To promote her company and get a foot in the door, I was asked by my mom to make a website for Hair by Diane. I wanted to create a modern…
St. Patrick's and State Patty's Day
Getting in the spirit for St. Patrick's Day and more specifically, State Patty's Day, I decided to create a background for my phone. 320x48…
Manning's
Mannings is a TV, furniture, and appliances store owned and managed by my grandfather. He has had this store for over 50 years and has never…
Hair By Diane
Hair By Diane is a recent start-up salon created by my mother. Prior to this salon and between other career fields, she has had over 2…
Bill Taylor
Studio and outdoor photography session with model Bill Taylor. Bill Taylor Image 1 Bill Taylor Image 2 Bill Taylor Image 3 Bill Taylor Image…
Design Official
Design Official is a mock design team/company created by two colleagues and myself to emulate the structure and teamwork needed in a typical…
Anthony Santiago
Studio photography session with model Anthony Santiago. Anthony Santiago Image 1 Anthony Santiago Image 2 Anthony Santiago Image 3 Anthony…
Filmore Album Art
Filmore wanted an album art design, front and back, for their upcoming single release of "City Lights." The member in contact was pretty…
Filmore MySpace Design
Filmore, a band out of Maryland, contacted me to create a MySpace web template for them. They requested a space theme, but did not have much…
Headphones and Sunglasses
Mock product shots for Sennheiser/AX. Sennheiser/AX Image 1 Sennheiser/AX Image 2 Sennheiser/AX Image 3 Sennheiser/AX Image 4
Wowee Zowee
Wowee Zowee was a student project that I created mocking the current fast food era. Many fast food chains will promote ridiculous food…
Tau Epsilon Phi Web Design
The Pennsylvania State University branch of Tau Epsilon Phi requested me to create a website for their brotherhood. For this project, I…
John Long
Studio photography session with Marine, John Long. John Long Image 1 John Long Image 2 John Long Image 3 John Long Image 4
Paper Heart
Paper Heart is a film that was created to look like a documentary of a girl who does not believe in love. As the film progresses, she finds…
