Frontend · Mumbai · Since 2005
I write about the frontend — and build the demo so you can break it.
Twenty years shipping the web. Every post ships with something you can drag, resize, or take apart.
A new piece every other Tuesday. No newsletter about the newsletter.
↔ Drag the window edge. That's the whole pitch.
Latest7 posts
Live demo
How Responsive Breakpoints Actually Work (With a Live Demo)
Ever wondered how a website switches from one column on mobile to four on desktop? A hands-on look at CSS Grid, media queries, and breakpoints — with an interactive demo where you can watch the layout change in real time.
Git Flow: Why Your Branching Strategy Matters
Learn why Git Flow is the gold standard for professional version control. A developer's guide to branches, best practices, and clean code history.
Guide to Digital Accessibility
In this guide, I break down the core POUR principles -Perceivable, Operable, Understandable, and Robust - and share a strategic roadmap for integrating universal design.
Top 5 Strategic Mistakes Every Developer Makes
This post breaks down the 5 most expensive strategic mistakes developers make - from premature optimization to building without a blueprint - and how to shift your mindset.
What I knowPick a thread
- Frontend architecture Semantic HTML, intrinsic CSS layout, design systems that survive a second team touching them. The part that decides whether the next three years are pleasant. 3 POSTS
- Performance Core Web Vitals as an engineering problem rather than a scorecard. Where the milliseconds actually go, and which ones a user can feel. 0 POSTS
- Accessibility POUR in practice, on real budgets, with real deadlines. What it costs to retrofit versus what it costs to build in, with numbers. 1 POSTS
- Engineering practice Branching, review, release. The habits that separate a team shipping weekly from a team shipping when someone is brave. 3 POSTS
- Semantic HTML
- CSS Grid
- Adobe Experience Manager
- Accessibility
- WCAG 2.2
- TypeScript
- Edge Delivery Services
- Tailwind
- React
- WordPress
- PHP
- Core Web Vitals
- Lighthouse
- Container queries
- Git
- BEM
- Figma
- Adobe Photoshop
- Adobe Illustrator
- Adobe XD
Twenty years means most of this list has been rewritten three times. The judgement is the part that carried over.