Colby Fayock is a web developer and educator focused on building modern web experiences and teaching what he learns through practical guides, tutorials, and a weekly newsletter.
48 articles from this blog
A tutorial on building a COVID-19 dashboard and interactive map application using Gatsby, React, and the Leaflet mapping library.
A step-by-step tutorial on building a summer road trip mapping application using Gatsby and the Leaflet mapping library.
An introduction to JAMstack architecture, explaining its core components (JavaScript, APIs, Markup) and how to get started building modern web applications.
A guide to becoming a full-stack web developer in 2020, covering required skills, evolving tech stacks, and modern architectures like JAMstack.
A tutorial on building a Santa tracking web app using Gatsby and React Leaflet, including fetching Santa's route from an API.
A guide to using Google Tag Manager to simplify managing analytics and marketing tags, reducing code changes and improving data flow.
A guide to using Prettier, an opinionated code formatter, to automatically fix and format code, often in conjunction with ESLint.
Explains what code linting is, its benefits for catching errors and enforcing style, and provides a basic setup guide for JavaScript/React.
An introduction to Gatsby, a React-based framework for building fast, static websites using the JAMstack architecture.
A guide to understanding and setting up Google Analytics to track and analyze website traffic, from basic setup to advanced insights.
Argues that front-end developers must learn foundational HTML and CSS before JavaScript to build robust, maintainable applications.
Argues against CSS-in-JS for most projects, advocating for traditional stylesheets and methodologies like BEM for better maintainability.
Explains React Hooks fundamentals, focusing on useState and array destructuring for state management in function components.
A guide to integrating Google Analytics reliably into a Webpack project using HTML partials, ensuring proper initialization and maintainability.
Explains why custom HTML templates in Webpack React apps are unnecessary and introduces using HTML Webpack Partials Plugin for better maintainability.
Introduces HtmlWebpackPartialsPlugin for managing HTML partials in Webpack applications, simplifying snippet injection for analytics and A/B testing.
A developer shares a curated list of newsletters, blogs, and Twitter feeds to stay updated on frontend, React, JavaScript, and general tech content.
A tutorial on creating a custom email blacklist filter for the Contact Form 7 WordPress plugin using PHP.
A guide to batch optimizing PNG files using Photoshop, the TinyPNG plugin, and Adobe ExtendScript Toolkit.
A technical guide on modifying dpkg-scanpackages to correctly handle custom fields for Cydia repositories.
