If you are using https pages or some of the pages (payment pages etc) in your website, keep the following in your mind. In some browsers especially IE shows warning of non-secured content in secured page. This cause user the feeling that the website is not secured.

1. Use relative url always. Relative URL means those without starting with http:// or https://, instead use relative url.
2. If you need to use full url, use dynamic base name in with your programming language.For example in PHP, define BASE_URL = http://www.yoursite.com and use this variable in every links and forms. Change the BASE_URL value between http and https depending upon the protocol ($_SERVER['HTTP_HOST'])
3. Check  inside javascript function whether it is calling any non-secured url. (For example, sometime you may use full url inside Javascript). Check using if condition to decide, which protocol to use, like what Google Analytic does.
   eg:  (“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
4. Check if there is any flash content which tries to load data from non-secured url. There is a chance to load some xml configuration files using http protocol
5. Also change the codebase parameter value in object tag (flash or other media) whether it is pointing http or https url. There is a chance for this url in flash content.
   codebase=”http://download.macromedia.com/pub/shockwave /cabs/flash/swflash.cab#version=9,0,115,0″
   Change this url to https://downoad…
   
   
6. If you are using facebook connect or such integration, check the javascript initialisation code.
   FB.init(“78bc8ffb87c41eabb6395a2045c76021″, “/xd_receiver.htm“);
   Inside the xd_receiver.htm file, the cross platform callback will be non secured url (http)
   Change this to xd_reciver_ssl.htm and use new code, which is available in Facebook documentation

Tools like Fiddler can be used to check which url is non-secured. Firebug cannot show all non-secure connections. If the above steps do not solve your problem, try disabling javascript files one by one to point out which call is making the problem. Also try this by disabling Flash objects one by one.

Good luck guys

Cheers

Sajith

Tags: alert, Browser, featured, http, https, https warning, ie, non-secure content, protocol, safety, security, warning

Last day i got a good website in which we can test the rendering of a particular website through different versions of interenet explorer. From a designer’s view, internet explorer is a life long head ache due its different alignment, floating problem, iframe problem, script execution problem and all.

Here , http://ipinfo.info/netrenderer/index.php , You can check your website through different internet explorer version. It will be useful for linux developers to test the website via internet explorer.No need to boot windows operating system.

Tags: alignment, Browser, design, explorer, ie, internet, test, website

Hello Techies ,

Lets watch a fun video with your browser interactive effect. Kill me if you dont like this flash + javascript effect.

Dont maximise (enlarge ) your browser window  after clicking the below link. Wait a moment  after the click.

REMEMBER, DONT MAXIMIZE the window

http://www.fly-a-balloon.be/

Regards

Sythoos

Tags: Browser, flash, fun, html, interactive, Javascript, video

If you are a web designer, who designs using css  properties, perhaps you get in struck with different browser’s compatibility. In these case Internet explorer would be your most headache, especially IE 6 or former versions .

Mozilla shows contents as we expect while the design phase. The web browser arrived recently, Chrome also shows things like what we put in our designs. When we check with Internet explorer, the veteran in this field, a lots of problems with aligns , extra white space , floating  etc.

I already posed about internet explorer form tag problem. Here, recently i faced a different problem with IE, when we use float values say float:left for a particular div, and if we apply left-margin:10px (or whatever value), IE displays it with doubled marginal length (in this case around 20px)

When i googled it , and finally got a solution. What you have to do is, add display:inline value to the div which shows this extra white space or extra length

eg:

#rightDiv
{
width:279px;
height:40px;

float:left;
display:inline;

}

I got this precious solution from http://www.positioniseverything.net/explorer/floatIndent.html

If you want to get the updations in these article, enter your email address below:

Tags: Browser, chrome, design, float, ie, internet, left, margin, mozilla, problem, web, white space

10 Features of Google Chrome – Youtube Video

[youtube:http://in.youtube.com/watch?v=Xlh8gSF_hhE]

Yes, a browser with very simple layout. The features i like in this new browser is its full screee view. The only thing in the top area is the location bar. No other menus or buttons or panels are there. It gives a comfort feeling. (All other browsers are very congested )

Another feature i like to see was that task manager. I was searching for such a plugin in mozilla. Which tabs takes more memory , more internet resources etc. And we can even end the process . Good approach google. Hats off.

The next feature i like is downloading files. It never ask for location for saving. After download you can save as you wish (You can drag the downloaded file anywhere in your computer ). So when you want to download , just download it !!!

On the very first day, i got a crashed warning message from chrome while i browsing !!!

But there was option to restart, so saved  all the tabs.

Another feature i liked is it error display mechanism. It shows proper error and proper solution just like google style

One feature i expect was the warning before closing tabs. When i closed the browser, all the tab get closed without any warning.. I think firefox made me to think like this .

And in option , you can see the saved passwords (without any masking !!!) .  That is a bad feature i think.Lets expect more features in the coming update .

And about wordpress editor; some of the functions of WYSWUG wordpress editor is not working with chrome. I think this is because of the javascript compatibility  .

From a developer angle , i got one more browser to test a webpage  (How it appears after changing the html, javascript and css )

Tags: Browser, chrash, chrome, editor, error, flop, google, mozilla, wordpress

Steps to create a mozilla plugin>

1) You need Mozilla Firefox Web Browser (Download from: http://www.mozilla.com/en-US/)

2) Initail steps for a Hello World program is here : http://developer.mozilla.org/en/docs/Building_an_Extension

The package is zip file saved with xpi ( pronounced as zippi ). And the Interfacing language is called XUL

You can edit and test your xul templating using this url: http://ted.mielczarek.org/code/mozilla/xuledit/xuledit.xul

The Browser itself written in XUL format. Its basic structure is called XUL Overlay. We can override any part of that overlay with id. (See: http://developer.mozilla.org/en/docs/XUL_Overlays)

This is how different plugin’s are integrated with already existing mozilla browser. You can Override, Expand, or add separate window for your application.

Since the usage of desktop application are increasing and the need of javascript have more significant nowadays ( Ajax, Flash, Flex, Adobe Air) , We should follow client side developments.

If XUL is for templating , Javascript is action creator here. You can write your code in javascript.

After creating your application , you can showcase it on firefox extension folder. They put your code in sandbox. After testing, if it is an useful one, they will add it to their public package listing so that
everybody can access you extension.

So start your Hello World Application with Mozilla Plugin NOW .

Feel free to contact me in: admin@sajithmr.com or D@OLPH.IN

Tags: Browser, Firefox, Javascript, Mozilla Plugin, XPI, XUL