Wicked Origami
Design Engineering

The whole skill set

Everything I work with, and an honest mark against each: how much of it I have actually done, and whether I would still choose it today.

Twenty-five years leaves a long tail. XSLT is here next to TanStack Start, and both are labelled for what they are — a list that quietly drops the unfashionable half is an advertisement, not a skill set. The ones I actively enjoy are marked and sort to the front.

Skills listed
126
Categories
17
Years using them
25+
  • TypeScript
  • React
  • TanStack Router
  • TanStack Start
  • TanStack Query
  • Vite
  • Vitest
  • Playwright
  • CSS Modules
  • Design tokens
  • Motion
  • Zod
  • Zustand
  • Node.js
  • Figma
  • Storybook
  • Cloudflare
  • Git
  • Accessibility
  • SVG
  • Three.js
  • D3
  • Blender
  • Affinity Designer

126 skills

Filter by category

Astro

Astro is an all-in-one web framework best-known for reduce JavaScript overhead and complexity compared to other frameworks.

  • Development
ExperienceUsed on one project
CurrencyA tool I would pick today
Astro(opens in a new tab)

Blender

Blender is a free and open-source 3D computer graphics software toolset used for creating animated films, visual effects, art, 3D printed models, motion graphics, interactive 3D applications, virtual reality, and computer games.

  • 3D
  • Design
  • Software
ExperienceUsed on several projects
CurrencyA tool I would pick today
Blender(opens in a new tab)

CSS

CSS (Cascading Style Sheets) is a style sheet language used for describing the look and formatting of a document written in HTML or XML.

  • Development
  • Languages
  • Styling
ExperienceUsed on many projects
CurrencyA tool I would pick today
CSS(opens in a new tab)

CSS Modules

Locally scoped class names with no runtime and no new language to learn. Plain CSS, made safe to write in a large codebase.

  • Development
  • Styling
ExperienceUsed on many projects
CurrencyA tool I would pick today
CSS Modules(opens in a new tab)

Cypress

Cypress is a next generation front end testing tool built for the modern web. It provides a complete end-to-end testing experience that includes unit, integration, and e2e testing.

  • Development
  • Testing
ExperienceUsed on many projects
CurrencyA tool I would pick today
Cypress(opens in a new tab)

DaVinci Resolve

DaVinci Resolve is a professional video editing software application that combines editing, color correction, visual effects, motion graphics, and audio post-production in a single solution.

  • Design
  • Software
ExperienceUsed on several projects
CurrencyA tool I would pick today
DaVinci Resolve(opens in a new tab)

Design tokens

A single, format-neutral source for colour, type, space and motion, compiled out to CSS custom properties and to whatever the design tool needs. The thing that stops a design system drifting.

  • Design
  • Styling
ExperienceUsed on many projects
CurrencyA tool I would pick today
Design tokens(opens in a new tab)

Figma

Figma is a cloud-based design tool used for user interface, user experience design, and prototyping.

  • Design
  • Software
ExperienceUsed on many projects
CurrencyA tool I would pick today
Figma(opens in a new tab)

Git

Git is a distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

  • DevOps
  • Development
ExperienceUsed on many projects
CurrencyA tool I would pick today
Git(opens in a new tab)

Godot

Godot is a 2D and 3D, cross-platform, free and open-source game engine released under the MIT license.

  • 3D
  • Development
  • Game engines
  • Software
ExperienceUsed on several projects
CurrencyA tool I would pick today
Godot(opens in a new tab)

Next.js

js enabling React based web applications functionalities such as server-side rendering and generating static websites.

  • Development
  • React
ExperienceUsed on several projects
CurrencyA tool I would pick today
Next.js(opens in a new tab)

Playwright

End-to-end testing across Chromium, Firefox and WebKit. I use it for the handful of journeys that must never break, not as a substitute for tests closer to the code.

  • Testing
ExperienceUsed on many projects
CurrencyA tool I would pick today
Playwright(opens in a new tab)

React

js or ReactJS) is an open-source, front-end JavaScript library for building user interfaces or UI components.

  • Development
  • Languages
  • React
ExperienceUsed on many projects
CurrencyA tool I would pick today
React(opens in a new tab)

