phrough

Interests

I've been online since Kottke was doing 0sil8. In those days, the Swank Army design community inspired me and Geocities hosted my early efforts. I'm still inspired on a regular basis by the great work I see online. Here are some of the latest things I find interesting. Enjoy.

Prisma and Neon

Prisma brings a type-safe ORM and schema-driven migrations to Node.js, and paired with Neon's serverless Postgres it covers the full persistence layer without the overhead of managing a database server.

Headless UI and Component Libraries

Headless component libraries like shadcn/ui and Radix UI separate accessible behavior from visual styling, giving you fully functional components that look exactly the way your design system requires.

Next.js and React

Next.js 13+ App Router pairs React Server Components with file-based routing to give you fine-grained control over what renders on the server versus the client, without the boilerplate of a custom setup.

Vercel

Vercel's platform removes nearly all deployment ceremony from Next.js projects — push to main and production updates, push to a feature branch and get a preview URL for review.

TailwindCSS

TailwindCSS flips the traditional CSS authoring model by putting utility classes directly in your markup, eliminating the naming problem and keeping styles co-located with the components they describe.

Angular

Angular is Google's opinionated full-framework for building large-scale applications, providing dependency injection, RxJS-based reactivity, and a strong CLI out of the box — at the cost of a steeper learning curve.

GitHub Workflows

GitHub Actions lets you define CI/CD pipelines as YAML files in your repository, keeping your automation co-located with the code it builds and tested against every pull request.

Polymer

Polymer is a Google-backed web components framework using the shadow DOM that also implements Material Design, though each imported component currently adds additional server requests that can compound quickly.

Sass

Sass is a Ruby-based CSS preprocessor that brings variables, mixins, and functions to stylesheets, and Compass extends it further with reusable patterns and automated sprite generation.

Middleman

Middleman is a Ruby-based static site generator that excels at template development through component separation, built-in Sass/Compass support, and browser auto-reload on file changes.

Front-End Frameworks

Front-end frameworks like Bootstrap and Foundation help developers quickly scaffold projects with pre-built tools, though selective inclusion is key to keeping download sizes reasonable.

CSS3 Patterns

CSS3 enables the creation of complex background patterns entirely in code, showcasing the power of modern CSS without relying on images.

Grid Systems

Grid systems like the 960 Grid System bring harmony between design and development by giving designers a structured set of rules that translates naturally into clean front-end code.

Canvas & Paper.js

The HTML5 canvas element enables browser-based vector graphics rendering, and Paper.js provides a JavaScript framework for drawing and manipulating canvas elements.

Responsive Design

Responsive design uses CSS media queries to render pages differently based on the visitor's viewport, enabling a single codebase to deliver a pleasant experience across all devices.