16 comments

  • Account deleted 7 months ago

    This is basically how I do front end work haha. Awesome idea. The website is a bit full on tho.

    3 points
    • Jarrod Drysdale, 7 months ago

      Thanks! And me too, lol.

      What do you mean by full on? Design style too over the top / text unclear?

      0 points
      • Account deleted 7 months ago

        Yeah for me the visual design is a bit garish. Like the hover effects on the buttons and the hero illustration. It just seems distracting and for me it takes away focus on how useful this product actually is.

        3 points
  • Justin JacksonJustin Jackson, 7 months ago

    I can't tell you how many times I've wanted this. I use dev tools all the time to make mockups, show clients modifications, etc... This is exactly what I need.

    2 points
    • Jarrod Drysdale, 7 months ago

      Thanks! There are so many ways I'd use this. For example, I have a design project right now where a dev team is building my designs in .NET, which I know nothing about. I want this so I can collaborate with them on top of the staging site without having to learn how to install and compile .NET. ;)

      0 points
  • Blemmy Hemingsworth, 7 months ago

    Looks interesting. I've started using the Chrome extension tool Stylus for CSS tweaks, which I then pass on to the developer to implement. I'm guessing this is similar? Can it also mod the HTML?

    0 points
    • Jarrod Drysdale, 7 months ago

      Thanks! Yep, similar idea but it would just use DevTools instead of a custom editing interface. And yes, editing HTML & text too, not just CSS like most of the extensions I've seen.

      0 points
  • Mattan IngramMattan Ingram, 7 months ago

    How does it know what source file the change should go to? Source maps?

    Also if for example someone is using SASS with preset variables for margins, any changes made in this extension would not be aware of that right?

    0 points
    • Jarrod Drysdale, 7 months ago

      Yes, source maps. I only have a proof of concept so I haven't nailed down all the details yet, but I do have a working version with edits to a scss file.

      As for variables, I'm not sure yet. The devtools elements panel is not aware of variables, but the sources panel is. This is partially just dependent on how the browser handles things.

      Overall, this is not meant to be a tool you'd be using to commit directly to a production repo—it's more for prototyping out the code to get a design direction in place—but obviously being able to edit variables would be amazing!

      0 points
  • Russ BrownRuss Brown, 7 months ago

    great idea, good luck!

    0 points
  • Ryan GloverRyan Glover, 7 months ago

    Excellent. Love your personal site, too.

    0 points