Remote working

Remote work is a working style that allows professionals to work outside of a traditional office environment.

  • Process
ExperienceUsed on many projects
CurrencyA tool I would pick today
Remote working(opens in a new tab)

SCRUM

SCRUM is an Agile framework for managing projects. It emphasizes iterative progress, collaboration, and adaptability.

  • Process
ExperienceUsed on many projects
CurrencyA tool I would pick today
SCRUM(opens in a new tab)

TanStack Query

Asynchronous state for React done properly: caching, revalidation and request de-duplication, so a component asks for data rather than orchestrating a fetch.

  • Development
  • React
ExperienceUsed on many projects
CurrencyA tool I would pick today
TanStack Query(opens in a new tab)

TanStack Router

Fully type-safe routing for React: paths, params and search parameters are all inferred, so a link to a route that no longer exists is a type error rather than a 404 found by a visitor.

  • Development
  • React
ExperienceUsed on several projects
CurrencyA tool I would pick today
TanStack Router(opens in a new tab)

TanStack Start

The full-stack framework on top of TanStack Router. This site is built with it, prerendered to static files at build time and served with no server at all.

  • Development
  • React
ExperienceUsed on several projects
CurrencyA tool I would pick today
TanStack Start(opens in a new tab)

TypeScript

TypeScript is a strongly typed, object oriented, compiled language developed and maintained by Microsoft.

  • Development
  • Languages
ExperienceUsed on many projects
CurrencyA tool I would pick today
TypeScript(opens in a new tab)

Vercel

js, Nuxt, Angular, Vue, Gatsby, and more.

  • DevOps
  • Development
ExperienceUsed on many projects
CurrencyA tool I would pick today
Vercel(opens in a new tab)

Vite

The build tool I reach for by default. Native ES modules in development mean the dev server starts in under a second and stays that way as a project grows.

  • DevOps
  • Development
ExperienceUsed on many projects
CurrencyA tool I would pick today
Vite(opens in a new tab)

Vitest

Unit and component testing that shares the Vite pipeline, so tests run against exactly what the application is built from. Browser mode runs component tests in a real engine instead of a DOM emulation.

  • Development
  • Testing
ExperienceUsed on many projects
CurrencyA tool I would pick today
Vitest(opens in a new tab)

Zod

TypeScript-first schema validation with static type inference. With Zod, you declare a validator once and Zod will automatically infer the static TypeScript type.

  • Development
ExperienceUsed on several projects
CurrencyA tool I would pick today
Zod(opens in a new tab)

Zustand

A small, fast and scalable bearbones state management solution. Zustand provides an intuitive API for managing state in React applications without the boilerplate of Redux.

  • Development
ExperienceUsed on several projects
CurrencyA tool I would pick today
Zustand(opens in a new tab)

Accessibility

Accessibility in the IT context is the design of products, devices, services, or environments so as to be usable by people with disabilities. e.

  • Process
  • UX
ExperienceUsed on many projects
CurrencyA tool I would pick today
Accessibility(opens in a new tab)

Adobe After Effects

Adobe After Effects is a digital visual effects, motion graphics, and compositing application developed by Adobe Systems.

  • Design
  • Software
ExperienceUsed on many projects
CurrencyA tool I would pick today
Adobe After Effects(opens in a new tab)

Adobe Photoshop

Adobe Photoshop is a leading software program for image editing and graphic design.

  • Design
  • Software
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
Adobe Photoshop(opens in a new tab)

Adobe Premiere

Adobe Premiere Pro is a professional video editing software application.

  • Design
  • Software
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
Adobe Premiere(opens in a new tab)

Affinity Designer

Affinity Designer is a vector graphics design software developed by Serif.

  • Design
  • Software
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
Affinity Designer(opens in a new tab)

Affinity Photo

Affinity Photo is a professional photo editing software developed by Serif.

  • Design
  • Software
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Affinity Photo(opens in a new tab)

Affinity Publisher

Affinity Publisher is a desktop publishing application developed by Serif.

  • Design
  • Software
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Affinity Publisher(opens in a new tab)

Audio capture and editing

