跳到主要内容

为设计者提供10个必要的Firefox插件

使用代码在优质图像上节省15%15 ISTOCK

+$Google Chrome may still be streets ahead of other browsers – both in terms of popularity and performance – but if you want a little less Google in your life then Mozilla's Firefox is still an excellent option, especially if you value your privacy. While Chrome can keep tabs on everywhere you go and report back to Google, Firefox has no user tracking built in and also has tools to block online tracking.

+$Firefox also boasts a healthy collection of add-ons to make your life easier, so if you rely on a bunch ofChrome扩展程序+$, rest assured that you can set up Firefox to be just as useful. We've gathered together 10 of the best to get you started.

10 essential Firefox addons for designers: TinEye

+$TinEye's a lot smarter than Google's image search

+$(Image Credit: TinEye)

+$Google's reverse image search can be a useful tool for tracking down the original versions of images you see online, but it has its limitations. It's not so hot at coping with pictures that have been cropped, or edited, and that's whereTinEye+$'s image search excels.

+$TinEye uses image recognition tech that means it can easily track down modified versions of images. It's perfect for identifying sites that are using your work without permission, and it's also great for sourcing legitimate versions of images that you can license to use yourself.

02.手写笔

10 essential Firefox addons for designers: Stylus

+$Spruce up sites with some fresh CSS

+$(Image Credit: Stylus)

+$If you're not happy with the look of your favourite websites,唱针+$can sort that out. You can use it to inject new CSS into sites that aren't easy on your eye, and restyle them into something more aesthetically pleasing. If you know your CSS, then you can simply create your own styles from scratch, but for the less technically-inclined there's also an option to install custom themes from popular online repositories.

+$03. React Developer Tools

10 essential Firefox addons for designers: React Developer Tools

+$Sharpen your React skills by poking around in existing code

+$(Image Credit: React)

+$React is an essential framework for any JavaScript developer to have up their sleeve, but if you haven't yet got to grips with it then here's an excellent tool to help you familiarise yourself with it.

+$React Developer Tools+$is an add-on for Firefox's devtools, and it enables you to inspect a site's React tree, including its component hierarchy, props and state, to see how everything fits together. Often the best way to learn to code is by poking around ready made examples, and this puts a whole load of examples right at your fingertips.

+$04. EPUBReader

10 essential Firefox addons for designers: EPUBReader

+$Bring ebooks to the browser with ease

+$(Image Credit: EPUBReader)

+$There are thousands of fantastic免费电子书+$out there, but actually reading them can be difficult if you don't have the right device. With+$EPUBReader+$, however, it couldn't be simpler; just find an ePub file online and then, when you click on it, Firefox will download, process and display it in your browser window. It'll also work with any ePub files you've already downloaded.

+$05. Measure-it

10 essential Firefox addons for designers: Measure-it

+$Quickly get the measure of any site

+$(Image Credit: Measure-it)

响应式网页设计+$means you don't have to be as exacting with image sizes these days as you used to in the old days of the fixed-width web, but+$Measure-it+$is still a handy tool to have in your web design arsenal. It enables you to draw a ruler across any web page to see the width and height of page elements in pixels, making it ideal for creating pixel-perfect mockups and wireframes among other uses.

+$06. IMacros

10 essential Firefox addons for designers: iMacros

+$Reduce those tedious web chores to a single click

+$(Image Credit: IMacros)

+$A handful of well-constructed macros can make life much easier for you, reducing tedious and repetitive tasks to a single click that does everything for you in an instant.

+$And With+$iMacros+$installed you can bring the joy of macros to the browser; whether you want to download a bunch of files, fill out yet another web form or extract text and images from a site, you can quickly record a macro to do the work for you. The free version of iMacros limits you to 50 actions and has a few other limitations; if you find it ridiculously useful and need more features, check out the various paid versions.

+$07. FireShot

10 essential Firefox addons for designers: FireShot

+$Our favourite tool for taking screenshots of the web

+$(Image Credit: Fireshot)

+$Without an add-on, getting screenshots of websites can be painful, especially if you want to grab an entire long page in one go.+$FireShot+$'s the most versatile way we've found of taking web screenshots; we love it on Chrome and it's just as good in its Firefox flavour.

+$With Fireshot you can screenshot an entire page, or just what's visible, and it you're really picky you can grab an area of the screen. Once you're done you can save your image from FireShot, or simply copy it to paste into an image editor.

+$08. ColorZilla

10 essential Firefox addons for designers: ColorZilla

+$ColorZilla's a must for any colour-conscious designer

+$(Image Credit: ColorZilla)

+$Another essential add-on that we already love on Chrome,ColorZilla+$'s an amazing tool for working with colour in the browser. If you see a colour palette you love the look of, you can pull out ColorZilla's eyedropper tool or advanced colour picker to quickly grab colour values from anywhere on the page, or you can simply create a palette based on a site with ColorZilla's webpage colour analyser. It even comes with its own palette viewer and CSS gradient generator.

+$09. SEOQuake

10 essential Firefox addons for designers: SEOQuake

+$Optimise the living heck out of those search engines

+$(Image Credit: SEOQuake)

+$If your site's not getting the pageviews you'd hope for, add+$SEOQuake+$to Firefox and see what you can do to make it more visible. It'll instantly provide you with the key SEO metrics you need to know about, and provides useful tools such as SEO Audit to help you nail your Google mojo, a keyword density tool to help you identify the search terms to aim for, and it'll also keep you up to speed with the latest Google algorithm updates.

+$10. Dark Reader

10 essential Firefox addons for designers: Dark Reader

+$Dark Reader's a treat for tired eyes

+$(Image credit: Dark Reader)

+$Having trouble sleeping? It could be that you've been staying up late looking at over-bright websites that trick your brain into thinking it's awake time. Show your eyes a bit of love by installing+$Dark Reader+$; it enables you to create custom dark modes for your favourite sites, inverting bright colours and making them much easier to read at night.

相关文章:



翻译字数超限