Firefox 7 is released !

Mozilla released a major update on its browser software Firefox . The latest version of Firefox is 7.0 .

New features are as follow :

  • [Performance] Drastically improved memory handling for certain use cases
  • [Performance] Added a new rendering backend to speed up Canvas operations on Windows systems
  • [Features] Bookmark and password changes now sync almost instantly when using Firefox Sync
  • [User Interface] The ‘http://’ URL prefix is now hidden by default
  • [CSS3] Added support for text-overflow: ellipsis
  • [Features] Added support for the Web Timing specification
  • [Features] Enhanced support for MathML
  • [Performance] The WebSocket protocol has been updated from version 7 to version 8
  • [Reporting] Added an opt-in system for users to send performance data back to Mozilla to improve future versions of Firefox
  • [Bugfix] Fixed several stability issues
  • [Bugfix] Fixed several security issues
Though these new shiny features are quite attractive, Mozilla must take steps to allow Add-Ons to be forward compatible, as more & more add-ons are disabled due to recent Firefox upgrades . We almost gave up Firefox , as it makes most of the useful Add-Ons not working anymore .
To download Firefox , here are the links: ( if old version of Firefox is installed , updates will perform automatically , no manual download is needed )
  • Windows
  • Mac
  • Linux ( not recommended ; please use your distribution updates instead of downloading via this link )

Read More

Firefox 4 FAQ

  1. Where is “Check for Update” ?
    It is now in Firefox menu button > Help > About Firefox
  2. Where is “Download Progress” ?
    Since Firefox 4, download progress is not shown in the browsers’ layout ( weird design ) , navigate to Firefox menu button > Downloads ( Ctrl-J ) to view it
  3. My status bar has gone!
    From Firefox 4, it is now called Add-on bar. To call it out, navigate to Firefox menu button > Options > Add-on Bar ( Ctrl-/ )
  4. You have questions to ask ?
    Just ask here , I will answer .

Read More

How-to: Reset Firefox to default (without uninstall)

Availability: Firefox (all versions)

Firefox Safe mode is a special execution mode running without addons (added extensions & themes) to ensure minimum adverse stability effects brought by addons. It is NOT related to Windows safe mode. From version 3.5, Just-in-time (JIT) JavaScript debugger is disabled. From version 3.6, changes made in userContent.css and userChrome.css are disabled; From version 4.0, hardware acceleration is disabled.

If you just want to reset the toolbars to default, try this first.
Right click toolbar > Customize… > Reset Default Set

If you want a full restore of your Firefox to factory settings (default settings), follow the steps below:

  1. Windows Users
    Enter safe mode by entering firefox -safe-mode at Start > Run (Win-R)
    Mac Users
    Enter safe mode by entering /Applications/Firefox.app/Contents/MacOS/firefox -safe-mode in Terminal
    Linux Users
    Enter safe mode by navigating to Firefox installation directory, then issue the following command: firefox -safe-mode in Command Shell
  2. Five options can be chosen:
    – Disable all add-ons
    – Reset toolbars and controls
    – Reset bookmarks to Firefox defaults
    – Reset all user preferences to Firefox defaults
    – Restore default search engines
    select the ones you need, and click “Make Changes and Restart”
    note: this step cannot be undone

After that, your Firefox will be restored to default.

Read More

Custom font in website

Feel bored using standard font like Arial, Georgia, Times New Roman ? Want to apply a custom font downloaded from the Internet / created by yourself in your website ? Here is a simple way :

Step 1: Declare your custom font

@font-face {
  font-family: my_custom_font;
  src: url('my_custom_font.ttf');
}

Step 2 : Use your font ( same way as you use standard fonts )

.yet_another_css_class {
  font-family: my_custom_font;
}

Step 3: Make it support Internet Explorer too

convert your TTF font to EOT here : http://ttf2eot.sebastiankippe.com/
replace CSS codes in Step 1 with the followings:

@font-face {
  font-family: my_custom_font;
  src: url('my_custom_font.eot');
  src: local(my_custom_font), url('my_custom_font.ttf') format('opentype');
}

That’s it !

Important: remember to upload the TTF & EOT along with your CSS too !


Explanation ( more technical stuff below )

Internet Explorer does not natively support the use of the CSS3 local function, therefore IE will only look into the 2nd line in @font-face and load the EOT file . For other browsers that supports CSS3 , it will read the 3rd line and download the TTF and apply in the look & feel of your web site .

Read More