Extended Copy MenuĪdds a “Copy As Html” and “Copy As Plain Text” to the context (right-click) menu. These tools aren’t really related to design but they’ll save you a lot of time if you are a web worker. Also performs accessibility validation (WCAG, US-508), broken link checking, spell checking (5 languages), and takes screenshots using 36 browsers on Windows, Linux, and OS/X. Must have mozilla firefox add ons plus#Provides true HTML validation (HTML 2.0 to XHTML 1.1) using the official DTDs, plus added attribute checking. Resize your browser to various standard resolution sizes, the Web Developer Toolbar already does this but you still may want quicker access to this function. Make your web design testing easier with these Firefox extensions for designers. It can be used for cleaning up a page prior to printing it, and for web development. Powerful and user-friendly selector utility for selecting elements and doing various actions on them. The size of each file, the total size per server and the total page size are displayed.ĭetects what javascript libraries are being used on the current page and displays the result as icons with detailed tooltips in the statusbar. It orders the files by servers and by types (image, stylesheet, script, …). View Dependencies adds a tab to the Page Info window, in which it lists all the files which were loaded to show the current page. MeasureIt, one of the coolest Firefox extensions for designersĭraw out a ruler to get the pixel width and height of any elements on a webpage. This is useful for checking designs that are supposed to follow a grid-based layout. The data is then stored so that when testing subsequent pages, selectors can be crossed off the list as they’re encountered.ĭraws a grid on top of a website. It extracts all the selectors from all the stylesheets on the page you’re viewing, then analyzes that page to see which of those selectors are not used. You’ll learn a lot by analyzing other websites or even yours when it gets old, you can try some of these Firefox extensions for designers. You can then build color schemes from the results as well as many other features on the ColorSuckr website. Right-click any image on the web and extract the 12 most common colors from it. What this add-on does is to add a color picker to Firebug’s CSS panel. Technically this one should be in the above Firebug extensions list, but I thought that it deserved a little better exposure. Get a color reading from any point in your browser, and much more… Pencil is an add-on to do GUI prototyping and simple sketching.įirefox can be extended to manage colors and create palettes, you should really check out these tools.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |