dylarcher

tokens.css (flat, simple implementation)

A modern simplistic/flat implementation of the primitive/semantic Figma token exports.

  @layer reset, primitive, semantic;

dylarcher

Comprehensive Browser Support Reference

Web Platform Technologies

The modern web platform has expanded dramatically since 2020, with dozens of new JavaScript, CSS, and API features reaching cross-browser stability. This reference catalogs 108 features across five categories with exact browser version numbers, baseline status, and official documentation links — current as of early 2025 (with some data extending into early 2026 where available). Features range from universally deployed standards like Optional chaining to bleeding-edge proposals like TC39 Pattern Matching.

---

How Baseline status works

dylarcher

#!/usr/bin/env bash

#? Fixes/Checks ONLY current branch file(s) changes, e.g:
#     audit-changes.sh [options]
#
#   General:
#     -h, --help                        Show this help text and exit
#     -u, --update-snapshot              Update Jest snapshots (jest -u)
#     -c, --coverage                     Collect test coverage (jest --coverage)
#     -p, --prune                        Suppress verbose logs in final report  [default]

dylarcher

Alias Appendix

Quick reference for all custom git aliases configured in this workspace.

SYSTEM ALIASES bash|zsh compatible (shell) TRAVERSE/Nav: FS

dylarcher

Chrome DevTools Keyboard Shortcuts Reference

Complete reference for Chrome DevTools keyboard shortcuts, organized by category.

table of Contents

• Opening DevTools
• Global Shortcuts
• Elements Panel
• Console Panel

dylarcher

Accessibility Adoption Roadmap

Goal: Implement comprehensive accessibility testing and compliance across the CapitalRx platform to ensure WCAG 2.2 AA standards for all users.

Quick Start Guide

Recommended Starting Points: Stories #1, #2, and #7 provide the foundation

dylarcher

#!/bin/bash

TIMESTAMP=$(date +"%Y%m%d_%H%M%S")
OUTPUT_FILE="system_info_${TIMESTAMP}.md"

echo "Collecting system information..."
echo "Output will be saved to: $OUTPUT_FILE"

cat > "$OUTPUT_FILE" <<EOL
# System Information Report

dylarcher

WordPress Handover Document Review Report

This report analyzes ten submitted markdown files, each serving as a guide or checklist for a WordPress project handover. The documents are evaluated based on their comprehensiveness, clarity, actionability, and ability to mitigate risk for the incoming owner.

Overall Ranking (Best to Worst)

🏅	🔗	📄	📝
🏅	ℹ️	wordpress-handover-protocol-definitive.md

dylarcher

{
    "unc": {
        "$description": "The root namespace for the Unified Naming Convention (UNC), providing a single, cohesive system for all frontend assets.",
        "tokens": {
            "$description": "Namespace for all design tokens, which act as the single source of truth for all stylistic properties like colors, spacing, and typography.",
            "primitive": {
                "$description": "Tier 1: These are the foundational, raw values of the design system. They are context-agnostic and named by a scale (e.g., numerical, t-shirt size). They should never be used directly in component styling.",
                "format": "[category]-[property]-[scale]",
                "example": {
                    "color-blue-400": {

dylarcher

Modern Frontend Development Setup: MacBook M4

This guide outlines a best-practice, modern local machine setup for frontend development on a MacBook M4. It focuses on maximizing productivity, performance, and developer experience.

1. The Foundation: Homebrew

Homebrew is the essential package manager for macOS. It simplifies the installation of almost all the tools we will use.

• Install Homebrew - Open the built-in Terminal app and run the following command. This will also install the Xcode Command Line Tools (including Git).