Astro
Astro is an all-in-one web framework best-known for reduce JavaScript overhead and complexity compared to other frameworks.
- Development
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.
126 skills
Astro is an all-in-one web framework best-known for reduce JavaScript overhead and complexity compared to other frameworks.
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.
CSS (Cascading Style Sheets) is a style sheet language used for describing the look and formatting of a document written in HTML or XML.
Locally scoped class names with no runtime and no new language to learn. Plain CSS, made safe to write in a large codebase.
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.
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.
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.
Figma is a cloud-based design tool used for user interface, user experience design, and prototyping.
Git is a distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
Godot is a 2D and 3D, cross-platform, free and open-source game engine released under the MIT license.
js enabling React based web applications functionalities such as server-side rendering and generating static websites.
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.
js or ReactJS) is an open-source, front-end JavaScript library for building user interfaces or UI components.
Remote work is a working style that allows professionals to work outside of a traditional office environment.
SCRUM is an Agile framework for managing projects. It emphasizes iterative progress, collaboration, and adaptability.
Asynchronous state for React done properly: caching, revalidation and request de-duplication, so a component asks for data rather than orchestrating a fetch.
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.
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.
TypeScript is a strongly typed, object oriented, compiled language developed and maintained by Microsoft.
js, Nuxt, Angular, Vue, Gatsby, and more.
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.
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.
TypeScript-first schema validation with static type inference. With Zod, you declare a validator once and Zod will automatically infer the static TypeScript type.
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.
js.
Accessibility in the IT context is the design of products, devices, services, or environments so as to be usable by people with disabilities. e.
Adobe After Effects is a digital visual effects, motion graphics, and compositing application developed by Adobe Systems.
Adobe Photoshop is a leading software program for image editing and graphic design.
Adobe Premiere Pro is a professional video editing software application.
Affinity Designer is a vector graphics design software developed by Serif.
Affinity Photo is a professional photo editing software developed by Serif.
Affinity Publisher is a desktop publishing application developed by Serif.
Audio capture and editing is the process of recording audio and modifying it to fit a specific context or achieve desired effects.
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.
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.
Brand development is a strategic process of defining, conveying, and maintaining a brand's identity and reputation.
js-compatible package manager.
C# is a modern, object-oriented programming language developed and maintained by Microsoft.
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.
Craft CMS is a content management system (CMS) that seeks to make life enjoyable for developers and content managers alike.
js is a JavaScript library for creating data visualizations.
The design review process systematically evaluates a design by a team of experts.
DigitalOcean provides developers cloud services that help to deploy and scale applications that run simultaneously on multiple computers.
Django is a high-level Python web framework that enables rapid development of secure and maintainable websites.
Docker is a set of platform as a service (PaaS) products that use OS-level virtualization to deliver software in packages called containers.
Electron is an open-source framework that allows for the development of desktop applications using web technologies such as HTML, CSS, and JavaScript.
js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. js.
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.
Gatsby is a free and open-source framework based on React that helps developers build blazing-fast websites and apps.
GitHub is a Git repository hosting service, but it adds many of its own features.
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.
GraphQL is a query language for APIs and a runtime for executing those queries with your existing data.
Grunt is a JavaScript task runner, a tool used to automatically perform frequent tasks such as minification, compilation, unit testing, and linting.
Gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow.
HTML (HyperText Markup Language) is the standard markup language for documents designed to be displayed in a web browser.
JavaScript is a high-level, interpreted programming language primarily used for client-side web development.
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.
Agile project management tool used by teams to plan, track, release and support software development.
jQuery is a fast, lightweight JavaScript library that simplifies tasks like HTML document traversal, manipulation, event handling, and AJAX.
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.
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.
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.
A line manager is a person who directly manages other employees and operations while reporting to a higher-ranking manager.
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.
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.
Markdown is a lightweight markup language for creating formatted text using a plain-text editor.
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.
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.
A digital whiteboard platform designed to facilitate collaboration, brainstorming, and visual project management across teams.
Mobile first is a design strategy that suggests designing for mobile screens first, then scaling up and adding features for larger screens.
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.
Motion graphics design involves creating artwork and animations that create the illusion of motion or rotation.
Multivariate testing (MVT) is a technique for testing a hypothesis in which multiple variables are modified.
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.
ngrok is a cross-platform application that enables developers to expose a local development server to the internet with minimal effort.
Nivo provides a rich set of data visualization components, built on top of D3 and React.
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.
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.
OmniGraffle is a diagramming and digital illustration application by The Omni Group.
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.
Photography involves creating images by recording light or other forms of electromagnetic radiation.
PostCSS is a tool for transforming CSS with JavaScript.
Postman is a popular API client that makes it easy for developers to create, share, test and document APIs.
Description pending.
js and browsers. It provides developers with a way to write markup in a terse and consistent way.
Rapid Application Development (RAD) is a form of agile software development methodology that prioritizes rapid prototype releases and iterations.
React Query is a data-fetching and state management library for React applications.
Reaper is a complete digital audio production application, offering a full multitrack audio and MIDI recording, editing, processing, mixing and mastering toolset.
Recharts is a charting library built with React and D3.
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.
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.
Business analysis is a research discipline of identifying business needs and determining solutions to business problems.
Responsive design is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes.
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.
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.
The Semantic Web is an extension of the World Wide Web that enables people to share content beyond the boundaries of applications and websites.
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.
A library for real-time web applications.
Stoplight offers a suite of products providing functions like API design, API documentation, mock servers, and API performance testing.
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.
Style guide development involves creating design and writing standards that ensure consistency across a brand or project.
Styled Components are one of the new ways to use CSS in modern JavaScript.
Stylus is a dynamic stylesheet language that's designed to compile down to CSS.
Scalable Vector Graphics for the web.
Swagger is an Interface Description Language for describing RESTful APIs expressed using JSON.
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.
Tailwind CSS is an open-source, highly customizable, low-level CSS framework that provides utility classes to help you quickly build modern websites.
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.
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.
React Testing Library is a lightweight solution for testing React components.
js is a cross-browser JavaScript library that enables the creation of 3D graphics.
Twig is a modern template engine for PHP. It is flexible, fast, and secure.
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.
Usability refers to the quality of a user's experience when interacting with a product or system, such as a website or application.
User Journey Optimisation is the process of improving the user's experience from the first interaction with a company to the final goal.
Vector illustration refers to graphics created using vector image software and are made up of paths, rather than individual pixels.
Video editing is the process of manipulating and arranging video shots to create a new work.
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.
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.
Webpack is an open-source JavaScript module bundler.
WebSockets provide a full-duplex communication channel over a single, long-lived connection, enabling real-time data exchange between a client and server.
Windows is a group of several graphical operating system families, all of which are developed, marketed, and sold by Microsoft.
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.
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.
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.
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.
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.