Firefox Keyboard Shortcut

 Speed Tweak  Comments Off on Firefox Keyboard Shortcut
Nov 302011
 

There are a range of keyboard and mouse shortcuts you can use to speed up browsing and to access special features in Firefox, some of which have already been mentioned. Whether you use them is up to you, however I personally use a handful of shorcuts quite frequently in Firefox to speed up access to various features. Here is the list:

Firefox Navigation Shortcut

Command Shortcut
Back Alt + ←
Backspace
Forward Alt + →
Shift + Backspace
Home Alt + Home
Open File Ctrl + O
Reload F5
Ctrl + R
Reload (override cache) Ctrl + F5
Ctrl + Shift + R
Stop Esc

Firefox Current Page Shortcut

Command Shortcut
Go to Bottom of Page End
Go to Top of Page Home
Move to Next Frame F6
Move to Previous Frame Shift + F6
Print Ctrl + P
Save Page As Ctrl + S
Zoom In Ctrl + +
Zoom Out Ctrl + –
Zoom Reset Ctrl + 0

Firefox Editing Shortcut

Command Shortcut
Copy Ctrl + C
Cut Ctrl + X
Delete Del
Paste Ctrl + V
Redo Ctrl + Y
Select All Ctrl + A
Undo Ctrl + Z

Search

Command Shortcut
Find Ctrl + F
Find Again F3
Ctrl + G
Find Previous Shift + F3
Ctrl + Shift + G
Quick Find within link-text only
Quick Find /
Close the Find or Quick Find bar Esc – when the Find or Quick Find bar is focused
Search bar Ctrl + K
Select or Manage Search Engines Alt + ↑
Alt + ↓
F4
– when Search Bar is focused

Miscellaneous

Command Shortcut
Complete .com Address Ctrl + Enter
Complete .net Address Shift + Enter
Complete .org Address Ctrl + Shift + Enter
Delete Selected Autocomplete Entry Del
Toggle Full Screen F11
Toggle Menu Bar (when hidden) Alt
F10
Show/Hide Add-on Bar Ctrl + /
Caret Browsing F7
Select Location Bar Alt + D
Ctrl + L

Source: http://support.mozilla.com/en-US/kb/Keyboard%20shortcuts

 Posted by at 11:58 am

Firebug, For Developer Life

 Add-Ons  Comments Off on Firebug, For Developer Life
Nov 092011
 

Firebug

If you’re developing or creating a theme for a content management system (CMS) – such as Drupal, Joomla, WordPress, Blogspot – Firebug is an essential tool. This application consists of many files, many, and navigate through this maze can be daunting without a tool like Firebug. The beauty of content management systems do not have to be a programmer to mark (“theme”) on a website developed using one, and can usually be done without touching programming code. However, you should be able to identify the control CSS to bring his own vision of the screen.

Firebug Key Features

Firebug APP SETTINGS

Click the Firebug icon on the menubar to access global settings, as well as links to documentation. A few noteworthy menu options here are:

  • Open with Editor: Lets you configure external editors to use with Firebug.
  • Text Size: Adjustment of displayed code text size.
  • Options:
    • Always Open In New Window: Set Firebug behavior. Unchecked will result Firebug being pinned to bottom of browser window/tab. Each browser window/tab is set independently.
    • Show Preview Tooltips: Who doesn’t love mouseover tips!
    • Shade Box Model: Will highlight/shade a specific area of the viewed Web page when you mouse over the corresponding element within the code review panel

Firebug has two main modes: INSPECT and EDIT.

INSPECT (HTML)
This is the go-to feature for deconstructing those CMS themes, and you will wonder how you ever got along without it. Click the INSPECT menu option to activate this feature. Once activated, move your mouse over an area of the viewed Web page. Click your right mouse button once to lock in that position.

EDIT
Whenever Firebug is deployed for a particular Web page, it creates a local “working temporary” Web page that you can edit on the fly (even someone else’s!). Activate the edit mode by clicking the EDIT button on the menubar. Simply edit the code (HTML, CSS) in the Firebug review panels to see the immediate effect of that change. Remember, you are in a preview mode. You must edit the actual file for permanent change.

 

See More detail here: Firefox and Firebug