I’m ryelle, a web developer based in Philadelphia, working remotely. I work on WordPress, specifically the “meta” side — WordPress.org, WordCamp.org, and other tools that help contributors contribute.
Some code I'm proud of:
- All of the child themes across WordPress.org, for example Pattern Directory, Theme Directory, Five for the Future, Photo Directory, which were based on the parent theme to set up basic design tokens like colors, typography, and spacing.
- Query Filters, a custom block for the WordPress.org directories. This uses the Interactivity API to create a custom select UI, created in close collaboration with designers. This can be seen on any of the directorys, for example the Theme Directory or the Photo Directory.
- grab-screenshots uses puppeteer and @wordpress/e2e-test-utils to automatically take screenshots, possibly after simulated user interactions. See Taking 72 Screenshots in 5 Minutes for my use case and some examples. I used a similar approach to get screenshots to help review changed pages in WordPress.org.
- css-audit is a tool for auditing CSS for poor practices (for example, use of
!important, or overly-long selectors). This tool parses each CSS file and creates an AST with PostCSS, which the audits traverse to pull out data.