html

How does Zalgo text work?

by

The text uses combining characters, also known as combining marks. See section 2.11 of Combining Characters in the Unicode Standard (PDF). In Unicode, character rendering does not use a simple character cell model where each glyph fits into a box with given height. Combining marks may be rendered above, below, or inside a base character … Read more

Do I use , , or for SVG files?

by

I can recommend the SVG Primer (published by the W3C), which covers this topic: http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#SVG_in_HTML If you use <object> then you get raster fallback for free*: <object data=”https://stackoverflow.com/questions/4476526/your.svg” type=”image/svg+xml”> <img src=”https://stackoverflow.com/questions/4476526/yourfallback.jpg” /> </object> *) Well, not quite for free, because some browsers download both resources, see Larry’s suggestion below for how to get around that. … Read more

What is the difference between localStorage, sessionStorage, session and cookies?

by

This is an extremely broad scope question, and a lot of the pros/cons will be contextual to the situation. In all cases, these storage mechanisms will be specific to an individual browser on an individual computer/device. Any requirement to store data on an ongoing basis across sessions will need to involve your application server side … Read more

How to add a browser tab icon (favicon) for a website?

by

There are actually two ways to add a favicon to a website. <link rel=”icon”> Simply add the following code to the <head> element: <link rel=”icon” href=”http://example.com/favicon.png”> PNG favicons are supported by most browsers, except IE <= 10. For backwards compatibility, you can use ICO favicons. Note that you don’t have to precede icon in rel … Read more

Text-align class for inside a table

by

Bootstrap 3 v3 Text Alignment Docs <p class=”text-left”>Left aligned text.</p> <p class=”text-center”>Center aligned text.</p> <p class=”text-right”>Right aligned text.</p> <p class=”text-justify”>Justified text.</p> <p class=”text-nowrap”>No wrap text.</p> Bootstrap 4 v4 Text Alignment Docs <p class=”text-xs-left”>Left aligned text on all viewport sizes.</p> <p class=”text-xs-center”>Center aligned text on all viewport sizes.</p> <p class=”text-xs-right”>Right aligned text on all viewport sizes.</p> … Read more

Disable Auto Zoom in Input “Text” tag – Safari on iPhone

by

You can prevent Safari from automatically zooming in on text fields during user input without disabling the user’s ability to pinch zoom. Just add maximum-scale=1 but leave out the user-scale attribute suggested in other answers. It is a worthwhile option if you have a form in a layer that “floats” around if zoomed, which can … Read more

Adding a favicon to a static HTML page

by

You can make a .png image and then use one of the following snippets between the <head> tags of your static HTML documents: <link rel=”icon” type=”image/png” href=”https://stackoverflow.com/favicon.png”/> <link rel=”icon” type=”image/png” href=”https://example.com/favicon.png”/>