Audio capture and editing is the process of recording audio and modifying it to fit a specific context or achieve desired effects.

  • Design
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
Audio capture and editing(opens in a new tab)

Axure RP

Axure RP is a popular tool for creating software prototypes. It allows designers to create highly interactive and dynamic prototypes without needing to write code.

  • Design
  • Software
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Axure RP(opens in a new tab)

BDD

Behavior-driven development (BDD) is an Agile software development process that encourages collaboration among developers, QA and non-technical or business participants in a software project.

  • Development
  • Process
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
BDD(opens in a new tab)

Brand development

Brand development is a strategic process of defining, conveying, and maintaining a brand's identity and reputation.

  • Design
ExperienceUsed on many projects
CurrencyA tool I would pick today
Brand development(opens in a new tab)

Bun

js-compatible package manager.

  • Development
ExperienceUsed on several projects
CurrencyA tool I would pick today
Bun(opens in a new tab)

C#

C# is a modern, object-oriented programming language developed and maintained by Microsoft.

  • Development
  • Languages
ExperienceUsed on several projects
CurrencyA tool I would pick today
C#(opens in a new tab)

Cloudflare

Static hosting, Workers and edge caching. Where a prerendered site should live: no origin to keep warm and nothing to patch on a Tuesday morning.

  • DevOps
  • Platforms
ExperienceUsed on several projects
CurrencyA tool I would pick today
Cloudflare(opens in a new tab)

Craft CMS

Craft CMS is a content management system (CMS) that seeks to make life enjoyable for developers and content managers alike.

  • CMS
  • Development
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
Craft CMS(opens in a new tab)

D3

js is a JavaScript library for creating data visualizations.

  • Data visualisation
  • Development
ExperienceUsed on one project
CurrencyA tool I would pick today
D3(opens in a new tab)

Design review

The design review process systematically evaluates a design by a team of experts.

  • Design
ExperienceUsed on several projects
CurrencyA tool I would pick today
Design review(opens in a new tab)

Digital Ocean

DigitalOcean provides developers cloud services that help to deploy and scale applications that run simultaneously on multiple computers.

  • DevOps
  • Development
ExperienceUsed on many projects
CurrencyA tool I would pick today
Digital Ocean(opens in a new tab)

Django

Django is a high-level Python web framework that enables rapid development of secure and maintainable websites.

  • CMS
  • Development
ExperienceUsed on one project
CurrencyLargely retired
Django(opens in a new tab)

Docker

Docker is a set of platform as a service (PaaS) products that use OS-level virtualization to deliver software in packages called containers.

  • DevOps
  • Development
ExperienceUsed on several projects
CurrencyA tool I would pick today
Docker(opens in a new tab)

Electron

Electron is an open-source framework that allows for the development of desktop applications using web technologies such as HTML, CSS, and JavaScript.

  • Development
ExperienceUsed on one project
CurrencyStill current, with newer alternatives
Electron(opens in a new tab)

Express

js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. js.

  • Development
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Express(opens in a new tab)

Focus groups

A focus group is a small, but demographically diverse group of people and whose reactions are studied especially in market research or political analysis in guided or open discussions about a new product or something else to determine the reactions that can be expected from a larger population.

  • Process
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Focus groups(opens in a new tab)

Gatsby

Gatsby is a free and open-source framework based on React that helps developers build blazing-fast websites and apps.

  • Development
  • React
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
Gatsby(opens in a new tab)

GitHub

GitHub is a Git repository hosting service, but it adds many of its own features.

  • DevOps
  • Development
ExperienceUsed on many projects
CurrencyA tool I would pick today
GitHub(opens in a new tab)

Google Analytics

Google Analytics is a web analytics service offered by Google that tracks and reports website traffic, currently as a platform inside the Google Marketing Platform brand.

  • Process
ExperienceUsed on several projects
CurrencyA tool I would pick today
Google Analytics(opens in a new tab)

GraphQL

GraphQL is a query language for APIs and a runtime for executing those queries with your existing data.

  • Development
  • Languages
ExperienceUsed on several projects
CurrencyA tool I would pick today
GraphQL(opens in a new tab)

Grunt

Grunt is a JavaScript task runner, a tool used to automatically perform frequent tasks such as minification, compilation, unit testing, and linting.

  • Development
