Fix Firefox!

News Details


This is a follow-up to the news post below by Evilagram.

Sadly this is not testable in the beta version. But it is in the Alpha version 3.6, below explains you how to do it. Be awre that this fix is completely at own yourrisk, as 3.6 of it is not stable yet.

Step 1
http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/Download Minefield. This is the project name for alpha releases of Firefox. On that page you can download it, for windows that would be firefox-3.6a1pre.en-US.win32.installer.exe

Step 2
Install minefield. It will not overwrite your existing version of firefox, but wil copy your bookmarks , add-ons, passwords etc.

If you go to pixeljoint.com right now in your new Minefield browser you can already see the images crispy when you zoom in. This because it seems PJ already added the right tags to its css. Thanks!

Step 3
To get the pixel zooming on every website you visit (such as www.pixelation.com) we need to take another step.

We must create a file named userContent.css
This CSS file will apply the code in it to every page you visit.

In windows, this page must be created in %appdata%\Mozilla\Firefox\Profiles\profilename\chrome

You can find it by browsing to C: > Documents and settings > 'Username' (mine is Daniel) > Application Data.
Application Data is a hidden folder, you can unhide it by going to (in your explorer) Tools > Folder Options > View > Show hidden files and folders
http://www.bleepingcomputer.com/tutorials/tutorial62.html

Non windows users must figure it out themselves, but the file will always be located in Profilename\Chrome

Now open notepad or a similar text editor, and paste in this code:

img[src$=".gif"] { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
img[src$=".png"] { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }

Save it as userContent.css (and watch out it does not become a .txt but a .css) in the chrome folder

 

Thats it. You are done! When you click images on any site to zoom in, they will be shown ina ll its pixel glory (after you restart your browser).

If you have any questions, comment!



Posted by Lollige at 6/15/2009 1:54:57 AM | 16 comments

What do you think?

If you would like to comment you will need to be logged in.
Register now. It only takes a moment and it's free!


Lollige (Level 11 Psychopath) at 6/27/2009 3:03:14 AM

 

Nope, not yet :(


k_e_t_t_e_l (Level 5 Captain) at 6/26/2009 5:25:55 PM

 Is there a way to fix Google Chrome just like that?


Lollige (Level 11 Psychopath) at 6/24/2009 11:27:39 PM

the difference between 2 and this is around zero?

 

Of course, they look the same by apperance, but there is much more than that. MUCH more than that. You are talking about a complete new generation of a program, that has already evolved a lot too!


Peeter (Level 6 Hitman) at 6/22/2009 11:54:04 AM

 This also works with latest Opera (9.64) which is not alpha version, like FF 3,6

 


Peach (Level 5 Soldier) at 6/22/2009 3:31:40 AM

or use linux


Metaru (Level 8 Brigadier General) at 6/22/2009 1:00:39 AM

that or use FF2 since the difference between the 2 version is around zero.


robotriot (Level 4 Shichikyu) at 6/21/2009 11:25:32 PM

The only difference for you should be that the Documents and Settings folder has a different name. But you can also just enter %appdata% in the address bar of the Windows Explorer to get to the desired directory directly.


Pixelarg (Level 5 Rokkyu) at 6/21/2009 10:07:02 PM

and 4 spanish speakers? i can add the fix to my firefox in spanish?


robotriot (Level 4 Shichikyu) at 6/21/2009 1:27:46 PM

Doh, ok, now it works. Reading isn't such a bad idea ... thanks!


Lollige (Level 11 Psychopath) at 6/21/2009 1:17:21 PM

Like I said: You misspelled it. create a file and name it USERCONTENT! NOT userCHROME

userContent CONTENT CONTENT NOT CHROME .css

And all that needs to be in there (as you do not have an existing file yet anyway) are those 2 lines I posted.


robotriot (Level 4 Shichikyu) at 6/21/2009 11:23:27 AM

I did just like you described, and it doesn't work for me. The filename is spelt correctly, there's only one Firefox profile where I put it, so that can't be the mistake either. Here's a screenshot: http://elitepigs.de/trash/usercontent.gif


Lollige (Level 11 Psychopath) at 6/21/2009 11:01:14 AM

name it userContent, witha  C not a c. A caption.

And put it in the right folder, as described in my tutorial. Really, it works 100% sure if you do it right.


minipuck (Level 2 Flatfoot) at 6/21/2009 10:55:27 AM

i made the usercontent.css but it doesn't work on pixelation

 


Lollige (Level 11 Psychopath) at 6/21/2009 8:53:32 AM

yes, you should make that userContent.css to get it working on pixelation!!


robotriot (Level 4 Shichikyu) at 6/21/2009 1:43:32 AM

This solution doesn't work for me on Pixelation - it still blurs the pictures, although not as strongly as before it seems. It works fine here on PJ. Any ideas?


crab2selout.png (Level 3 Private Eye) at 6/20/2009 10:33:46 PM

I was looking at a firefox extension called stylish and it seems like it can edit the usercontent.css for individual websites. Maybe a firefox addon could be created that adds an option under the Tools menu to apply pixel art filtering to the current website or all sites.


This Week's Pixel Art

Av icon/pixelarttent icon/pixelart14 Alien Creatures icon/pixelartSurfing bird icon/pixelart
Google
 

Recent News

From the News Archives

Pixel Art Links

Donate

Want to give some dough back to all those amazing pixel artists?