Web Development

Modern Web Development

The web platform continues to evolve rapidly. Here are key areas I’m exploring:

Frameworks

• Astro — for content sites and digital gardens
• React — for interactive applications
• Svelte — for elegant, compiled UIs

Performance

Core Web Vitals matter more than ever:

• LCP (Largest Contentful Paint): < 2.5s
• FID (First Input Delay): < 100ms
• CLS (Cumulative Layout Shift): < 0.1

CSS Evolution

Tailwind CSS has transformed how I write styles. Combined with logical properties for RTL support, it’s a powerful tool.

/* Logical properties work for both LTR and RTL */
.card {
  padding-inline-start: 1rem;
  margin-inline-end: 0.5rem;
}

Static vs Dynamic

For content-driven sites like this digital garden, static generation wins on performance. The astro-framework makes this approach practical.

Resources

• MDN Web Docs
• web.dev
• CSS Tricks