Chuyển đến nội dung chính

33 Firefox Addons for Web Designers & Web Developers

Firefox Addons, Web Designers, Web Developers

1. ColorZilla: If there’s a color on a Web page that you like, ColorZilla will find the precise code for it and allow you to paste it into your coding program. You can also create custom colors with its built-in palette browser. It saves the most-used colors for easy access later on. It’s powerful, it’s simple, it’s a must-have.

2. CSS Validator: CSS Validator adds a right-click option in your browser, sending the CSS to the W3C CSS Validator. It opens the results in a new tab. CSS Validator is a nice tool that will come in handy often.

3. Aardvark: Aardvark lets you select elements from a Web page and perform various actions on them. I use it to analyze the structure of a page. You can also remove and isolate elements or generate DOM code. I highly recommend it.

4. FirePHP: FireBug is a fine tool for CSS, HTML, and JavaScript, but FirePHP, which only works when you have the FireBug extension installed, creates a full-featured development experience. With the help of both add-ons, you can view the quality of your PHP and find errors. It’s a great aid.

5. Font Finder: Font Finder allows you to highlight a font you like on any site, right-click on the selection, and after choosing “Font Finder”, view the full CSS text styling of the selection. You can then paste that into your own Web page.

6. CSSViewer: No Web designer should be working without CSSViewer. The add-on informs you of all the CSS information you’ll need from a site. Simply click on the page you want, open it in the Tools menu, and it will display CSS information. I use it almost every day.

7. FireBug: Firebug is one of those extensions that you simply can’t be without. It lets you edit, debug, and view CSS, HTML, and JavaScript. Once you make a change to the HTML on the site, Firebug automatically displays it in the same pane. It’s extremely powerful.

8. IE View: As long as you’re running Windows, IE View is a helpful tool. The extension adds an “Open in IE” option in the right-click menu, allowing you to quickly open a site in Internet Explorer. It’s a great way to check how a page looks in both browsers.

9. Java Console: If you want to see how Java applets are running on Web pages, the Java Console is for you. You can monitor and debug applets, and get a full report on their performance.

10. HTML Validator: HTML Validator is an extremely powerful tool available to Windows users only. The add-on gives you feedback about errors on the page. It also lets you know where problems need to be addressed. But unless you’re an advanced Web designer, stay away from this tool. It’s very complicated.

11. LinkChecker: LinkChecker highlights links on any Web site and tells you if the link will direct you to a live site or if it will return a 404. I use it every day.

12. Style Sheet Chooser II: Style Sheet Chooser II replaces Firefox’s built-in style sheet switcher and allows you to pick an alternate style that will persist on all pages of a Web site. It’s not something you’ll use often, but when you do need something of the sort, Style Sheet Chooser II is the way to go.

13. Web Developer: If you install any of the extensions in this roundup, Web Developer should be included. It adds a menu and toolbar to Firefox giving you the option to display a page’s style, view and edit CSS, and much more. No Web developer should be without it.

14. Poster: If you want to debug servers and make HTTP requests, Poster is the tool for you. It’s easy to use, you can set a content type, and within minutes, you’ll have all the information you need to inspect the results of your HTTP query. Useful.

15. Aardvark - A cool extension for web developers and designers, allows them to view CSS attributes, id, class by highlighting page element individually.

16. chromEdit - Alter the appearance of any page by editing CSS and Javascript files with this extension.

17. CSSMate - Firefox extension to edit CSS files.

18. JavaScript Debugger - JavaScript debugging extension enables a strong debugging environment.

19. Load Time Analyzer - View detailed graphs of the loading time of web pages in firefox. The graphs display events like page requests, image loading times etc.

20. View Dependencies - Find out all files that were loaded in a webpage with the view dependencies tab in page info.

21. Clipmarks - Easily save portions of webpage with this extension.

22. Codetech - Excellent extension for web page designers, codetech is a web page editor with the look and feel of Dreamweaver.

23. Flash Switcher - Use this extension to avoid reloading between flash plugins.

24. Greasemonkey - Control any aspect of web page behavior by adding Javascript code to any webpage using this Firefox extension.

25. Link Evaluator - Quickly check the links in a page to make they are resolving to live links. Good links show up as green, problem links will show up in red.

26. LiveHTTPHeaders - Adds a way to view the headers to the page info viewing area, will also let you work on new ones in real time.

27. SEOforFriefox - Adds information to your Yahoo and Google searches giving you instant knowledge of the site’s standings with various ranking services for easy reference as you check out your competition.

28. SEOQuake - Gives you a lot of options for checking the ranking of your site to see how you place in various search engines.

