Chrome Dev tools track changes (html, css, js) [closed] - google-chrome

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I know that you can save js and css from chrome, and that sass is in for an experimental feature.
What I'm trying to achieve is a way to track all my changes in the browser when I live edit with my graphic designer. It doesn't seem like I can save html changes; especially considering most of it is generated.
Is there a chrome extension or future plans to do track changes/save them?

You can use "Copy as HTML" in the DevTools Elements panel to save edited parts or even the text of the whole document. As you said most of the document is generated in runtime so it doesn't make much sense to save generated text per se.

Related

Tool to check for unused CSS [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
Is there a tool to check for unused CSS tags in a CSS file?
The reason I am asking is that I have a lot of old/unused tags in my CSS file. I have a website I have been running for a while and have updated the pages many time, so old CSS tags remains there.
I would like a tool that check for all tags found ina page and cross check with the one in CSS file, and let me know all tags that were unused so I could simply delete them from my CSS file to make it smaller.
You can use chrome developer tools,refer following.
http://www.labnol.org/internet/remove-unused-css/28635/
You can use this node.js tool to find unused css: http://davidwalsh.name/uncss for tutorial or https://github.com/giakki/uncss for github

Automation tool to convert PSD to HTML [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
Problem - Is there any online tool or automated built in tool to convert a PSD file into HTML code or HTML web page ???
Yes you can... it is built right into photoshop and part of "save for web" options...
HOWEVER though this exists, it is VERY limited in what it can do and should really be used as a springboard from which to jump of from. You can set it up to export the document as a CSS div layout, or a table layout (for an email as an example).
I woudl do some research on the "Save For Web" parameters and see if it sets you up in the right direction. It is in no way a substitute for understanding good coding practices, but for a quick functional example online for a mock-up, it will suffice.

A program to edit html/css website? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I'm looking to edit a simple html/css template into something that I want.
My only problem is that I'm not good enough with html/css to be able to layout everything fine regardless of the screen size and browser.
So I was wondering what is a good program which can help he edit this html.
I was thinking something that kind of takes the html and css as input and I can just delete certain elements or add things and it automatically creates the correct html for it.
Any Suggestions?
(I don't mind if its paid or free)
Dreamweaver is good.
You could also use Firebug in Firefox and see what the html does and delete the html from a simple html editor program.

Is there a tool to find html elements affected by certain css file [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I've been working with a jquery file uplouad plugin which has it's own CSS files, but when the plugin implemented in a web page that also has its own CSS file applied, the elements will have styles applied from multiple files, so what I need is a tool that enable me to select a CSS file and an HTML file than the tool should show all the elements affected by this file, I used Firebug but it only provide the opposite of what I need like selecting element and see all the CSS files affect the element, I think there must be a faster way to do it.
Fire bug https://addons.mozilla.org/en-us/firefox/addon/firebug/
or google developer tool
https://developers.google.com/chrome-developer-tools/
works pretty well.
I think use notepad++ and do some pity, tool will help you but also you will become slave. Apply some of your mind, its easy for Press CTRL + F and search the hierarchy..
Also the browser with Developer Tool will help, but not sure ,who will teach you there :)

Good tool/software package for simple web design [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I am a server-side java developer without experience (nor much interest to be honest) in web design (basics on html and css only). However, I need to build a website as part of my work.
Ideally, I would like a tool with similar functionalities as http://www.jimdo.com, but with the possibility of geting the generated html files and deploy them anywhere.
I have tried Kompozer and Dreamweaver but I would like something simpler.
Any ideas ?
You could try BlueGriffon ( http://bluegriffon.org/ ) which is open source and works ok.
But in my opinion it's not going to be simpler than just using the basic skills you have and putting together a plain layout based on html tables.