Peter Schmalfeldt manifestinteractive

Introduction

A basic understanding of Accessibility Testing is essential for Web Developers to integrate into their daily web development practices.

The Google Chrome Developer team put together a fantastic intro series for accessibility testing.

⚠️ ATTENTION:

LZ-based Compression Algorithm

Helper Script for Salesforce Commerce Cloud (SFCC) to compress and decompress Objects and Strings. This library uses LZ-String to work around SFCC Character Limits by using Compression, as mentioned in this Trailhead Module:

Build Your Career as a Salesforce B2C Commerce Technical Architect > Project Documentation for Salesforce B2C Commerce Technical Architects > Create a Data Model.

SFCC Session Limits:

Strings are limited to 2000 characters

Sample Usage

CSS

:root {
  --header-height: 100px;
}

Coding with AI

This Gist contains a curated collection of documents and guidelines I've personally developed and refined in my journey integrating AI into my coding workflow. These resources reflect practical tools and methods that have proven effective for my specific projects and daily tasks.

While these examples and setups are tailored specifically to my professional workflow, the underlying principles and practices can be conceptually adapted to fit your own development environment and project needs. I invite you to explore, adapt, and extend these resources as a foundation to start coding more effectively with AI.

Clawdbot Setup for macOS

Personal setup guide for running Clawdbot as an AI assistant named Rexi.

What This Is

This Gist contains everything needed to set up Clawdbot on macOS with:

Channels: Slack, iMessage, Gmail
AI Providers: OpenAI Pro, Claude Max

Markdown to PDF

This is just a quick way to convert Markdown into pretty PDFs using macOS and Homebrew.

I created this as a more customizable solution to the homebrew md2pdf package, which has a horrible time with things like markdown tables.

Install Dependencies

You only need two packages installed to make this work:

	/**
	* Usage:
	*
	* const overscroll = new Overscroll();
	* overscroll.init('/path/to/image.png');
	*/
	function Overscroll() {
	// Check if this is a mobile device that can actually support overscroll
	var supported = (typeof matchMedia !== 'undefined' && matchMedia('(hover: none)').matches);
	var $elm;