16 comments

  • Account deleted 5 years ago

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

    3 points
    • Jarrod DrysdaleJarrod Drysdale, 5 years 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 5 years 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, 5 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 DrysdaleJarrod Drysdale, 5 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, 5 years ago

    Excellent. Love your personal site, too.

    0 points
  • Russ BrownRuss Brown, 5 years ago

    great idea, good luck!

    0 points
  • Blemmy Hemingsworth, 5 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 DrysdaleJarrod Drysdale, 5 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, 5 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 DrysdaleJarrod Drysdale, 5 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