Keep at it Bobby, if you learn just 1% more every day that is quite a bit of compounded interest over the course of a year! If you can get really good at one area of web development you have the opportunity to enter a very niche market that is currently starved of great talent.
I'm a dimwit and I've been doing this stuff for 6 years. The basics are very easy if you don't start off with old and outdated information. From there it's just making time to use it until you understand it. Then take baby steps into the areas you don't understand. It helps to have an actual need that can only be met by learning something new.
Chrome has the nicest developer tools by far. It's the little things that count. I learn't a few things from this video which will make the experience even better.
Question: I want to make a few small html tweaks using inspector such as to an and I need to know how to save those change after I made them. When I go to resources all I can find is php codes. I need to figure out how to find where the actually html line was written to make the changes. Any thoughts?
Cool demo. Now it explains why '$' in the console doesn't work as jQuery sometimes. When I am in a breakpoint, I found that I could not use '$' but had to use 'jQuery' to execute some selectors to see what they were evaluating to.
nice overview. I am so used to using Firebug with Firefox which is why I haven't switched to Chrome for development purposes. With Firebug, I can press a key shortcut to start the inspection tool. Is such a thing possible with Chrome dev tools?
I would be really nice, if the developers could make the CSS-part of the devtools as editable and accessible as in firebug. That would be a really helpful.
I was a firebug user and I must say it was hard to switch to chrome, but once you get comfortable with it it has a lot of awesome features (even more if you are in the dev channel). also, go paul! :)
Chrome dev tools are improving fast, just a couple of months ago they couldn't do much. Now they're close to firebug. Also it's nice to have all these new features that firebug doesn't, not like on IE8 where the tools are just a poor-made copy of firebug.
How can we control developer tools through Python Script? Suppose I am using some Webdriver like Selenium to open Chrome instance then how can I control developer tools through code?
I have a question. I have this site where there are collapsed comments. In the html-code it says View 18 replies What I want the console (or a script) to do now is trigger everyone of these links to expand all comments at once. Why I want to do this? I want to search the comments for keywords without much effort and I know, if I knew more html or javascript, there wouldn't be this problem. So if anyone firm in the subject could offer me his/her help, I would be glad. Thank you.
I had the same problem. I was, however able to click on the code and copy it. So I simply copied it, pasted it into libre office, edited it, then I copied that and pasted it back into the code.
Come on Paul Irish and Google guys, show some respect to deaf / hard of hearing people and stop speak too fast! Or at least provide a slow down button as provided in many other places. It's difficult to follow both captions and screen demonstrations at a fast pace you know.. Google shouldn't just be a leader, but act as one too.
It was 10 years ago, but it's still useful. Thank you!
Yup
Paul English, this is the best video ever.
chrome devtools rocks! I was a firebug user until the dev channel got the network tab .. now I can't live without it anymore, it's the best!
Just after 3:00, Paul uses the "Scripts" tab which is now called the "Sources" tab.
Very helpful video, thanks.
Keep at it Bobby, if you learn just 1% more every day that is quite a bit of compounded interest over the course of a year! If you can get really good at one area of web development you have the opportunity to enter a very niche market that is currently starved of great talent.
I'm a dimwit and I've been doing this stuff for 6 years. The basics are very easy if you don't start off with old and outdated information. From there it's just making time to use it until you understand it. Then take baby steps into the areas you don't understand. It helps to have an actual need that can only be met by learning something new.
Chrome has the nicest developer tools by far. It's the little things that count. I learn't a few things from this video which will make the experience even better.
Thanks to Paul I switched to Chrome few months ago and I like it!
You copy and paste it into notepad or into where ever. There are plugins out there as well that may let you save it.
Question: I want to make a few small html tweaks using inspector such as to an and I need to know how to save those change after I made them. When I go to resources all I can find is php codes. I need to figure out how to find where the actually html line was written to make the changes. Any thoughts?
Cool demo. Now it explains why '$' in the console doesn't work as jQuery sometimes. When I am in a breakpoint, I found that I could not use '$' but had to use 'jQuery' to execute some selectors to see what they were evaluating to.
nice overview. I am so used to using Firebug with Firefox which is why I haven't switched to Chrome for development purposes. With Firebug, I can press a key shortcut to start the inspection tool. Is such a thing possible with Chrome dev tools?
"for whatever reason, nobody ever takes this stuff seriously" - cracked me up. I dont know how many times in a week I say that in my own lane of IT..
I would be really nice, if the developers could make the CSS-part of the devtools as editable and accessible as in firebug. That would be a really helpful.
I was a firebug user and I must say it was hard to switch to chrome, but once you get comfortable with it it has a lot of awesome features (even more if you are in the dev channel).
also, go paul! :)
Chrome dev tool is really great and I found a way to customize it on my own (dark color scheme,bigger font...)I didn't know how to do that in Firebug.
Chrome dev tools are improving fast, just a couple of months ago they couldn't do much. Now they're close to firebug. Also it's nice to have all these new features that firebug doesn't, not like on IE8 where the tools are just a poor-made copy of firebug.
more Chrome Developer videos please
its very old , but still learned something
can you right click on an element and then find the css related to it ?
Loved the $0 reference, thanks!
How can we control developer tools through Python Script? Suppose I am using some Webdriver like Selenium to open Chrome instance then how can I control developer tools through code?
can you save if you have a text changes?
i didn't understand any of those symbols and nubers, but I though watched the video till the end :)
i ve been seeing many errors on my console screen . i JUST wanna know how to clear it
(: thank you in advance
How can I save the edited stuff in "inspect element" ?
In his spare time, Paul Irish surfs on gigantic sand worms.
2:05 -- that was pretty cool!
How can I find a deleted comment on an online news site? any suggestions. TIA
I have a question. I have this site where there are collapsed comments. In the html-code it says
View 18 replies
What I want the console (or a script) to do now is trigger everyone of these links to expand all comments at once.
Why I want to do this? I want to search the comments for keywords without much effort and I know, if I knew more html or javascript, there wouldn't be this problem.
So if anyone firm in the subject could offer me his/her help, I would be glad. Thank you.
wow nice info, thank you!
@panadesu Nobody is stopping you from using both! That's what I do. : )
@RTStaniforth show me how i can add new style property to an existing rule and i'm sold
I'd really like to learn to use this stuff, but it's kind of complicated.
awesome!!!
Wow, Paul has pulled a serious face here :P
I love the $0 feature.
Chrome's DevTools have moved here: developer.chrome.com/home/devtools-pillar
3:19
This doesn't work for me. It won't let me click on the code and edit it.
I had the same problem. I was, however able to click on the code and copy it. So I simply copied it, pasted it into libre office, edited it, then I copied that and pasted it back into the code.
Im trying to learn this stuff. Im starting to, a little bit. Start by learning some basic HTML language guys.
Firebug rocks! :)
3:08 "Author Quang Nguyen", a Vietnamese. It's nice :)
how do u save
How remove new tabe🤔
how do you use this on cartown on facebook
btw, live editng js does not seem to work.
my only probleme with chrome is : he crashes a lot in my windows machine (Windows 7) and i don't know why o_O
well, why do you watch such videos if you are not web-developers in the first place
Line 137? You are missing a 3!
good
woah, the view count is 13371=iLeet
firebug powns everything but the chrome dev tools are not bad eigther... but just not that god i think
@6006133 LOL u right
out of time!
I DONT KNOW WHAT ANY OF THIS MEANS
Well by all means don't elaborate.
I am such a noooooob
Outdated video
Come on Paul Irish and Google guys, show some respect to deaf / hard of hearing people and stop speak too fast! Or at least provide a slow down button as provided in many other places.
It's difficult to follow both captions and screen demonstrations at a fast pace you know..
Google shouldn't just be a leader, but act as one too.
there's a speed function in youtube.