16 comments

  • Account deleted almost 3 years ago

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

    3 points
  • Justin JacksonJustin Jackson, almost 3 years 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, almost 3 years 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
  • Ryan GloverRyan Glover, almost 3 years ago

    Excellent. Love your personal site, too.

    0 points
  • Russ BrownRuss Brown, almost 3 years ago

    great idea, good luck!

    0 points
  • Blemmy Hemingsworth, almost 3 years 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, almost 3 years 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, almost 3 years 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, almost 3 years 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