ExperienceUsed on many projects
CurrencyLargely retired
Grunt(opens in a new tab)

Gulp

Gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow.

  • Development
ExperienceUsed on many projects
CurrencyLargely retired
Gulp(opens in a new tab)

HTML

HTML (HyperText Markup Language) is the standard markup language for documents designed to be displayed in a web browser.

  • Development
  • Languages
ExperienceUsed on many projects
CurrencyA tool I would pick today
HTML(opens in a new tab)

JavaScript

JavaScript is a high-level, interpreted programming language primarily used for client-side web development.

  • Development
  • Languages
ExperienceUsed on many projects
CurrencyA tool I would pick today
JavaScript(opens in a new tab)

Jest

Jest is a JavaScript testing framework maintained by Facebook, Inc. designed and built by Christoph Nakazawa with a focus on simplicity and support for large web applications. js and Svelte.

  • Development
  • Testing
ExperienceUsed on several projects
CurrencyA tool I would pick today
Jest(opens in a new tab)

Jira

Agile project management tool used by teams to plan, track, release and support software development.

  • Process
ExperienceUsed on several projects
CurrencyA tool I would pick today
Jira(opens in a new tab)

jQuery

jQuery is a fast, lightweight JavaScript library that simplifies tasks like HTML document traversal, manipulation, event handling, and AJAX.

  • Development
  • Languages
ExperienceUsed on many projects
CurrencyLargely retired
jQuery(opens in a new tab)

JSX

JSX is a syntax extension for JavaScript, primarily used with React to describe what the UI should look like. It might remind you of a template language, but with full power of JavaScript.

  • Development
  • Languages
ExperienceUsed on many projects
CurrencyA tool I would pick today
JSX(opens in a new tab)

Language design

Language design involves developing visual and textual languages for communication, which could range from creating a new programming language to developing a unique visual language for a brand.

  • Design
ExperienceUsed on many projects
CurrencyA tool I would pick today
Language design(opens in a new tab)

LESS

LESS (Leaner Style Sheets) is a dynamic preprocessor style sheet language that can be compiled into Cascading Style Sheets (CSS) and run on the client side or server side.

  • Development
  • Languages
  • Styling
ExperienceUsed on many projects
CurrencyLargely retired
LESS(opens in a new tab)

Line management

A line manager is a person who directly manages other employees and operations while reporting to a higher-ranking manager.

  • Process
ExperienceUsed on many projects
CurrencyA tool I would pick today
Line management(opens in a new tab)

LLM-assisted development

Working with large language models as a genuine part of the toolchain — scaffolding, refactoring, review and research — while keeping a clear head about what they are reliably good at and what still needs a person.

  • Process
ExperienceUsed on several projects
CurrencyA tool I would pick today
LLM-assisted development(opens in a new tab)

macOS and Linux

MacOS is a series of proprietary graphical operating systems developed and marketed by Apple Inc. Linux is a family of open-source Unix-like operating systems based on the Linux kernel.

  • Development
  • Platforms
ExperienceUsed on many projects
CurrencyA tool I would pick today
macOS and Linux(opens in a new tab)

Markdown

Markdown is a lightweight markup language for creating formatted text using a plain-text editor.

  • Development
  • Languages
ExperienceUsed on many projects
CurrencyA tool I would pick today
Markdown(opens in a new tab)

MDX

MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents. It's a powerful way to combine the readability of Markdown with the interactivity of JSX.

  • Development
  • Languages
ExperienceUsed on many projects
CurrencyA tool I would pick today
MDX(opens in a new tab)

Microsoft Teams

Microsoft Teams is a collaboration platform that integrates with Microsoft 365 and provides chat, video conferencing, file storage, and application integration for team communication and productivity.

  • Process
ExperienceUsed on several projects
CurrencyA tool I would pick today
Microsoft Teams(opens in a new tab)

Miro

A digital whiteboard platform designed to facilitate collaboration, brainstorming, and visual project management across teams.

  • Process
ExperienceUsed on several projects
CurrencyA tool I would pick today
Miro(opens in a new tab)

Mobile First

