dietlobi.blogg.se

Add awesome screenshot to chrome toolbar
Add awesome screenshot to chrome toolbar











  1. #ADD AWESOME SCREENSHOT TO CHROME TOOLBAR INSTALL#
  2. #ADD AWESOME SCREENSHOT TO CHROME TOOLBAR FULL#
  3. #ADD AWESOME SCREENSHOT TO CHROME TOOLBAR PRO#

WhatFont (not to be confused with What Font) is a really popular chrome developer tool used to identify what fonts are on a webpage. That’s basically all there is to this extension but if you want to learn more click here.

#ADD AWESOME SCREENSHOT TO CHROME TOOLBAR PRO#

The extension offers a pro version but I think it just provides contact information related to the company (I haven’t signed up for it).

#ADD AWESOME SCREENSHOT TO CHROME TOOLBAR INSTALL#

There’s no signup, no details required with the free version, just install and head over to any website you’re curious about. With it, you can see which JavaScript libraries the site is using as well as the e-commerce platform, the CMS, Analytics, frameworks, PaaS, and a bunch of other web info. And Wappalyzer makes it easy to quickly check while browsing. Personally, I’m always curious about what technologies my favourite websites are utilising. Use it for inspiration or competitor analysis.

add awesome screenshot to chrome toolbar

WappalyzerĪre you curious about what makes a website tick? Well, with the Wappalyzer chrome web developer tool you can find out all the technologies a website is using at a glance.

#ADD AWESOME SCREENSHOT TO CHROME TOOLBAR FULL#

If you want to find out more you can head over to his site and check out the source code and a full list of the features. It’ll certainly make this tool a definite must-have. Shout out to Chris Pederick who put it together! From what it looks like, he plans to add a bunch of other tools to the extension so I’m really looking forward to when those features get added. This means if you love it, you can use it to debug and inspect everywhere. And one great thing about the extension is that you can run it across all popular browsers (Firefox, Opera, etc.) and on whatever operating system you’re using. With these handy tools, you can inspect elements and start debugging your website(s). Some of the most used ones include Clear Session Cookies, Display element Information, Display Image File Sizes, Display Topographic Information, and Edit CSS. After you install this tool to the Google Chrome toolbar, you’ll get access to a bunch of different web developer tools. This tool is like a pocket knife, there’s a bunch of different things you can do with it. There might be some overlap, but my hope is that with this list, you’ll discover a few more gems to add to your toolbar.įirst up we have the Web Developer extension.

add awesome screenshot to chrome toolbar

Now you probably already have a couple of favourite Chrome extensions, whether that’s at your web development job or just during general browsing. It’s one of the most popular and reliable browsers with around 2.65 billion internet users to date! Chrome’s biggest selling point is its smooth integration with other Google apps, making it a top pick for online workplaces. Once this is done you can (for example) send your image to the person that you are talking to.If you’re a web developer chances are you’re familiar with Google Chrome. You can click Save OR Upload to an portal or gallery.To use the Crop function select the area you want to crop and drag the corners, Click crop on the image.You can edit the screenshot with use of the toolbar,.Captures only what you can currently see in your current browser.Click the Lens Icon to show you the Options.Once the add-on is installed then a lens icon will appear in your toolbar.Search Awesome Screenshot and click ADD TO CHROME.

add awesome screenshot to chrome toolbar

  • Go to Extensions and click Get more extensions.
  • The Google Chrome screen capture tool is a great add-on/extension that enables this to be done incredibly easily. Over many years we have found the quickest easiest way to do this is to do a web page “crop” or take a screenshot of an example and then annotate it with exactly what you want.

    add awesome screenshot to chrome toolbar

    Trying to communicate a concept to someone who is not alongside you or who speaks a different language can be very difficult, ESPECIALLY when it is something to do with design.













    Add awesome screenshot to chrome toolbar