Building the web & teaching what I learn
Agentic engineering workflows are quickly requiring more juggling of multiple contexts through different tabs or windows, making it easier than ever to quickly lose track of the work you were doing. Status lines are an easy way to help with this, allowing you to customize a little bit of text in your terminal UI to …
2023 has blown right on by. Here s what I was up to this year Life at Home Unlike last year, travel was greatly slowed down, meaning my family and I spent much more time back home. My son is 2.5 years old now! It s insane how fast its going and I can t imagine that part s …
Dependabot has historically been on the receiving end of many jokes and memes, from the world s top Hacktoberfest participant to the occasional onslaught of inboxes when a widely popular package receives a security update. But buried in there was something important and highly useful that can help package maintainers and projects more sanely deal with …
This has been an interesting year where I ve been quite productive, but traveling and conferences have made me productive in different ways than I had been the past two years. So here s what I was up to in 2022, let s dig in… Life in a casa de Fayock This year we traveled a lot! My …
This is my second year putting together a content roundup. It s always fun looking back to see everything I ve done, often forgetting that I actually did a particular thing this year and not 5 years ago (2021 s been weird). I didn t quite put out the same amount of content as I did in 2021, but …
Next.js has taken the web dev world by storm It’s the React framework devs rave about praising its power, flexibility, and dev experience Don t feel like you re missing out! Here s everything you need to know in 10 tweets Let’s dive in 🧵 🐦 View & Share the Tweet Thread 1. Next.js is a React.js framework …
For a while I’ve sat on this idea of using the name Colbyashi Maru for some kind of fun content series. What the Colbyashi Maru? If you missed the reference, Colbyashi Maru is a play on the Kobayashi Maru from Star Trek, which is a training exercise presenting a “no win” scenario to those taking …
This year has been hard on pretty much everyone in the world, some more than others. It's led to a boom in content creation as people are forced to move to a digital life in a remote world and new learners looking to find a new career like learning how to code. Through this time, …
Working at ThinkGeek was fun, challenging, and rewarding. Those experiences taught me how to be a better person and how to apply those experiences to my work. This post will focus on some of the takeaways from my time working at ThinkGeek. Learning from past experiences It’s about to cross the 4 year mark since …
The process of writing an ebook provided a lot of value in helping me grow as both a developer and content creator. It’s helped me understand how I can more effectively educate others and reflect on things I already know. While I’ve ultimately now published a second ebook (Jamstack Handbook), this post will focus on …
If you’ve been following along with my work, I tend to talk about maps every so often. This includes tutorials like how to create a Coronavirus (COVID-19) statistics map or even how to create your own Santa Tracker. tl;dr my new course Building Maps with React Leaflet is now available on egghead.io! Why so much …
I’m proud to officially launch my first ebook 50 Projects for React & the Static Web. Ebook Cover This free ebook includes 50 project ideas complete with project briefs, a layout idea, and resources if you get stuck. I fully believe the best way to learn is by doing and this can help you stop …
A common thread in web development thought pieces is why you shouldn’t use a certain framework on your blog or why simply, you shouldn’t overengineer it. But what can overengineering our personal projects like our blog do to help us grow as developers? What do I mean by overengineering a blog? One of the main …
AWS has taken the tech community by storm. It’s easily sold as one of the most reliable providers with an exhaustive list of services from object storage to machine learning. But it can easily be overwhelming for someone new to the cloud. Where should you start when trying to learn AWS? Object storage with AWS …
The global pandemic has had widespread effects, not just in how we go to work or go out to eat, but how we socialize and network in our local tech communities. What impact does this have on our journeys and what can we do to make the best out of the current climate? Living in …
Websites and applications are complex! Buttons and images are just the tip of the iceberg. With this kind of complexity, you need people to manage it, but which parts are the front end developers and back end developers responsible for? Originally written for freecodecamp.org. The many layers of development Whether you're working on a website …
Building quality content can be a really rewarding task, but for those just starting out or those who don't yet have a large audience, that content can easily get buried amongst the other million tweets on Twitter. How can we expand our reach and help our content impact more people? Creating our content for the …
Design is a part of the product process that often gets pushed off. This can come at a cost that your customers or other developers have to pay. How is design important for those of us who aren't just pushing pixels in Photoshop or Figma and what can we do to level up? Design as …
Learning something new is hard. It's even more challenging if you have a hard time trying to find motivation. How can we find things in our everyday lives that can help us learn? Tom is no longer in your extended network It's been almost 10 years since we saw massive changes underway at MySpace. If …
Writing is an important way for all of us to share our thoughts and experiences. While the content itself is important, what else can we can do to more effectively get our thoughts across? Why is writing important in the first place? Everyone will develop their own reasons for why writing is important to them, but …
Becoming a Senior Developer is something many of us strive for as we continue our code journey and build our career. But what does it actually mean to be a "Senior" Developer? What being a Senior Developer is not Before we start, let's get this out of the way. Contradictory to what you'll see on …
Writing about our work is one of those things that most of us have on our to-do list. But whether it's due to procrastination or fear, we never actually get to it. Here's some more motivation and reasons why you should give it a shot! Why should we write in the first place? Maybe you've …
Getting in the habit of being conscious of your coding decisions can make a difference not only as you build out your project, but also when you or your teammates try to revisit that project in the future. What kinds of things can we do to make it a little easier on our future self? …
Building maps can be pretty powerful, but often you're stuck with open source options for the map imagery that might not help the readability of your data. How can we leverage Mapbox's tile APIs to add a custom basemap to our React Leaflet app? What are we going to build? We're going to walk through …
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 app that shows the impact it has had on the world? Update: The original NovelCOVID API v1 endpoint has been deprecated. Please update and use the following instead: https://corona.lmao.ninja/v2/countries Author's …
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 through some challenging times, we can still be optimistic we'll get through this together and be able to enjoy our summer. Stay safe and wash your hands. ❤️ What are we going …
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 mapping? Taking inspiration from a culinary great If you've seen the Pixar movie Ratatouille, you should know who Chef Gusteau is. He helped our "little chef" Remy the rat navigate the culinary world and become …
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 of its benefits? What is this JAMstack? To start, JAMstack is a software architecture and philosophy that adheres to the following components: Javascript, APIs, and Markup. If this sounds …
Full stack web developers are the Swiss Army knife of the code world. Having that designation means you can produce end to end solutions, which is a highly marketable and agile skillset. But what does it actually take to achieve that status? Translations: Korean, Chinese First off, what really makes a developer full stack? It’s …
The Christmas season is a magical time of year. We have Santa flying around spreading cheer and Elf roaming around New York during our yearly rewatch with family and friends. To get in the spirit, we’re going to spin up a web app that includes a map that tracks Santa on it! Edit 12/23: Updated …
Managing code snippets and pixels on your website or app to measure traffic can be a little bit stressful, especially if you have a marketing team that constantly needs to make changes. Luckily, there are tools out there like Google Tag Manager that will make them a little easier to wrangle. What is Google Tag …
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 fixing it? Previously I wrote about linting, what it is, and how it makes your life easier. At the end, I actually included a way that you could automatically fix …
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 most out of the time we have. So what is linting? lint, or a linter, is a tool that analyzes source code to flag programming errors, bugs, stylistic errors, and …
Frameworks come and go, and while Gatsby may eventually drift as tech does, the performance and productivity boosts are strong arguments for diving in right away. Wait up, what is Gatsby? Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps Their emphasis (I’ll explain …
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? I’m going to cover a few things here. If you’re already familiar with the basics, feel free to skip through: What is Google Analytics? (Overview) Okay, so where do I …
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 probably can, but you’re just building on top of a fragile foundation that will come back to bite you. Why do I need HTML or CSS? The UI frameworks …
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 great solution, but it's for a problem most people don't have. Maintaining your components in a very siloed approach absolutely helps things like: Unintentional side effects of cascading styles …
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 scenes. The beauty is now being able to manage state in a simple (and reusable) manner within function components. But why not just use a class? Without getting too far …
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 some existing options like React Helmet, to manage the head of your document, or you can simply toss it in your monolithic index.html file. The thing is, those setups never …
Google "webpack react" and you'll notice the top result guides all have one thing in common: they create custom HTML templates for their React applications. See, React apps need a root node that serves as a mounting point when rendering to the DOM, so most times you'll simply see a <div> with an ID of …
Webpack, even with the HTML Webpack Plugin, doesn’t necessarily give a graceful way of managing simple HTML snippets without putting together ugly custom templates within inline loaders. Moving them to the application itself is sometimes an option, with things like title tags using React Helmet, but that doesn’t necessarily work with requirements such as analytics …
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’s also a lot of fun (gifs, memes, etc). Straddling that line, I post articles I come across in relevant channels that I think others would appreciate or learn from, and typically …
Easily set up a blacklist for those marketing lists that somehow get around Akismet. Throw the below in your functions.php file and customize the $blacklist array to filter by email address to your liking. function contactFilterBlacklist( $result, $tag ) { $tag = new WPCF7_Shortcode( $tag ); $blacklist = array( 'filterme' ); $yourEmail = isset( $_POST['your-email'] ) ? …
Easily create a script to batch optimize PNG files in Photoshop using TinyPng's Photoshop Plugin and Adobe's ExtendScript Toolkit. Jump over to voormedia for the How-To. Compressing Images via voormedia TinyPNG Photoshop Plugin
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 Package post how to easily fix this. This is rather easy: simply add "Name", "Author", "Homepage", and "Icon" to the end of the array "fieldpri". Not sure which one the …
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.
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 minimal.iOS!
Check out the details at packagecontrol.io
Finally launched, frostydeals.com is a pet project created by Broc Klein and myself that functions as an aggregator for one-day deals across the web. Project no longer available.