Browser Snippets


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

29 August, 2011   

An example of Cross-Browser Min Height

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).

27 February, 2014   

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

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.

15 March, 2011   

Some people are unaware that it is possible to change the color when you highlight text in your browser. It is so easy to with two selectors; just be careful you don’t ruin your site with it.

26 January, 2011   

The <!-- --> stuff is the HTML comment. It is a way to add notes into the code which will not display when the HTML is rendered by the browser. In the example above, to signify which opening div tag the closing tag was actually closing.

29 July, 2012   

The <!-- --> stuff is the HTML comment. It is a way to add notes into the code which will not display when the HTML is rendered by the browser. In the example above, to signify which opening div tag the closing tag was actually closing.

22 March, 2014   

You can display your link description in the status bar of your browser.