Install CSS Viewer add-on in Firefox 6.0.*
2011.08.16
Using exactly the same steps as in my previous posts I created a .xpi file for Firefox 6.0.
You can get it here: CSSViewer for Firefox 6.0 v. 1.0.3
Enjoy ;)
flink.gr
The best thing about a boolean is even if you are wrong, you are only off by a bit.
Firefox Add-ons
Install CSS Viewer add-on in Firefox 5.0.*
2011.06.20
Following the same steps as in my previous post “Install CSS Viewer add-on in Firefox 4.0.*” you can install CSS Viewer in Firefox 5.0.*
You can download a .xpi file I created and checked that it works fine with Firefox 5.0.
Download: CSSViewer for Firefox 5.0 v. 1.0.3
I was really happy when I discovered that the CSS Viewer is available for Chrome for free from M. ed.
In case that you did not know it check here (visit the link with Chrome browser to be able to install the extension).
Install CSS Viewer add-on in Firefox 4.0.*
2011.03.21
Are you using Firefox 5.0?
Then you can get CSS Viewer for Firefox 5.0 here: CSSViewer for Firefox 5.0 v. 1.0.3
After a 4 months delay Firefox 4 is here!
CSS Viewer (a must-have add-on for all web developers) is not compatible (at least official) with Firefox 4.0.
Good news! Following the same procedure as in my previous posts, Install CSSViewer add-on in Firefox 3.6.* and Install CSSViewer add-on in Firefox 3.5.* you can install CSS Viewer in Firefox 4.0.*
Just follow these steps:
1. Copy the following address to another browser than Firefox (so that the pop up installation window will not come out)
https://addons.mozilla.org/en-us/firefox/addon/cssviewer/
2. Download the file cssviewer-1.0.3-fx.xpi
3. Use 7-zip (or any other extractor) to open it and extract it
4. Open install.rdf with notepad (I used Notepad++ to find easily the line I must change)
5. On line 18 you see <em:maxVersion>3.0.*</em:maxVersion> you must change it to <em:maxVersion>4.0.*</em:maxVersion>
6. Save the file and select all the files you extracted and make a zip file
7. Now you must rename the zip file including the zip extension to cssviewer-1.0.3-fx.xpi (it will prompt you if you are sure you want to change the file name extension and you must click yes)
8. Now drag n’ drop the xpi file to Firefox 4.0.* and the installation window will pop up. Install it normally ;)
I have checked it and it works great in Firefox 4.0
You can download a .xpi file I created and checked that it works fine with Firefox 4.0.
Download: CSSViewer for Firefox 4.0 v. 1.0.3
If you have any question or difficulty installing the add-on please comment.
Install CSSViewer add-on in Firefox 3.6.*
2010.01.26
Following my old post you can make the add-on CSSViewer to work with Firefox 3.6.* with exactly the same procedure.
A small change only in step 5.
On line 18 of install.rdf file, instead of “3.5″ change the version to “3.6″ and you are done. All the rest is the same.
I have used it so far without any problems. If you notice something wrong please comment.
Have fun ;)
Check if javascript is enabled/disabled/installed
2009.08.10
Nowadays almost every website uses Javascript. You can make really cool things with Javascript and it is worthy spending some time learning some scripts ;)
The bad thing is that many users disable Javascript to their browsers, usually for security reasons. Your website may look really messed up to a browser without Javascript enabled and sure is something that you do not want.
So, there is an easy way to check if Javascipt is enabled, and if it is not you can redirect to a simple html page to inform the visitor that need to enable Javascript (the example is for a Joomla! template but you can implement it to any website template)
First you make a simple html page informing that Javascipt must be enabled to see the website correctly (nothing special, just a html file with text). For example lets say that our file is named nojs.html and in the body tags has the following:
<body>
Please enable Javascript to see this website.
<br />
<br /> <a href=”http://www.youdomain.com”>Go back to home page </a>
</body>
Now edit the index.php file of your Joomla! template and just after the <body> element add the following:
<script type=”text/javascript”>
// just a holder to check if javascript is enabled
</script>
<noscript>
<div style=”color:#FF0000; font-weight:bold; text-align:center;”>Javascript must be enabled to see this site!</div>
<meta http-equiv=”refresh” content=”0; url=http://www.yourdomain.com/nojs.html”>
</noscript>
After this part you can have the rest of your template as usual. Now lets see what every part does.
The <script>…</script> actually does nothing ;)
You enter the <noscript>…</noscript> part only when Javascript is disabled/not installed. The <meta> part is the redirection part. The content=0 means that you redirect the visitor in 0 seconds to http://www.yourdomain.com/nojs.html (there you add the path you have upload the nojs.html file).
You are done! Now if someone has disabled or not installed Javascript, will be prompted to enable/install it.
PS: If you want to check your script you can use a Firefox add-on called NoScript.
If you like the tip or have any question please comment ;)
