Image via Wikipedia
Web development is an important tool that is becoming more relevant in a variety of different fields. If you’re interested in learning about coding, programming or just designing websites, there are lots of online or traditional courses you could learn from. Or consider downloading Google’s web browser, Google Chrome.
Chrome replaces other web browsers like Internet Explorer, Firefox or Safari and has a host of built-in tools that can help budding and experienced web developers alike develop their skills and learn more about the web around them – and how they can apply what they learn to their online projects.
One of the most helpful built-in tools in Chrome for web developers is the “inspect page element” function. Right click on any web page or element on the page and choose the “inspect page element” function. This allows you to see the CSS, HTML, Javascript and other elements on the page. If you click on “Resources” from the top horizontal bar of the “inspect page element” document, you can actually render a graph that represents what percentage of the page is made up of the different elements which can give you a clue as to what you’d need to know to re-create such a page.
Besides just seeing the text, you can actually experiment with your own coding skills by creating a modified copy of any web page through the “inspect page element” function. Just start editing the code and then hit return to see how your changes look. It’s a great way to experiment with new code or find out why a certain element functions the way it does.









