Tag: Safari
How to enable javascript in various browsers – help file
This is a help reference for those sites, which are javascript critical. You can use this in a page to which you redirect in your javascript disabled scenario. Microsoft Internet Explorer 1. On the Tools dropdown menu, click Internet Options, and then click the Security tab. 2. Click on the earth «Internet» icon, and then ...
how to change the default text selection color in Browser
One of those cool CSS3 declarations that you can use today is ::selection, which overrides your browser-level or system-level text highlight color with a color of your choosing. The biggest hit is in the fact that only Safari and Firefox are supporting this, and both in slightly different ways. IE totally ignores them. Fortunately, this ...
Styling a file upload control or input type = “file”
FileUpload control has weird styles, especially when you view them across browsers. The normal look and feel of the control, would look like something below: The Safari one looks really worth a bug for the testers. This solution to style fileupload controls is a concise and verified version of the solution by Michael McGrady. Step ...
Setting screen width for Web sites to be viewed on iPhone
Fixing the width of the page in iPhone to a certain value is not direct. Safari is assuming an 800px width. The best solution to this is just by using the meta tags. Check the snippet below: To set the width to the screen width based on the mode he is in, be it landscape ...
How to enable developer toolbar in Safari
To enable the Web Inspector (Safari equivalent for IE Developer Toolbar) and User Agents etc., just follow the screen shots below: Voila! I hope it helped.
Avoid Outline for textboxes on focus in Safari
Safari has its own amazing styles with it. Most of them are pretty cool and makes the browser stand out. But some of them can affect the screen structure. One of them would be the blue outline that textboxes have on focus. The solution to this is a simple css fix. input:focus{ outline : none ...
Avoid Resizing of textarea in Safari
Safari has its own amazing styles with it. Most of them are pretty cool and makes the browser stand out. But some of them can affect the screen structure. One of them would be the resizing of the multiline textboxes or textarea in Safari. But the solution is quite simple css fix. In the css ...
CSS fixes based on Browser versions
IE Specific CSS loading: There can be scenarios wherein you might want to load IE version specific CSS. Say an IE6.css file for IE 6 and below, IE7.css for IE 7 alone. In these scenarios, it is good to exploit the conditional comments that IE layout engine Trident look upon. Check the code below to ...
CSS and Browser Compatibility Chart
We have a lot of browsers poping up every year. Not to mention the versions they come in. At times it can prove difficult to check if the website you have designed would look good in all browser. Browser compatibility has always been a web designers nightmare. Taking into account of this, i thought it ...
The Relentless FrontEnd - Aackose Lal's Blog 