New ask Hacker News story: Ask HN: Simple collaborative CSS editing tool?
Ask HN: Simple collaborative CSS editing tool?
2 by meowface | 2 comments on Hacker News.
I'm looking for a web app or Chrome extension that lets someone make CSS changes to a page on an existing website - like when using Chrome DevTools' Elements tab - and have those changes be visible to other people in a team. Also with the ability for anyone to export the CSS modifications to a file. It could be made visible either by everyone on the team using a Chrome extension and seeing those changes applied to the actual page itself as they're viewing it, or it could be some other rendering of it within a web app, or even just a screenshot. Just some way so others can look at the page with the modified CSS applied. Figma was the first thing I thought of, but from what I can tell, it doesn't seem like it's really intended for starting with a website and editing its CSS. I tried using the HTML To Figma plugin (https://ift.tt/2NPflUH), as well as its Chrome extension, but every time I try to import the resulting JSON into Figma, the design looks messed up and nothing like the actual page, with many of the CSS rules seemingly not being applied. The plugin's readme mentions not all HTML and CSS is supported. I'm not even looking for anything fancy that abstracts away the CSS editing behind a visual editor. I'd just like something that lets you edit CSS rules like you can currently do with Chrome DevTools, in a way that lets other people see those changes immediately. Or even if not immediately, a few minutes of delay is perfectly fine, too. Basically just anything to improve/avoid the workflow of someone editing some CSS in DevTools' Elements tab, exporting a CSS file containing their modifications, sending the exported CSS file to someone else, them importing it, them seeing the changes, them tweaking some of the modifications, them exporting the CSS file, them sending the CSS file back, ..., etc.
2 by meowface | 2 comments on Hacker News.
I'm looking for a web app or Chrome extension that lets someone make CSS changes to a page on an existing website - like when using Chrome DevTools' Elements tab - and have those changes be visible to other people in a team. Also with the ability for anyone to export the CSS modifications to a file. It could be made visible either by everyone on the team using a Chrome extension and seeing those changes applied to the actual page itself as they're viewing it, or it could be some other rendering of it within a web app, or even just a screenshot. Just some way so others can look at the page with the modified CSS applied. Figma was the first thing I thought of, but from what I can tell, it doesn't seem like it's really intended for starting with a website and editing its CSS. I tried using the HTML To Figma plugin (https://ift.tt/2NPflUH), as well as its Chrome extension, but every time I try to import the resulting JSON into Figma, the design looks messed up and nothing like the actual page, with many of the CSS rules seemingly not being applied. The plugin's readme mentions not all HTML and CSS is supported. I'm not even looking for anything fancy that abstracts away the CSS editing behind a visual editor. I'd just like something that lets you edit CSS rules like you can currently do with Chrome DevTools, in a way that lets other people see those changes immediately. Or even if not immediately, a few minutes of delay is perfectly fine, too. Basically just anything to improve/avoid the workflow of someone editing some CSS in DevTools' Elements tab, exporting a CSS file containing their modifications, sending the exported CSS file to someone else, them importing it, them seeing the changes, them tweaking some of the modifications, them exporting the CSS file, them sending the CSS file back, ..., etc.
Comments
Post a Comment