Mobile first is a design strategy that suggests designing for mobile screens first, then scaling up and adding features for larger screens.

  • Design
ExperienceUsed on many projects
CurrencyA tool I would pick today
Mobile First(opens in a new tab)

Motion

The animation library behind every transition on this site: a small, hardware-accelerated API for React that degrades honestly when a visitor asks for reduced motion.

  • Development
  • Motion
ExperienceUsed on several projects
CurrencyA tool I would pick today
Motion(opens in a new tab)

Motion graphics

Motion graphics design involves creating artwork and animations that create the illusion of motion or rotation.

  • Design
ExperienceUsed on many projects
CurrencyA tool I would pick today
Motion graphics(opens in a new tab)

Multivariate testing

Multivariate testing (MVT) is a technique for testing a hypothesis in which multiple variables are modified.

  • Process
ExperienceUsed on one project
CurrencyA tool I would pick today
Multivariate testing(opens in a new tab)

Netlify

Netlify is a web developer platform that multiplies productivity. It provides modern build workflows, serverless functions, and a global edge network right out of the box.

  • DevOps
  • Development
ExperienceUsed on several projects
CurrencyA tool I would pick today
Netlify(opens in a new tab)

ngrok

ngrok is a cross-platform application that enables developers to expose a local development server to the internet with minimal effort.

  • DevOps
  • Development
ExperienceUsed on several projects
CurrencyA tool I would pick today
ngrok(opens in a new tab)

Nivo

Nivo provides a rich set of data visualization components, built on top of D3 and React.

  • Data visualisation
  • Development
  • React
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Nivo(opens in a new tab)

Node.js

js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.

  • Development
ExperienceUsed on many projects
CurrencyA tool I would pick today
Node.js(opens in a new tab)

Offshore working

Offshore work refers to the practice of hiring an external organization to perform some business functions in a country other than the one where the products or services are actually developed or manufactured.

  • Process
ExperienceUsed on many projects
CurrencyA tool I would pick today
Offshore working(opens in a new tab)

Omnigraffle

OmniGraffle is a diagramming and digital illustration application by The Omni Group.

  • Design
  • Software
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Omnigraffle(opens in a new tab)

OpenAPI

The OpenAPI Specification, originally known as the Swagger Specification, is a specification for machine-readable interface files for describing, producing, consuming, and visualizing RESTful web services.

  • APIs
  • Development
  • Testing
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
OpenAPI(opens in a new tab)

Photography

Photography involves creating images by recording light or other forms of electromagnetic radiation.

  • Design
ExperienceUsed on many projects
CurrencyA tool I would pick today
Photography(opens in a new tab)

PostCSS

PostCSS is a tool for transforming CSS with JavaScript.

  • Development
  • Styling
ExperienceUsed on many projects
CurrencyA tool I would pick today
PostCSS(opens in a new tab)

Postman

Postman is a popular API client that makes it easy for developers to create, share, test and document APIs.

  • APIs
  • Development
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Postman(opens in a new tab)

Pug

js and browsers. It provides developers with a way to write markup in a terse and consistent way.

  • Development
  • Languages
ExperienceUsed on many projects
CurrencyLargely retired
Pug(opens in a new tab)

Rapid prototyping

Rapid Application Development (RAD) is a form of agile software development methodology that prioritizes rapid prototype releases and iterations.

  • Process
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
Rapid prototyping(opens in a new tab)

React Query

React Query is a data-fetching and state management library for React applications.

  • Development
  • React
ExperienceUsed on several projects
CurrencyA tool I would pick today
React Query(opens in a new tab)

Reaper

Reaper is a complete digital audio production application, offering a full multitrack audio and MIDI recording, editing, processing, mixing and mastering toolset.

  • Design
  • Software
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Reaper(opens in a new tab)

Recharts

Recharts is a charting library built with React and D3.

  • Data visualisation
  • Development
  • React
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Recharts(opens in a new tab)

Redux

Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular for building user interfaces.

  • Development
  • React
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Redux(opens in a new tab)

Remote team working

Remote team working involves a group of people working together to achieve a common goal, but they are not located in the same physical location.

  • Process
ExperienceUsed on many projects
CurrencyA tool I would pick today
Remote team working(opens in a new tab)

