{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreic6wem5vvk3gfvfnqntkfxyqxs777kx4yhbqnsbq2s3yorw54awc4",
    "uri": "at://did:plc:ql5nzcyoitey44ceaysoz6ez/app.bsky.feed.post/3mnmqtax6dke2"
  },
  "description": "At this week's ColumbusJS Meetup where Nathan Lieberman presented on Tailwind CSS, I once again complained about the fact that I cannot use Tailwind CSS to prototype in the browser without context switching back to an editor. **It is probably the single reason I do not use Tailwind CSS.**\n\nTo explain the problem again, the work flow for using Tailwind CSS is inefficient:\n\n  1. Add/remove/change CSS class in IDE or editor guessing what would work.\n  2. Wait for hot reload.\n  3. Change to a browser to visually test.\n  4. Change back to IDE or editor to refine\n  5. Wait for hot reload.\n  6. Change to a browser to visually test.\n  7. Repeat\n\n\n\nWhere...",
  "path": "/user/3/posts/1011",
  "publishedAt": "2026-06-06T12:19:45.000Z",
  "site": "https://nokoto.org",
  "tags": [
    "Tailwind"
  ],
  "textContent": "At this week's ColumbusJS Meetup where Nathan Lieberman presented on Tailwind CSS, I once again complained about the fact that I cannot use Tailwind CSS to prototype in the browser without context switching back to an editor. **It is probably the single reason I do not use Tailwind CSS.**\n\nTo explain the problem again, the work flow for using Tailwind CSS is inefficient:\n\n  1. Add/remove/change CSS class in IDE or editor guessing what would work.\n  2. Wait for hot reload.\n  3. Change to a browser to visually test.\n  4. Change back to IDE or editor to refine\n  5. Wait for hot reload.\n  6. Change to a browser to visually test.\n  7. Repeat\n\n\n\nWhereas I like to prototype directly in the browser:\n\n  1. Make multiple _possible_ changes in browser web inspector to visually test, refine, and complete without ever leaving the browser.\n  2. Change to IDE\n  3. Make change in IDE\n  4. Hot Reload\n\n\n\nThis is because Tailwind CSS **always** has its slimmed down version.\n\nI I've written about this before, but this time I tried again to search for maybe a plugin or solution to this problem, but either without the correct search key words on NPM, search engines being useless, or it still simply not existing, I could not find a solution.\n\nSo if anyone wants a suggestion to make Tailwind CSS usable for prototyping, then that would be it—Give me the kitchen sink in development mode.",
  "title": "The single reason I do not use Tailwind CSS—It's inefficient for prototyping",
  "updatedAt": "2026-06-06T12:32:56.000Z"
}