Remember that not all requests to your site are for HTML pages! Requests for non-HTML content, like bare image files (e.g, viewing http://example.com/image.jpeg directly in the browser), cannot see a `&lt;link&gt;` tag. Therefore, they must fall back to searching for the shortcut icon in the standard location at `/favicon.ico`.

This still doesn&#39;t mean that this needs to be the canonical location, though! You can still keep it in `/images/favicon.ico` if you want - just make sure that a redirect is in place from `/favicon.ico` to wherever your preferred location is.

I&#39;m having some trouble turning off the animation with charts.js.

This is my code:
    &lt;script&gt;
    
    var pieData = [
        {
            value: 30,
            color:&quot;#F38630&quot;
        },
        {
            value : 50,
            color : &quot;#E0E4CC&quot;
        },
        {
            value : 100,
            color : &quot;#69D2E7&quot;
        }    
    ];
    
    var myPie = new Chart(document.getElementById(&quot;canvas&quot;).getContext(&quot;2d&quot;)).Pie(pieData);
    


Can anyone provide an example?

Disable Animation with Charts.js

Soundcloud&#39;s API gives the duration of it&#39;s tracks as milliseconds. JSON looks like this:

    &quot;duration&quot;: 298999

I&#39;ve tried many functions I found on here to no avail. I&#39;m just looking for something to convert that number to something like looks like this:

    4:59

Here&#39;s one that got close, but doesn&#39;t work. It doesn&#39;t stop the seconds at 60. It goes all the way to 99 which makes no sense. Try entering &quot;187810&quot; as a value of ms, for example.

    var ms = 298999,
    min = Math.floor((ms/1000/60) &lt;&lt; 0),
    sec = Math.floor((ms/1000) % 60);

    console.log(min + &#39;:&#39; + sec);

Thanks for your help!

If you could add in support for hours, too, I would be grateful.

Converting milliseconds to minutes and seconds with Javascript

When and how do browsers request the favicon.ico file? Do they always check for it in root, or do they read the content of the webpage first to see if the page specifies the location?

I have my favicon.ico path in /images
There is the following tag in each of my pages:

    &lt;link rel=&quot;shortcut icon&quot; href=&quot;images/favicon.ico&quot;&gt;

When I load the page in my browser, it seems to work (I can see the file), but I don&#39;t know whether they are making bad requests to my root folder first (where the file doesn&#39;t exist), and are later making a request to the link.

I want to minimze 404&#39;s and wasted bandwidth, by the browser making incorrect calls to my site.

EDIT: I&#39;m looking for some insight into how browsers work, and request this file, so my site structure is efficient.

Is putting your favicon.ico file in a non-root path a bad idea?

When and how do browsers request the favicon.ico file? Do they always check for it in root, or do they read the content of the webpage first to see if the page specifies the location?
I have my favicon.ico path in /images
There is the following tag in each of my pages:
<pre><code class="hljs language-ini">&#x3C;link rel="shortcut icon" href="images/favicon.ico">
</code></pre>
When I load the page in my browser, it seems to work (I can see the file), but I don't know whether they are making bad requests to my root folder first (where the file doesn't exist), and are later making a request to the link.
I want to minimze 404's and wasted bandwidth, by the browser making incorrect calls to my site.
EDIT: I'm looking for some insight into how browsers work, and request this file, so my site structure is efficient.

I am rendering some html in a webview that is embedded in a table cell.  For some reason there is a black line at the bottom of the webview.  I tried setting the background color of the webview and its scrollview to white but this did not change anything.  Has anyone seen this before?![UIWebView with black line at bottom][1]


  [1]: http://i.stack.imgur.com/KlUCC.png

Here is the HTML that is being rendered:

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;

    &lt;html&gt;
    &lt;head&gt;
    
        &lt;style type=&quot;text/css&quot;&gt;
    a {text-decoration:none;background-color:white;}
        &lt;/style&gt;
    
        &lt;title&gt;&lt;/title&gt;
    &lt;/head&gt;
    
    &lt;body style=&quot;margin:0;padding:0;background-color:white;&quot;&gt;
        &lt;a href=&quot;http://body/&quot; style=
        &quot;font-family:HelveticaNeue-Light;font-size:20.000000;color:black;-webkit-tap-highlight-color:rgba(0,0,0,0);&quot;&gt;
        Portland Blazers vs Golden State Warriors | FULL Highlights | January 26 ,
        2014 | NBA 2013-14 Season&lt;/a&gt;&lt;span style=
        &quot;font-family:HelveticaNeue;font-size:12.000000;color:rgb(102,102,102);white-space:nowrap;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=2TfldZ4w57E&amp;amp;feature=youtube_gdata_player&quot;
        style=
        &quot;font-family:HelveticaNeue;font-size:12;color:rgb(102,102,102);-webkit-tap-highlight-color:rgba(0,0,0,0);&quot;&gt;&lt;img height=&quot;12&quot;
        src=&quot;file:link@2x.png&quot; width=&quot;20&quot;&gt;www.youtube.com&lt;/a&gt;&lt;/span&gt;
    &lt;/body&gt;
    &lt;/html&gt;

This is on iOS7.

**UPDATE:** I&#39;m still not sure what is causing the black line to appear but I managed to get rid of it by changing how I setup my layout constraints.  Before I was setting constraints for the spacing around the views and letting the layout system figure out the size that the view should be.  I changed it to explicitly set a height constraint of the webview when the webview finishes loading its content.  This seems to have fixed the issue but I still do not understand where the black line was coming from.

Black line appearing at bottom of UIWebView. How to remove?

I&#39;m sending an e-mail newsletter in HTML. 
Inside the HTML I have something like


`&lt;img height=&#39;70&#39; width=&#39;70&#39; style=&#39;display:block&#39; src=&#39;myDomain.com/imageName.png&#39;&gt;`


When I open the newsletter with Thunderbird or Outlook, the image is being displayed. However, when I open it with Gmail, no image is shown.
I&#39;m not sure if it&#39;s about the proxy that Gmail uses for security reasons or if it&#39;s something else. Either way, I&#39;d like to know if anyone ever came across this and if so, how it was solved.

HTML image not showing in Gmail

I have a website that a lot of people view on mobile.
I have link for : Call and SMS and I want to add one for Whatsapp, so a user can click the whatsapp link I create and start a conversation with me.

If this is possible can someone point me in the right direction on how?

Add Whatsapp function to website, like sms, tel

I want to use XPath to get the `href` attribute from an `a`-tag, but it has two occurrences within the same file. How am I getting along?
I need to check IF there is an `href` attribute with value $street/object, I have got this code and it does not work:

    $product_photo     = $xpath-&gt;query(&quot;//a[contains(@href,&#39;{$object_street}fotos/&#39;)][1]&quot;);
            $product_360       = $xpath-&gt;query(&quot;//a[contains(@href,&#39;{$object_street}360-fotos/&#39;)][1]&quot;);
            $product_blueprint = $xpath-&gt;query(&quot;//a[contains(@href,&#39;{$object_street}plattegrond/&#39;)][1]&quot;);
            $product_video     = $xpath-&gt;query(&quot;//a[contains(@href,&#39;{$object_street}video/&#39;)][1]&quot;);

It does not return anything at all. Who can help me out?

XPath Query: get attribute href from a tag

In a project recently when I loaded a sound with 

    var myAudio = new Audio(&quot;myAudio.mp3&quot;);
    myAudio.play();

It played fine unless a dialogue was opened (ie alert, confirm). However when I instead tried adding an audio tag in my html

    &lt;audio id=&quot;audio1&quot;&gt;
    	&lt;source src=&quot;alarm.mp3&quot; type=&quot;audio/mpeg&quot; /&gt;
    &lt;/audio&gt;

and using

    var myAudio1 = document.getElementById(&quot;audio1&quot;);
    myAudio1.play()

it continued to play after a dialogue was opened. Does anyone know why this is? Also more generally what are the differences between the two ways to play sounds?

javascript Audio object vs. HTML5 Audio tag

I would like to observe the contents of a POST request whose successful completion results in a `location.reload()` - when I try to capture this request in the Network Panel of the Firefox developer tools, I find that the page reload clears the list of captured events. Can I prevent this clearing?

Can I prevent the Firefox developer tools network panel from clearing on page reload?

I&#39;m studying an application developed by our company. It uses the Apache HttpClient library. In the source code it uses the `HttpClient` class to create instances to connect to a server. 

I want to learn about Apache HttpClient and I&#39;ve gone trough [this set of examples][1]. All the examples use `CloseableHttpClient` instead of `HttpClient`. So I think `CloseableHttpClient` is an extended version of `HttpClient`. If this is the case I have two questions:

- What is the difference between these two?
- Which class is recommended to use for my new development?

  [1]: http://hc.apache.org/httpcomponents-client-ga/examples.html


What is the difference between CloseableHttpClient and HttpClient in Apache HttpClient API?

I am using a `PUT` request in my Rails application. Now, a new HTTP verb, `PATCH` has been implemented by browsers. So, I want to know what the main difference between `PATCH` and `PUT` requests are, and when we should use one or the other. 

What is the main difference between PATCH and PUT request?

Upon reading stuffs about POST and get methods [here](https://stackoverflow.com/questions/3063530/whats-the-difference-between-get-and-post-encryption) there is a statement like &quot; when used post method it uses HTTP request Body . What Does it mean &quot; HTTP request body&quot;.? 

What does it mean http request body?

I would like to create a very simple C application that does an HTTP post.  It will take a few parameters, and use these to construct a URL.  I&#39;d just like to do a simple HTTP POST and get the response without the use of curl (the libraries are not and will not be installed on the machine this needs to run).

Pseudo-code:

1. Process 2 args

2. Put args into template URL: http://api.somesite.com/apikey=ARG1&amp;command=ARG2

3. Do POST on generated URL

4. Consume response

My Google and SO searches haven&#39;t yielded anything on this matter.

Simple C example of doing an HTTP POST and consuming the response

I am planning to move away from &quot;floaty&quot; layouts and use CSS flexbox for future projects. I was delighted to see that all major browsers in their current versions seem to support (in one way or another) flexbox.

I headed over to [&quot;Solved by Flexbox&quot;][1] to look at some examples. However the &quot;Sticky Footer&quot; example does not seem to work in Internet&amp;nbsp;Explorer&amp;nbsp;11. I played around a bit and got it to work by adding `display:flex` to the `&lt;html&gt;` and `width:100%` to the `&lt;body&gt;`

So my first question is: Can anybody explain that logic to me? I just fiddled around and it worked, but I don&#39;t quite understand *why* it worked that way...

Then there is the &quot;Media Object&quot; example that works in all browsers except for - you guessed it - Internet&amp;nbsp;Explorer. I fiddled around with that, too, but without any success.

My second question therefore is: Is there a &quot;clean&quot; possibility to get the &quot;Media Object&quot; example working in Internet&amp;nbsp;Explorer?

  [1]: http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/


Flexbox and Internet Explorer 11 (display:flex in &lt;html&gt;?)

I&#39;m trying to style a file upload button to my personal preferences, but I couldn&#39;t find any really solid ways to do this without JS. I did find [two](https://stackoverflow.com/q/3226167/1256925) [other](https://stackoverflow.com/q/3606876/1256925) questions about this subject, but the answers there either involved JavaScript, or suggested [Quirksmode&#39;s approach](http://www.quirksmode.org/dom/inputfile.html).

My major issue with this Quirksmode&#39;s approach is that the file button will still have the browser-defined dimensions, so it won&#39;t automatically adjust to whatever&#39;s used as button that&#39;s placed below it. I&#39;ve made some code, based on it, but it will just take up the space the file button would normally take up, so it won&#39;t at all fill the parent div like I want it to.

**HTML:**

    &lt;div class=&quot;myLabel&quot;&gt;
        &lt;input type=&quot;file&quot;/&gt;
        &lt;span&gt;My Label&lt;/span&gt;
    &lt;/div&gt;

**CSS:**

    .myLabel {
        position: relative;
    }
    .myLabel input {
        position: absolute;
        z-index: 2;
        opacity: 0;
        width: 100%;
        height: 100%;
    }

[**This fiddle**](http://jsfiddle.net/KY42f/1/) demonstrates how this approach is quite flawed. In Chrome, clicking the `!!` below the second demo button will open the file dialog anyway, but also in all other browsers, the file button doesn&#39;t take up the correct areas of the button.

Is there any more solid way to style the file upload button, without any JavaScript, and preferably using as little &#39;hacky&#39; coding as possible (since hacking usually brings other problems along with it, such as the ones in the fiddle)?

Cross-browser custom styling for file upload button

`&lt;a ping=&quot;...&quot;&gt;` is a relatively new, relatively unknown attribute in HTML5&#39;s anchor element.

How cross-browser compliant is it?

I&#39;ve looked at online sources like MDN and http://caniuse.com, but found nothing that suggest browser support.

I want to know if it&#39;s a viable option for link tracking today in 2014.

How cross browser is the ping attribute of anchor elements?

How do you definitively detect whether or not the user has pressed the back button in the browser? 

How do you enforce the use of an in-page back button inside a single page web application using a `#URL` system? 

Why on earth don&#39;t browser back buttons fire their own events!?


How to Detect Browser Back Button event - Cross Browser

Google Fonts seems to only offer fonts in WOFF2.

While this works fine with Chrome, [WOFF2 doesn&#39;t seem to be supported by many other browsers][1]

Is there a way to directly link to Google fonts hosted on their CDN in a format other than WOFF2?


  [1]: http://caniuse.com/#feat=woff2

How can I download WOFF files from Google Fonts?

To get to the IP address of an example website, you just visit

    subdomain.example.com

However, if I try to visit

    subdomain.2.1.33.111 (example ip)

Firefox returns an error.  
Why?

How to access the subdomain of an IP address in the browser?

Say I have a [single-page application](http://espy.github.io/ubersicht/) that uses a third party API for content. The app’s logic is in-browser only; there is no backend I can write to.

To allow deep-linking into the state of the app, I use `pushState()` to keep track of a few variables that determine the state of the app. (Note that Ubersicht’s public version doesn’t do this yet.) 

* **Variables:** `repos`, `labels`, `milestones`, `username`, `show_open` (bool), `with_comments` (bool), and `without_comments` (bool).
* **URL format:** `?label=label_1,label_2,label_3&amp;repos=repo_1…`. 
* **Values:** the usual suspects. Roughly, `[a-zA-Z][a-zA-Z0-9_-]`, or any boolean indicator.

So far so good. 

Now, since the query string can be a bit long and unwieldy and I would like to be able to pass around URLs like `http://espy.github.io/ubersicht/?state=SOMOPAQUETOKENTHATLOSSLESSLYDECOMPRESSESINTOTHEORIGINALVALUES#hoodiehq`, the shorter the better.

My first attempt was going to be using some zlib-like algorithm for [this](https://github.com/imaya/zlib.js). Then @flipzagging pointed to [antirez/**smaz**](https://github.com/antirez/smaz), which looks more suitable for short strings. ([JavaScript version here]( https://github.com/personalcomputer/smaz.js).)

Since `=` and `&amp;` are not specifically handled in the Javascript version (see [line 9 of the main lib file](https://github.com/personalcomputer/smaz.js/blob/master/lib/smaz.js#L9)), we might be able to tweak things a little there.

Furthermore, there is an option for encoding the values in a fixed table. With this option, the order of arguments is pre-defined and all we need to keep track of is the actual value. Example: turn `a=hamster&amp;b=cat` into `7hamster3cat` (length+chars) or `hamster|cat` (value + `|`), potentially before the smaz compression.

Is there anything else I should be looking for?


How to compress URL parameters

I searched Stack Overflow and Google for the specific error message in the title, but I did not find it (in the context of JavaScript coding, not browser settings). On my site, there are five functions that are called every 10 seconds. These functions do things such as:

1. Check the user&#39;s inbox for new emails
2. Check the user&#39;s account for new instant messages
3. etc.

However, if the user is logged in, but is INACTIVE (does not use the mouse or press any keys) for about 15 minutes, I get the following error message when I &quot;Inspect Element&quot; with Chrome:

    Failed to load resource: net::ERR_NETWORK_IO_SUSPENDED // (x 5)
    Uncaught Type Error: Cannot read property &#39;combinedfiletimeinput&#39; of undefined //one of my previously defined form values is now not defined

At this point, the user&#39;s new email count, new IM count, etc. go blank (whereas they were integers before). All the user has to do is refresh the page or go to another page to reconnect, so it&#39;s not a huge deal.

My hack solution is to use a JavaScript timer to automatically logout the user if there is not any of the following events in a 15 minute period:

1. Mouse click
2. Mouse movement
3. Key press

Is there a way to prevent this &quot;Failed to load resource&quot; error from occurring?

UPDATE: This seems to occur when the user&#39;s device sleeps/hibernates while still logged on...when the user restarts the device. This is when the error message can be seen on Chrome&#39;s Inspect Element, Firebug, etc.

UPDATE 10/02/2014: I have now condensed the five setTimeout functions into one large setTimeout function. In addition, the form that held the modify times in an input called &quot;combinedfiletimeinput&quot; has been removed and I now handle the file modify times differently. 

Here is a screenshot of the Chrome Developer Tools log showing the error. I have added &quot;mysite&quot; in place of my site&#39;s name and &quot;filename&quot; in place of the actual filename. I have also whited out the name of the external JavaScript file, and all that remains is .js (sorry, but I&#39;m just trying to be careful :) ) I cut off some of the screenshot, so the text would be large enough to read.

![Chrome Screenshot][1]

As you can see by the screenshot, the request processes OK for the first three requests. Then I &quot;sleep&quot;ed my device and then turned my device back on. That&#39;s where the next two requests are errors (in red). After these first two errors, the requests begin to process normally again (rows with black text, after rows with red text). The console clearly shows the error message.

  [1]: http://i.stack.imgur.com/j8pSR.png


Failed to load resource: net::ERR_NETWORK_IO_SUSPENDED

I was reading the Favicon page on Wikipedia. They mention the HTML 5 spec for Favicon: 

&gt; The current HTML5 specification recommends specifying size icons in multiple sizes using the attributes rel=&quot;icon&quot; sizes=&quot;space-separated list of icon dimensions&quot; within a &lt;link&gt; tag. [[source][1]] Multiple icon formats, including container formats such as Microsoft .ico and Macintosh .icns files, as well as Scalable Vector Graphics may be provided by including the icon&#39;s content type in the form of type=&quot;file content-type&quot; within the &lt;link&gt; tag.

Looking at the cited article (W3) they show this example: 

    &lt;link rel=icon href=favicon.png sizes=&quot;16x16&quot; type=&quot;image/png&quot;&gt;
    &lt;link rel=icon href=windows.ico sizes=&quot;32x32 48x48&quot; type=&quot;image/vnd.microsoft.icon&quot;&gt;
    &lt;link rel=icon href=mac.icns sizes=&quot;128x128 512x512 8192x8192 32768x32768&quot;&gt;
    &lt;link rel=icon href=iphone.png sizes=&quot;57x57&quot; type=&quot;image/png&quot;&gt;
    &lt;link rel=icon href=gnome.svg sizes=&quot;any&quot; type=&quot;image/svg+xml&quot;&gt;

My question is do any browsers support the HTML 5 method? 

Note: I know Apple uses their `apple-touch-icon` meta tag method over the HTML5 method.

The wikipedia article claims:

&gt; The Google Chrome web browser however, will select the closest matching size from those provided in the HTML headers to create 128&#215;128 pixel application icons when the user chooses the Create application shortcuts... from the &quot;Tools&quot; menu.

How does Internet Explorer (v9 to v11) and Firefox handle this? And is the article correct in how Chrome handles the HTML Favicons? (There is no source cited for Chrome confirming this.) 

In searching I wasn&#39;t able to really find any (credible) info on HTML 5 Favicon other than the Wikipedia Article.

  [1]: http://www.w3.org/html/wg/drafts/html/master/links.html#rel-icon

HTML 5 Favicon - Support?

I am using [Selenium][1] to launch a browser. How can I deal with the webpages (URLs) that will ask the browser to accept a certificate or not?

In Firefox, I may have a website like that asks me to accept its certificate like this:

![Firefox][2]

On the Internet Explorer browser, I may get something like this:

![Enter image description here][3]

On Google Chrome:

![Google Chrome][4]

I repeat my question: **How can I automate the acceptance of a website&#39;s certificate when I launch a browser (Internet Explorer, Firefox and Google Chrome) with Selenium (Python programming language)**?

  [1]: http://en.wikipedia.org/wiki/Selenium_%28software%29
  [2]: http://i.stack.imgur.com/xoJrB.jpg
  [3]: http://i.stack.imgur.com/VKHOv.jpg
  [4]: http://i.stack.imgur.com/KpZFM.png


Content Type	Original Author	Original Content on Stackoverflow
Question	Rahul Iyer	View Question on Stackoverflow
Solution 1 - Html	user149341	View Answer on Stackoverflow

Is putting your favicon.ico file in a non-root path a bad idea?

Html Problem Overview

Html Solutions

Solution 1 - Html

Converting milliseconds to minutes and seconds with Javascript

Disable Animation with Charts.js

Attributions