Let Firefox into the ultimate web design tools

Through the appropriate configuration, Firefox can become a super web design tools,

Real-time design web pages so that you can style, testing and editing HTMl file Javascript. We only need to install the following extensions can be achieved a rich variety of web editing.

Important: Because we usually less than these extensions, so it is best to establish a separate Firefox profile, so as not to affect the pace of regular use.

1. To create a separate Firefox profile.

Create multiple profiles has the advantage of a number for a particular purpose may be to build a dedicated Firefox, but also suitable for multi-user shared computer, so the following method is not limited to the purpose of this article.

1. Start - Run, type firefox.exe-profilemanager, start the Firefox user profile wizard. If your Firefox is not installed in the default directory, this command should be changed to firefox where the path \ firefox.exe-profilemanager.

2. Click to create a configuration file, create a new user, and for the users to get a name you like. To create, then exit. As shown, my new user Webdev (Web Development).

Let Firefox into the ultimate web design tools

3. For the new profile to create the icon. Copy of the Firefox icon on the desktop, and paste it directly on your desktop, right-click the icon, select Properties, a column of text in the target after add:

-P PROFILENAME-no-remote

Which PROFILENAME set for your own profile name.-No-remote is to be able to allow different configuration file to run Firefox.

Let Firefox into the ultimate web design tools

In this way, the configuration file, named Webdev independent of the original that can be used outside, and all the configuration, including the extension, bookmarks, themes are new.

2. Necessary expansion of web design

1. FireBug

Firebug is a test Javascript, see an excellent tool for CSS and HTML. You can modify the code immediately after the test page changes.

Let Firefox into the ultimate web design tools

Click to download

2. Web Developer Extension

I first heard of this expansion is the most commonly used design to a web page, when the time modify the template played an important role. It is virtually every aspect of web design all the elements, the main role is to monitor and view the code.

Click to download

3. Aardvark Extension

This lightweight extension can simply display the page elements of the Class, and ID, when you just want to quickly obtain an element of the information is very useful, you can page through it to remove elements.

Let Firefox into the ultimate web design tools

Click to download

4. ColorZilla

Be obtained directly from the web page code and RGB color information, the equivalent image editing software inside the Color Picker.

Let Firefox into the ultimate web design tools

Click to download

5. View Source With

A variety of external software to view Web pages using the code.

Let Firefox into the ultimate web design tools

Click to download

6. HTML Validator

Fast verify the legitimacy of HTML code.

Download Windows platform

Download Linux Platform

7. Measure It

Distance measurement tools.

Let Firefox into the ultimate web design tools

Click to download

8. IE View / IE Tab / OperaView / FirefoxView / Safari View / IE View Lite

In Firefox, other browsers render web pages is called. Test the compatibility page is useful.

Let Firefox into the ultimate web design tools

9. Clear Cache Button

Clear Web cache, check the CSS change very useful.

Let Firefox into the ultimate web design tools

Click to download

10. Restart Firefox

In the process without damaging the current circumstances labels and restart Firefox.

Let Firefox into the ultimate web design tools

Click to download

11. Tab Mix Plus

Although this is a regular extension, but the copy tag to copy tags and links to the web page design is very functional role.

Let Firefox into the ultimate web design tools

Click to download

12. YSlow

Yahoo recently Chupin Yslow a web analysis tool. It can give you an error message and web page optimization tips. Must be installed before using the Firebug extension.

Let Firefox into the ultimate web design tools

Click to download

分类:Internet 时间:2009-03-07 人气:295
分享到:
blog comments powered by Disqus

相关文章

  • Firefox Extension: Web Developer 2010-04-10

    Today I discovered this very useful Firefox extension, function is powerful! The extension is installed will be added to your Firefox Web Developer Toolbar. This is divided into several parts: Disable, Cookies, CSS, Forms, Images, Information, Miscel

  • FireFox in the perfect combination of web development: firebug + httpfox + yslow + web developer 2010-07-23

    1, firebug: 2, httpfox (or httpwatch) httpwatch in IE, FF in the can 3, yslow: YSlow is a page developed by the U.S. yahoo score plug-in, to be good, from which we can see our page on the lot to be desired, and can know how we are improving and optim

  • On the Firefox browser plug-in Web Developer 2010-03-28

    Web hackers toolbox: Web Developer Application Abstract: This article describes the Web application, Web Developer and use common functions. http://netsecurity.51cto.com/art/200810/94897.htm Web Developer Tutorial http://www.52css.com/css_topic/Web_D

  • 32 essential practical web developer extension Google Browser 2010-06-18

    Either Firefox or Google Chrome, its strong expansion is to attract one of our biggest reasons. Here is the web design and web developers often use the 32 Google Cchrome expansion. 1. FireBug Lite Firefox has a very well-known expansion - FireBug, Fi

  • (Zt) web developer aids usually are used 2010-08-27

    Development of a good site and easy, exhaustive and beautiful site of a , Even for experienced Web developers, is a difficult task . Before that you must recognize that current trends and standards, and determine how these are incorporated into the d

  • [Change] 10 steps to your own as an outstanding Web Developer 2010-03-13

    If you have a good Web developer, then please pass can be. If you or someone ready to join, or joined the line of rookie, then pour this article worth reading. To be a good Web developer, no shortcuts, this is to target those who are still struggling

  • Ten steps for you to be a good Web developer 2010-04-11

    If you have a good Web developer, then please pass can be. If you or someone ready to join, or joined the line of rookie, then pour this article worth reading. To be a good Web developer, no shortcuts, this is to target those who are still struggling

  • Ten steps for you to be a good Web developer [change] 2010-04-18

    If you have a good Web developer, then please pass can be. If you or someone ready to join, or joined the line of rookie, then pour this article worth reading. To be a good Web developer, no shortcuts, this is to target those who are still struggling

  • Top Ten Web Developer Web resources necessary 2010-09-08

    To become a good Web developer, and no shortcuts, only step by step through their own efforts to achieve, but if you have some excellent development tools, you can greatly improve your development efficiency. This paper will pick the ten best tool fo

  • [Change] 10-step allows you to become a good Web developer 2008-05-31

    If you are already a good Web developer, then please pass can be. If you or someone ready to join the line, or newly recruited rookie, then pour this article is worth reading. To become a good Web developers, there is no short cut, this article is fo

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 黔ICP备15002463号-1

processed in 0.593 (s). 10 q(s)