How do I print coloured characters to a Linux terminal that supports it?

How do I tell whether the terminal supports colour codes?


How do I output coloured text to a Linux terminal?

I submitted my app a little over a week ago and got the dreaded rejection email today. It tells me that my app cannot be accepted because I&#39;m using a non-public API; specifically, it says,
&gt;The non-public API that is included in your application is firstResponder.


Now, the offending API call is actually a solution I found here on SO:


    UIWindow *keyWindow = [[UIApplication sharedApplication] keyWindow];
    UIView   *firstResponder = [keyWindow performSelector:@selector(firstResponder)];

How do I get the current first responder on the screen? I&#39;m looking for a way that won&#39;t get my app rejected.

Get the current first responder without using a private API

I have a favicon with the dimensions of height=26px / width=20px named favicon.png

    &lt;link href=http://www.example.com/images/favicon.png rel=&quot;shortcut icon&quot; /&gt;

However, in my browser, my favicon.png is all distorted.

**Question**: Is my favicon.png supposed to be a particular size? Also, can I use a non-standard size/dimension and if so, how?



Favicon dimensions?

I have a favicon with the dimensions of height=26px / width=20px named favicon.png
<pre><code class="hljs language-bash">&#x3C;link href=http://www.example.com/images/favicon.png rel="shortcut icon" />
</code></pre>
However, in my browser, my favicon.png is all distorted.
Question: Is my favicon.png supposed to be a particular size? Also, can I use a non-standard size/dimension and if so, how?

I can set a radio button to checked fine, but what I want to do is setup a sort of &#39;listener&#39; that activates when a certain radio button is checked. 

**Take, for example the following code:** 

    $(&quot;#element&quot;).click(function()
    { 
        $(&#39;#radio_button&#39;).attr(&quot;checked&quot;, &quot;checked&quot;);
    });

it adds a checked attribute and all is well, but how would I go about
adding an alert. For example, that pops up when the radio button is checked
without the help of the click function?


Find out whether radio button is checked with JQuery?

How do I remove the extra space between the rows and columns in the table.

I&#39;ve tried changing the margin, padding, and various border properties on the table and tr and td.

I want the pictures to all be right next to each other to look like one big image.

How should I fix this?

**CSS**

    table {
      border-collapse: collapse;
    }

**HTML**

    &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;
            &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;&gt;
    
    &lt;head&gt;
      &lt;title&gt;Tera Byte Video Game Creation Camp&lt;/title&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;&gt;&lt;/link&gt;
    &lt;/head&gt;
    
    &lt;body&gt;
      &lt;table class=&quot;mytable&quot; align=&quot;center&quot;&gt;
        &lt;tr class=&quot;header&quot;&gt;
          &lt;td colspan=&quot;3&quot;&gt;&lt;img src=&quot;images/home_01.png&quot; /&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class=&quot;top&quot;&gt;
          &lt;td colspan=&quot;3&quot;&gt;&lt;img src=&quot;images/home_02.png&quot; /&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class=&quot;link-row&quot;&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_03.png&quot; /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_04.png&quot; /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_05.png&quot; /&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class=&quot;link-row&quot;&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_07.png&quot; /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_06.png&quot; /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_08.png&quot; /&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class=&quot;link-row&quot;&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_09.png&quot; /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_10.png&quot; /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_11.png&quot; /&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class=&quot;link-row&quot;&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_12.png&quot; /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_13.png&quot; /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&quot;images/home_14.png&quot; /&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class=&quot;bottom&quot;&gt;
          &lt;td colspan=&quot;3&quot;&gt;&lt;img src=&quot;images/home_15.png&quot; /&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
    
    &lt;/body&gt;
    
    &lt;/html&gt;

How to remove unwanted space between rows and columns in table?

I have tried to change the images on my site from `img` to `svg`, changing `img` tags to `embed` and `object` tags. But, implementing the `onclick` function, which previously was contained in the `img` tag, is proving most difficult.

I found `onclick` had no effect when placed inside the `object` or `embed` tag.

So, I made a `div` exclusively for the svg, and placed `onclick` in this `div` tag.  But, no effect unless visitor clicks on the edges/padding of the image.

I have read about overlaying a `div`, but am trying to avoid using `absolute` positioning, or specifying `position` at all.

Is there another way to apply onclick to a svg?

Has anyone encountered this problem? Questions and suggestions are welcome.

Making an svg image object clickable with onclick, avoiding absolute positioning

I am looking for a way to create html files dynamically in python.  I am writing a gallery script, which iterates over directories, collecting file meta data.  I intended to then use this data to automatically create a picture gallery, based on html.  Something very simple, just a table of pictures.  


I really don&#39;t think writing to a file manually is the best method, and the code may be very long.  So is there a better way to do this, possibly html specific?

Creating HTML in python

It seems that fieldset defaults to 100% width of its container. Is there any way that you can have the field set just be as big as the widest control inside the fieldset?


Is there any way to have a fieldset width only be as wide as the controls in them?

How do I set a little icon next to the website title on tabs in the web browser?

HTML set image on browser tab

I want to have an image on the title in an HTML page (i.e on the tab along with the title). How can I do that?


HTML Title Image

From: JPG, To: ICO;

    /usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.jpg \
    -transparent white -colors 256 output/favicon.ico 

This is the output for the command line.

From: GIF&#39;s, PNG To: ICO;

    /usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.png \
    -flatten -colors 256 output/favicon.ico 

I am having issues with transparency. I can&#39;t seem to get the right code for it, i have tried -channel alpha -negate, etc

This creates an image and when i apply to the site, it works with Firefox but none of the other browsers. IE, Chrome, Opera and Safari all hate it for some reason, it is a simple favicon.ico file. My conclusion is it must be my command somewhere is breaking. Please help?

Converting GIF&#39;s, PNG&#39;s and JPG&#39;s to .ICO files using Imagemagick

I&#39;d like to use a single image as both a regular favicon and iPhone/iPad friendly favicon. 

Is this possible? Would an iPad-friendly 72&#215;72 PNG scale if linked to as a regular browser favicon? Or do I have to use a separate 16&#215;16 or 32&#215;32 image?

Does a favicon have to be 32&#215;32 or 16&#215;16?

I&#39;ve been working on a website and I&#39;d like to add a small icon to the browser tab.

How can I do this in HTML and where in the code would I need to place it (e.g. header)? I have a `.png` logo file that I&#39;d like to convert to an icon.

Related: https://stackoverflow.com/questions/2359866/html-set-image-on-browser-tab.

Favicon dimensions?

Html Problem Overview

Html Solutions

Get the current first responder without using a private API

How do I output coloured text to a Linux terminal?

Attributions