A blog by Kelly Barkhurst featuring articles about Full Stack Design and Full Stack Development.
Staring down hundreds of missing alt tags and messy filenames on an aging WordPress site? Instead of clicking through them one by one or running a blind database script, here is how directed AI prompt reviews solved an entire media library's accessibility debt in 30 minutes.
Stop chasing clients and team members for missing alt text. Use this lightweight 20-line PHP snippet to automatically sanitize file names and generate clean, accessible image alt tags on upload in WordPress—no extra plugins required.
You set up a password-protected page, test it, send the link to a client, and move on. Then 24 hours later, the feedback lands: "There’s a break in the matrix… users type the password and nothing happens, while others get in without one." If your site runs on Managed Hosting (like GoDaddy with GD cORe or Sucuri), it’s not a WordPress core bug—it’s an edge caching issue. Here is a full-stack...
Is your Gravity Forms text too small? Learn how to change font sizes, label weights, and input heights using modern CSS variables with the Orbital theme—without messy !important rules.
Achieving a perfect 100/100/100/100 across Performance, Accessibility, Best Practices, and SEO on Google Lighthouse occurs on fewer than 1% of homepages globally. With just 4 hours of focused updates, I achieved a flawless score on a pediatric dentistry site I originally designed and developed in Statamic 6 years ago. Here's how.
Variable fonts promise fluid design control, but in InDesign, they can quickly trigger missing font warnings and pink highlight errors. Here is why scaling graphic frames, duplicate Adobe Fonts, and decimal point sizes break your export workflow, along with the quick settings to fix them.
Discover how to fix common WCAG accessibility violations and PageSpeed warnings on a WordPress website. From search button labels to target sizes and redundant alt text, here are practical fixes using the IBM Equal Accessibility Checker and simple PHP snippets.
Learn how to recreate dynamic, 3D marketing email animations using Photoshop. Master layer masks, vector shapes, and frame animation to design high-converting GIFs step-by-step.
Learn how to apply complementary colors to photos in Photoshop to create high-contrast, professional covers. Follow along with this step-by-step tutorial inspired by a bestselling book cover to turn standard photography into intentional, high-impact design.
Learn how designers use Photoshop and Illustrator to prepare image and vector assets for web development, bridging the gap between static print layouts and dynamic websites.
