Cross Browser Snippets


29 August, 2011   

An example of Cross-Browser Min Height

27 February, 2014   

You can quickly and easily apply transparency to any supportive element by adding the following CSS code your stylesheet:

Code example to check whether browser is a beta version

26 November, 2018   

Cross-browser method for testing for pop-up blockers.

27 August, 2011   

The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have a browser that doesn’t support client-side scripting. The noscript element can contain all the elements that you can find inside the body element of a normal HTML page. The content inside the noscript element will...

26 May, 2012   

Helps to find out browser version and type your website visitor is using

Cross Browser Vertically and Horizontally Centered Images in CSS without Tables

Example Apache .htaccess file to add access control header

jQuery example code to add image to browser cache

27 August, 2011   

The <frame> tag defines one particular window (frame) within a frameset. In the example below we have a frameset with two columns. The first column is set to 25% of the width of the browser window. The second column is set to 75% of the width of the browser window. The document "frame_a.htm" is put into the first column, and...

30 August, 2011   

This snippet to show how to use the Last-Modified and the ETag header to optimize the caching of a website. If used correctly this will speed up your page loads.

12 February, 2015   

JS sniffer detects browser and OS.

22 January, 2011   

This will work in any browser on any element, to support styling changes on hover.

02 August, 2014   

JavaScript code to detects browser and OS

08 October, 2014   

JavaScript code to detect browser and OS.

05 December, 2013   

AppleScript to send URL from Mac browser to Prowl (iOS)

26 May, 2012   

Allows to perform PHP redirection (must be placed before any browser output).

28 January, 2011   

The days of 800x600 screens are all but over, but most of us still try to accommodate 1024px wide screens. Hence the popularity of "960" width sites. This bookmarklet will resize the current browser window to that width and height. You know, so us web designers with giant monitors can see what it's like to be slummin' with a 1024...

01 April, 2011   

This sticky footer solution is working in all major browsers, including Google Chrome! It works with floated 2-column layouts and we don't get overlap in re-sized browser windows unlike older solutions you find when you Google sticky footer. And you don't need an empty push div.

You may create a back button like your browser has. The following script allows the visitor to press a button and returns the him to the previous page.