29. Window Resizer - Automatically resize your browser window between 640×480, 800×600, 1024×768, 1280×1024, 1600×1200 to see how pages appear at these resolutions.

30. Screen grab - Capture screenshot of any webpage and save it as an image file with this extension.

31. X-Ray - Must have Firefox extension, it allows users to view webpage code with a right-click and shuffle between the webpage and its code easily.

32. OperaView - Just like the infamous IE ab, OperaView lets you view webpages as rendered by Opera without ever leaving Firefox.

33. YSlow for Firebug - YSlow analyzes web pages and tells you why they are slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular


Bài đăng phổ biến từ blog này

Các phím tắt dùng trong Notepad ++

All the keyboard shortcuts : Ctrl-CCopyCtrl-XCutCtrl-VPasteCtrl-ZUndoCtrl-YRedoCtrl-ASelect AllCtrl-FLaunch Find DialogCtrl-HLaunch Find / Replace DialogCtrl-DDuplicate Current LineCtrl-LDelete Current LineCtrl-TSwitch the current line position with the previous line positionF3Find NextShift-F3Find PreviousCtrl-Shift-FFind in FilesCtrl-F3Find (volatil) NextCtrl-Shift-F3Find (volatil) PreviousCtrl-Shift-IIncremental SearchCtrl-SSave FileCtrl-Alt-SSave AsCtrl-Shift-SSave AllCtrl-OOpen FileCtrl-NNew FileCtrl-F2Toggle BookmarkF2Go To Next BookmarkShift-F2Go To Previous BookmarkCtrl-GLaunch GoToLine DialogCtrl-WClose Current DocumentAlt-Shift-Arrow keys or
Alt + Left mouse click
Column Mode SelectF5Launch Run DialogCtrl-SpaceLaunch CallTip ListBoxAlt-SpaceLaunch Word Completion ListBoxTab (selection of several lines)Insert Tabulation or Space (Indent)Shift-Tab (selection of several lines)Remove Tabulation or Space (outdent)Ctrl-(Keypad-/Keypad+) or
Ctrl + mouse wheel button (if any)
Zoom in (+…

Alon Video Joiner - Ghép nối video clip miễn phí

Bạn sưu tập được rất nhiều các video clip hay trên mạng và nay muốn ghép nối chúng lại với nhau để ghi lên đĩa, xem trên điện thoại... Hiện nay có rất nhiều phần mềm hỗ trợ bạn thực hiện chức năng này tuy nhiên hầu hết là các phần mềm thương mại, vậy thì Alon Video Joiner sẽ là một sự lựa chọn hợp lý trong trường hợp này.

Với giao diện đơn giản, và được cung cấp hoàn toàn miễn phí Alon Video Joiner giúp bạn nhanh chóng ghép nối các video clip riêng lẻ với các định dạng AVI, MP4, MOV, 3GP, RMVB, MPEG/MPG và WMV/ASF thành một tập tin video duy nhất một cách nhanh chóng.
Chương trình có dung lượng 2,06 MB, tương thích với hệ điều hành Windows. Bạn có thể tải về dùng miễn phí tại

 Sử dụng chương trình cũng khá là dễ dàng.

- Từ giao diện chính của chương trình, bạn bấm nút Add Task, trong hộp thoại mới xuất hiện bạn bấm nút Add Files để chọn các video clip riêng lẻ. Bạn có thể chọn cùng lúc nhiều file video có định dạng nguồn khác nhau đều được. C…

Cài đặt nhiều hệ điều hành trên máy ảo.

Hình1: cửa sổ Linux RedHat 7.1 trong XP

Hình 2: XP trong Linux RedHat                          

Bài viết này mong muốn trình bày một cách ngắn gọn về khái niệm máy ảo và hướng dẫn cách cài đặt phần mềm tạo máy ảo VMware Workstation 3.0 trong các hệ điều hành  Windows XP và Linux Red Hat 7.1. Tác giả cũng mong muốn chia sẻ những kinh nghiệm về cách cài đặt Windows XP và Red Hat 7.1 trong môi trường máy ảo. Máy ảo là gì?
Bạn là người yêu thích tìm tòi, học hỏi. Bạn muốn khảo nghiệm một hệ điều hành (HĐH) mới mà không muốn làm ảnh hưởng tới HĐH đang dùng. Bạn có một phần mềm thú vị nhưng lại không chạy trên HĐH hiện hành. Bạn muốn cài đặt nhiều HĐH trên một PC một cách đơn giản nhất. Bạn là một lập trình viên và đang mong muốn thử chương trình mình viết trên các nền tảng khác nhau. Ban muốn chạy những ứng dụng mạng trên PC không nối mạng của mình. Bạn có thể làm tâ…