Requirements and business analysis

Business analysis is a research discipline of identifying business needs and determining solutions to business problems.

  • Process
ExperienceUsed on many projects
CurrencyA tool I would pick today
Requirements and business analysis(opens in a new tab)

Responsive Design

Responsive design is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes.

  • Design
ExperienceUsed on many projects
CurrencyA tool I would pick today
Responsive Design(opens in a new tab)

SASS

Sass (Syntactically Awesome Style Sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). SassScript is the scripting language itself.

  • Development
  • Languages
  • Styling
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
SASS(opens in a new tab)

SCSS

SCSS is a preprocessor which lets you use features that aren't a part of the wider CSS standard yet, and provides better workflows for maintaining your stylesheets.

  • Development
  • Languages
  • Styling
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
SCSS(opens in a new tab)

Semantic Web

The Semantic Web is an extension of the World Wide Web that enables people to share content beyond the boundaries of applications and websites.

  • Design
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
Semantic Web(opens in a new tab)

SEO

Search engine optimization (SEO) is the process of improving the quality and quantity of website traffic to a website or a web page from search engines.

  • Process
ExperienceUsed on many projects
CurrencyA tool I would pick today
SEO(opens in a new tab)

Socket.io

A library for real-time web applications.

  • Development
ExperienceUsed on many projects
CurrencyStill current, with newer alternatives
Socket.io(opens in a new tab)

Stoplight

Stoplight offers a suite of products providing functions like API design, API documentation, mock servers, and API performance testing.

  • APIs
  • Development
  • Testing
ExperienceUsed on one project
CurrencyStill current, with newer alternatives
Stoplight(opens in a new tab)

Storybook

Storybook is an open-source tool for developing UI components in isolation. It provides a sandbox to build UI components so you can develop hard-to-reach states and edge cases.

  • Development
ExperienceUsed on several projects
CurrencyA tool I would pick today
Storybook(opens in a new tab)

Style guide development

Style guide development involves creating design and writing standards that ensure consistency across a brand or project.

  • Design
ExperienceUsed on several projects
CurrencyA tool I would pick today
Style guide development(opens in a new tab)

Styled Components

Styled Components are one of the new ways to use CSS in modern JavaScript.

  • Development
  • Styling
ExperienceUsed on many projects
CurrencyA tool I would pick today
Styled Components(opens in a new tab)

Stylus

Stylus is a dynamic stylesheet language that's designed to compile down to CSS.

  • Development
  • Languages
  • Styling
ExperienceUsed on many projects
CurrencyLargely retired
Stylus(opens in a new tab)

SVG

Scalable Vector Graphics for the web.

  • Design
  • Development
ExperienceUsed on many projects
CurrencyA tool I would pick today
SVG(opens in a new tab)

Swagger

Swagger is an Interface Description Language for describing RESTful APIs expressed using JSON.

  • APIs
  • Development
  • Testing
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Swagger(opens in a new tab)

SWR

SWR is a React library for data fetching, caching, and real-time updates. The name "SWR" stands for "stale-while-revalidate," which describes its caching strategy.

  • Development
  • React
ExperienceUsed on several projects
CurrencyA tool I would pick today
SWR(opens in a new tab)

Tailwind CSS

Tailwind CSS is an open-source, highly customizable, low-level CSS framework that provides utility classes to help you quickly build modern websites.

  • Development
  • Styling
ExperienceUsed on one project
CurrencyA tool I would pick today
Tailwind CSS(opens in a new tab)

TDD

Test-driven development (TDD) is a software development process that relies on the repetition of a very short development cycle: requirements are turned into very specific test cases, then the software is improved to pass the new tests, only.

  • Development
  • Process
  • Testing
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
TDD(opens in a new tab)

Technical leadership

Team Leads provide guidance, instruction, direction and leadership to a group of individuals for the purpose of achieving a key result or group of aligned results.

  • Process
ExperienceUsed on many projects
CurrencyA tool I would pick today

Testing Library

React Testing Library is a lightweight solution for testing React components.

  • Development
  • React
  • Testing
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Testing Library(opens in a new tab)

Three.js

