Trending Posts

Trending

Figma

Build an Almost Functional Search Bar to Use in Your Figma Prototypes

Learn how to build a search bar in Figma that accepts keystrokes and mimics the experience of a user typing in real-time!

Alecia Frederick Software Consultant and Designer at Atomic Object Grand Rapids. UX-er, design-thinker, and potter who is passionate about sculpting experiences, and the occasional mug or vase.

Categories

Most Recent View more recent posts →

Project & Team Management • Jun 06

How to Save Brainpower on a Multi-Repo Project in VS Code

Here, you'll learn how to customize VS Code colors for different workspaces. But, first, let's start with the why.

JavaScript • Jun 05

JavaScript’s Backtick Strings are Likely the Wrong Tool for Your Job

It's way too common to try to put together query strings using JavaScript's template strings. Thankfully, there's an easy and much better way.

Culture • Jun 04

Nuggets, Culture, and the Benefits of Co-location

I'll share a story about my co-workers' chicken nugget experiment and how that relates to our company culture's emphasis on co-location.

View more recent posts

Developer Tools View more Developer Tools posts →

Developer Tools

Developers: Phind What You’re Looking for with This Search Engine

read post

JavaScript's Backtick Strings are Likely the Wrong Tool for Your Job

Developer Tools

Integrating Contentful with a Server-Rendered Next.js App? Watch Out for Cycles!

read post

Use Fuse.js for Quick and Easy Fuzzy Searching

Developer Tools, JavaScript

Use Fuse.js for Quick and Easy Fuzzy Searching

read post

Review Your Pull Requests as a Team

Developer Tools

Use Boundaries to Make Your Project Fit Your Team Size

read post

View more Developer Tools posts

UX/Design Tools View more UX/Design Tools posts →

View more UX/Design Tools posts

React / Redux View more React / Redux posts →

Zustand: The Simpler Alternative to Redux

React / Redux

Zustand: The Simpler Alternative to Redux

I find Redux verbose and complicated, so I decided to consult the React roadmap for additional options. That’s when I discovered Zustand.

Do You Need a BFF? The Backend for Frontend Pattern

React / Redux

How to Get Data from a Parent Component in Remix

The file-based structure of Remix routing structure saves on computational resources and results in a faster web page.

Use React DND Beautiful to Create a Drag and Drop Component in a Next.js App

React / Redux

Use React DND Beautiful to Create a Drag and Drop Component in a Next.js App

If you already have a Next app, the first step to setting up a drag and component is to install React DND Beautiful.

View more React / Redux posts

Web Apps View more Web Apps posts →

SvelteKit: A Simple Solution for Web Development

Web Apps

SvelteKit: A Simple Solution for Web Development

read post

Edge Computing and WebAssembly: The Future Web is Hyperlocal

Web Apps

The Future of the Web is Hyperlocal

read post

Leverage the Parent Hover State in a Child Component

Web Apps

CSS Techniques with React: Leveraging the Parent Hover State in a Child Component

read post

Placeholder image

Web Apps

Understanding and Setting Up the Azure Resources to Deploy a Containerized Web App

read post

View more Web Apps posts

Development Practices View more Development Practices posts →

View more Development Practices posts

DevOps & System Admin View more DevOps & System Admin posts →

How and Why You Should Add Color to Your Scripts

DevOps & System Admin.

How and Why You Should Add Color to Your Scripts

read post

Tailscale Takes All the "Fun" Out of VPNs

DevOps & System Admin.

Tailscale Takes All the “Fun” Out of VPNs

read post

Get VPN Access into Your AWS VPC with Tailscale

DevOps & System Admin.

Using Your SSH Keys in WSL in 2022

read post

View more DevOps & System Admin posts

Extracurricular Activities View more Extracurricular Activities posts →

Try My Helper Scripts for Running Proxmox Backup Client

Extracurricular Activities

Try My Helper Scripts for Running Proxmox Backup Client

Try these helper scripts for running Proxmox Backup Client, a tool for backing up a file system directory to a Proxmox Backup Server instance.

Extracurricular Activities

How to Run Scrypted Via Its Docker Image

Scrypted is a handy tool for streaming camera video. Here, I'll explain how to run Scrypted via its Docker image.

Build a MIDI Controller with Me Using Arduino

Extracurricular Activities

Build a MIDI Controller with Me Using Arduino

Making your own MIDI controller is a great beginner project, while also providing opportunity for future expansion.

View more Extracurricular Activities posts

.NET / WPF View more .NET / WPF posts →

View more .NET / WPF posts

Personal Optimization View more Personal Optimization posts →

What's the Benefit? Job-hopping vs. The Big Stay

Personal Optimization

The Big Stay: Job-Hopping May Be Lucrative, but Tenure Pays, Too

read post

A note to my former self: It’s okay to make friendships at work

Personal Optimization

A Note to My Former Self: It’s Okay to Make Friendships at Work

read post

Building a Better Book Club: a 5-step Strategy for Efficiently Ingesting Nonfiction

Personal Optimization

Building a Better Book Club: a 5-step Strategy for Efficiently Ingesting Nonfiction

read post

Tips for Learning Vim in 2023

Personal Optimization

Tips for Learning Vim in 2023

read post

View more Personal Optimization posts

TypeScript View More TypeScript posts →

View More TypeScript posts

React Native View more React Native posts →

React and React Native - What's the Biggest Difference?

React Native

React and React Native – What’s the Biggest Difference?

React is for frontend web apps and React Native is for cross-platform mobile and web apps. But there are more differences between the two.

React and React Native - What's the Biggest Difference?

React Native

3 Reasons to Use Expo for Your Next Cross-Platform Mobile App Project

Expo is a compelling option for anyone developing a cross-platform mobile application. Here are a few reasons it’s worth your consideration.

View more React Native posts

Growing as Makers View more Growing as Makers posts →

Giving a speech at a convention is one way to build your consulting skills.

Growing as Makers

Build Your Consulting Skills as a Junior Developer

read post

What Does Being a Good Leader Mean?

Growing as Makers

What Does Being a Good Leader Mean? Making Life Easier for Your Team

read post

Stuck? Ask Better Questions

Growing as Makers

Stuck? Ask Better Questions

read post

Attending a software conference can be a great way to learn new skills, network with other professionals, and stay up-to-date on the latest trends in the industry. Here are a few ways I get the most out of a software conference.

Growing as Makers

How I Get The Most Out of a Software Conference

read post

View more Growing as Makers posts

Atomic Thinking View more Atomic Thinking posts →

Chicken nugget tracking board. The board shows the current rankings and future tasting ideas.

Culture

Nuggets, Culture, and the Benefits of Co-location

I'll share a story about my co-workers' chicken nugget experiment and how that relates to our company culture's emphasis on co-location.

Helping Others Recover from a Past Toxic Work Environment

Culture

Helping Others Recover from a Past Toxic Work Environment

A toxic work environment at, best, hinders productive work and, at worst, causes real trauma to those involved.

Take the Stress Out of Social Planning for Distributed Teams

Atomic Thinking

Take the Stress Out of Social Planning for Distributed Teams

When you’re separated by a few-hour car ride, social plans aren’t easy. Here are a few tips that keep our distributed team connected.

View more Atomic Thinking posts