js is a cross-browser JavaScript library that enables the creation of 3D graphics.

  • 3D
  • Development
ExperienceUsed on one project
CurrencyA tool I would pick today
Three.js(opens in a new tab)

Twig

Twig is a modern template engine for PHP. It is flexible, fast, and secure.

  • Development
  • Languages
ExperienceUsed on several projects
CurrencyLargely retired
Twig(opens in a new tab)

Unreal Engine

Unreal Engine is a powerful, open-source, and professional development engine that provides a rich suite of tools for creating games and a variety of real-time visualization applications.

  • 3D
  • Development
  • Game engines
  • Software
ExperienceUsed on one project
CurrencyA tool I would pick today
Unreal Engine(opens in a new tab)

Usability

Usability refers to the quality of a user's experience when interacting with a product or system, such as a website or application.

  • Process
  • UX
ExperienceUsed on many projects
CurrencyA tool I would pick today
Usability(opens in a new tab)

User Journey Optimisation

User Journey Optimisation is the process of improving the user's experience from the first interaction with a company to the final goal.

  • Design
  • UX
ExperienceUsed on many projects
CurrencyA tool I would pick today
User Journey Optimisation(opens in a new tab)

Vector illustration

Vector illustration refers to graphics created using vector image software and are made up of paths, rather than individual pixels.

  • Design
ExperienceUsed on many projects
CurrencyA tool I would pick today
Vector illustration(opens in a new tab)

Video editing

Video editing is the process of manipulating and arranging video shots to create a new work.

  • Design
ExperienceUsed on several projects
CurrencyA tool I would pick today
Video editing(opens in a new tab)

Visual language development

Visual language development refers to creating and applying a unique graphic element system that works harmoniously to effectively communicate an organisation's brand, ideas, or messages.

  • Design
ExperienceUsed on several projects
CurrencyStill current, with newer alternatives
Visual language development(opens in a new tab)

Web accessibility auditing

Testing against WCAG with a keyboard, a screen reader and an axe scan rather than a checklist — and fixing the markup rather than papering over it with ARIA.

  • Process
  • UX
ExperienceUsed on many projects
CurrencyA tool I would pick today
Web accessibility auditing(opens in a new tab)

Webpack

Webpack is an open-source JavaScript module bundler.

  • Development
ExperienceUsed on several projects
CurrencyA tool I would pick today
Webpack(opens in a new tab)

WebSockets

WebSockets provide a full-duplex communication channel over a single, long-lived connection, enabling real-time data exchange between a client and server.

  • Development
ExperienceUsed on several projects
CurrencyA tool I would pick today
WebSockets(opens in a new tab)

Windows

Windows is a group of several graphical operating system families, all of which are developed, marketed, and sold by Microsoft.

  • Development
  • Platforms
ExperienceUsed on many projects
CurrencyA tool I would pick today
Windows(opens in a new tab)

Wordpress

WordPress is a free and open-source content management system (CMS) based on PHP and MySQL. It is an extremely popular web creation tool and is used to create websites and blogs.

  • CMS
  • Development
ExperienceUsed on several projects
CurrencyLargely retired
Wordpress(opens in a new tab)

WSL2

The Windows Subsystem for Linux lets developers run a GNU/Linux environment -- including most command-line tools, utilities, and applications -- directly on Windows, unmodified, without the overhead of a traditional virtual machine or dualboot setup.

  • Development
  • Platforms
ExperienceUsed on many projects
CurrencyA tool I would pick today
WSL2(opens in a new tab)

XML

XML (eXtensible Markup Language) is a markup language that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable.

  • Development
  • Languages
ExperienceUsed on many projects
CurrencyLargely retired
XML(opens in a new tab)

XSLT

XSLT (eXtensible Stylesheet Language Transformations) is a language for transforming XML documents into other XML documents, or other formats such as HTML for web pages, plain text or into XSL Formatting Objects, which may subsequently be converted to other formats, such as PDF, PostScript and PNG.

  • Development
  • Languages
ExperienceUsed on many projects
CurrencyLargely retired
XSLT(opens in a new tab)

Need most of this in one person?

That is the whole proposition: design and engineering from the same head, so the thing you get looks like the thing that was designed. Tell me what you are building.