http://nicolasgallagher.com/micro-clearfix-hack/

&gt; The **clearfix hack** is a popular way **to contain floats** without resorting
&gt; to using presentational markup. This article presents an update to the
&gt; clearfix method that further reduces the amount of CSS required.

http://html5boilerplate.com/docs/The-style/#clearfix:

&gt; Adding `.clearfix` to an element will ensure that it always fully
&gt; contains its floated children. There have been many variants of the
&gt; clearfix hack over the years, and there are other hacks that can also
&gt; help you to contain floated children, but the H5BP currently provides
&gt; this micro clearfix helper class.
&gt; 
&gt; - `.clearfix:before, .clearfix:after { content: &quot;&quot;; display: table; }`  
&gt; This rule is understood by all browsers except for IE6/7. It generates
&gt; a pseudo-element before and after the content of the element that
&gt; contains floats. Setting `display: table` creates an anonymous
&gt; `table-cell` and a new block formatting context. This acts to prevent
&gt; top-margin collapse and improve the consistency between modern
&gt; browsers and IE6/7.
&gt;
&gt; - `.clearfix:after { clear: both; }`  
&gt; Makes the `:after` pseudo-element clear the floated children of this element,
&gt; thereby making the element expand to contain the floats.
&gt;
&gt; - `.clearfix { zoom: 1; }`  
&gt; Create new block formatting context in IE6/7 by triggering `hasLayout`

I see a number of questions on SO asking about ways to convert XML to JSON, but I&#39;m interested in going the other way. Is there a python library for converting JSON to XML?

------

**Edit:** Nothing came back right away, so I went ahead and wrote a script that solves this problem. 

Python already allows you to convert from JSON into a native dict (using `json` or, in versions &lt; 2.6, `simplejson`), so I wrote a library that converts native dicts into an XML string.

https://github.com/quandyfactory/dict2xml

It supports int, float, boolean, string (and unicode), array and dict data types and arbitrary nesting (yay recursion). 

I&#39;ll post this as an answer once 8 hours have passed.

Convert JSON to XML in Python

I have two activities marked with intent filter 

    &lt;manifest xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
    package=&quot;com.package&quot;
    android:versionCode=&quot;1&quot;
    android:versionName=&quot;1.0&quot; &gt;

    &lt;uses-sdk android:minSdkVersion=&quot;7&quot; /&gt;

    &lt;application
        android:name=&quot;.MyApp&quot;
        android:icon=&quot;@drawable/ic_launcher&quot;
        android:label=&quot;@string/app_name&quot; &gt;

        &lt;!-- work order activity --&gt;
        &lt;activity
            android:name=&quot;.app.WorkOrderActivity&quot;
            android:label=&quot;@string/work_order&quot;
            android:taskAffinity=&quot;com.package.task_for_work_order_activity&quot; &gt;
            &lt;intent-filter&gt;
                &lt;action android:name=&quot;android.intent.action.MAIN&quot; /&gt;

                &lt;category android:name=&quot;android.intent.category.LAUNCHER&quot; /&gt;
            &lt;/intent-filter&gt;
        &lt;/activity&gt;

        &lt;!-- inventory activity --&gt;
        &lt;activity
            android:name=&quot;.app.InventoryActivity&quot;
            android:label=&quot;@string/inventory&quot;
            android:taskAffinity=&quot;com.package.task_for_inventory_activity&quot; &gt;
            &lt;intent-filter&gt;
                &lt;action android:name=&quot;android.intent.action.MAIN&quot; /&gt;

                &lt;category android:name=&quot;android.intent.category.LAUNCHER&quot; /&gt;
            &lt;/intent-filter&gt;
        &lt;/activity&gt;
    &lt;/application&gt;

&lt;/manifest&gt;

The problem is, that when I&#39;m installing apk file, there is no activity shown, because, as I understood system can&#39;t specify what activity should be shown.

I just really need two activities shown in launcher, so please don&#39;t give advice about removing intent-filters from second activity, or if you do so provide me another way to show two icons in launcher.

Two launcher activities

In **bootstrap.css**

you can find either from Github &lt;link rel=&quot;stylesheet&quot; href=&quot;http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css&quot;&gt; or from http://twitter.github.com/bootstrap/#

Why does it use:

    .container:before, .container:after {
      display: table;
      content: &quot;&quot;;
      zoom: 1;
      }

      .row:before, .row:after {
       display: table;
       content: &quot;&quot;;
       zoom: 1;
       }
 
Why define display:table in .container:before/after and .row:before/after?

bootstrap.css: .container:before display table

In bootstrap.css
you can find either from Github <link rel="stylesheet" href="<a href=" http:="" twitter.github.com="" bootstrap="" 1.4.0="" bootstrap.min.css&#x26;quot;&#x22;="">http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css"> or from <a href="http://twitter.github.com/bootstrap/#" target="_blank" rel="noopener noreferrer">http://twitter.github.com/bootstrap/#</a>
Why does it use:
<pre><code class="hljs language-css">.container:before, .container:after {
 display: table;
 content: "";
 zoom: 1;
 }

 .row:before, .row:after {
 display: table;
 content: "";
 zoom: 1;
 }
</code></pre>
Why define display:table in .container:before/after and .row:before/after?

I have a question about rendering speed for the css3 transition property.

Suppose I have a number of elements:
    
    div, span, a {transition: all}

    div {margin: 2px}
    span {opacity: .5}
    a:hover {background-position: left top}

    div:hover {margin: -100px}
    span:hover {opacity: 1}
    a:hover {background-position: -5px top}

It&#39;s much more efficient to target all of the transitions for all of those elements using one declaration `div, span, a {transition: all}`. But my question is: would it be &quot;faster&quot; in terms of the smoothness and quickness of the animation rendering to target each element&#39;s specific transition property? For example:

    div {margin: 2px; transition: margin .2s ease-in}
    span {opacity: .5; transition: opacity .2s ease-in}
    a {background-position: left top; transition: background .2s ease-in}

    div:hover {margin: -100px}
    span:hover {opacity: 1}
    a:hover {background-position: -5px top}

My logic in asking this is that if the css &quot;engine&quot; has to search for &quot;all&quot; transition properties even if there is just one single property for an element, that it might slow things down.

Does anyone know if that&#39;s the case? Thanks!

CSS3 Transitions: Is &quot;transition: all&quot; slower than &quot;transition: x&quot;?

I would like to remove the hand cursor that appears when you hover over a hyperlink.

I have tried this css:

    a.link {
        cursor: pointer;
    }

And this:

    a.link {
        cursor: pointer !important;
    }

And still it changes to the hand when I hover over the link.

Does anyone have any ideas as to why this happens or a solution that would enable me to achieve this effect?

Is it possible to remove the hand cursor that appears when hovering over a link? (or keep it set as the normal pointer)

I&#39;ve got a `DIV` which has `contentEditable=true` so the user can edit it.  The problem is that it doesn&#39;t look like a text field, so it may not be clear to the user that it can be edited.

Is there a way that I can style the `DIV` so that it appears to the user like a text input field?

How do I make an editable DIV look like a text field?

The [mathematica.SE](http://mathematica.stackexchange.com) is currently in private beta and will open to the public in a few days. Stack Overflow and related sites use [prettify.js](http://code.google.com/p/google-code-prettify/), however Mathematica is not a supported language. It would be pretty awesome to have a custom highlighting script for our site, and I request the JavaScript and CSS community&#39;s help in developing a such a script and the accompanying CSS.

I&#39;ve listed below a few basic requirements such that it captures most of the features of Mathematica&#39;s default highlighting scheme (ignoring stuff that only the internal parser would know). I&#39;ve also named the colours generically – hexadecimal colour codes can be picked from the screenshots I&#39;ve provided (further below). I&#39;ve also added code samples to accompany the screenshots so that folks can test it out.

##Basic requirements
 1. **Comments**&lt;br&gt;
 These are entered as `(* comment *)`. So anything between these should be highlighted in gray.

 2. **Strings**&lt;br&gt;
 These are entered as `&quot;string&quot;`(single quotes are not supported), and should be highlighted in pink.

 3. **Operators/short hand notations**&lt;br&gt;
 Apart from the standard `+, -, *, /, ^, ==`, etc., Mathematica has several other operators and short hand notations. The most commonly encountered ones are:

        @, @@, @@@, /@, //@, //, ~, /., //., -&gt;, :&gt;, /:, /;, :=, :^=, =., 
        &amp;, |, ||, &amp;&amp;, _, __, ___, ;;, [[, ]], &lt;&lt;, &gt;&gt;, ~~, &lt;&gt;

 These, and parenthesis, brackets and braces should all be highlighted in black. 

 4. **Patterns objects and slots**&lt;br&gt;
 Pattern objects start with a letter and have either `_` or `__` or `___` attached, like for example, `x_`, `x__` and `x___`. These can also have additional letters following the underscore, as `x_abc`, etc. All of these should be highlighted in green. 

 Slots are `#` and `##` and can also be followed by an integer as `#1`, `##4`, etc., and should also be in green.

 Both of these (pattern objects and slots) are usually terminated by an operator/bracket/shortform from point 3 above.

 5. **Functions/variables**&lt;br&gt;
 Functions and variables is a rather loose terminology here, but serves for the purposes of this post. Anything not falling in the above 4 can be highlighted in black. Mathematica often uses backticks `` ` `` in code and should be considered part of the function/variable name. E.g., ``abcd`defg``. Dollar signs `$` anywhere in a variable name is to be treated just like a letter (i.e., nothing special).

For all of the above, if they appear inside strings, they should be treated as such, i.e. `&quot;@~#` should be highlighted in pink.

##Additional nice to haves:

 1. In the pattern objects in point 3 above, if the underscore(s) is followed by a `?` and then some letters, then the part following the `_` should be in black. E.g., in `x__?abc`, the `x__` part must be in green and the `?abc` in black. 
 2. if a function/variable starts with a capital letter, then it is highlighted in black. If it starts with a small letter, it is highlighted in blue. Internally, this differentiates built-in functions vs. user defined functions. However, the mathematica community (pretty much everywhere) sticks to this naming convention fairly well, so distinguishing the two would serve some purpose.

## Screenshots &amp; code samples:

###1. Simple examples
Here&#39;s a small example set, with a screenshot at the end showing how it looks in Mathematica:

    (*simple pattern objects &amp; operators*)
    f[x_, y__] := x Times @@ y  
    
    (*pattern objects with chars at the end and strings*)
    
    f[x_String] := x &lt;&gt; &quot;hello@world&quot; 
    
    (*pattern objects with ?xxx at the end*)
    
    f[x_?MatrixQ] := x + Transpose@x
    
    &lt;&lt; Combinatorica` (*example with backticks and inline comment*)
    
    (*Slightly more complicated example with a mix of stuff*)
    
    Developer`PartitionMap[Total, Range@1000, 3][[3 ;; -3]]~Partition~2 //
      Times @@@ # &amp;

![enter image description here][1]

###2. A real world example
Here&#39;s an example from [this answer of mine](https://stackoverflow.com/a/8578448/616736) that also indicates my point 2 in the &quot;Additional nice to haves&quot; section, i.e., lowercase stuff being highlighted in blue. 

Also, you might notice some of the variables highlighted in orange – I purposefully didn&#39;t include that as a requirement, as I think that&#39;s going to be a lot harder to do without a parser that knows Mathematica.

    prob = MapIndexed[#1/#2 &amp;, 
        Accumulate[
         EuclideanDistance[{0, 0}, #] &lt; 1 &amp; /@ arrows // Boole]]~N~4;
    
    Manipulate[
     Graphics[{White, Rectangle[{-5, -5}, {5, 5}], Red, Disk[{0, 0}, 1], 
       Black, Point[arrows[[;; i]]], 
       Text[Style[First@prob[[i]], Bold, 18, &quot;Helvetica&quot;], {-4.5, 4.5}]}, 
      ImageSize -&gt; 200], {i, Range[2, 20000, 1]}, 
     ControlType -&gt; Manipulator, SaveDefinitions -&gt; True]

![enter image description here][2]

##Is this feasible? Too much? Too hard? Impossible?
Quite frankly, I don&#39;t know the answer to any of those. I just listed some basic features that everyone on mathematica.SE would love to have and some additional stuff that would be a cherry on the top. However, do let me know if these are too difficult to implement. We can work out a smaller subset of features. 

In recognition of this help, you all have the Mathematica community&#39;s eternal gratitude and in addition, **I&#39;ll award a 500 bounty to each person that contributes significantly to this** (if it&#39;s done in parts by different folks) – I&#39;ll rely on your votes/comments/output on the answers to decide what&#39;s significant (perhaps more than one bounty to one person if they do all the work). **Implementing the &quot;Additional nice to haves&quot; gets an automatic +500 regardless of previous bounties**, so you can also build upon the work of others even if you don&#39;t do the first half. I might also periodically place smaller bounties to attract users who might not have seen this question, so if you happen to earn those bounties, they&#39;ll be in addition to the &quot;bounty to reward an existing answer&quot; which will be decided towards the end. 

Lastly, I&#39;m not in a hurry. So please take your time with this question. The bounty is always an option until it is implemented by SE (or if it has been determined that existing answers satisfy the requirements completely). Ideally, I&#39;m hoping to get this implemented 2/3rs of our way into the beta, which is 2 months from now.


  [1]: http://i.stack.imgur.com/q90D6.png
  [2]: http://i.stack.imgur.com/2uiRn.png

Can prettify.js be extended to support Mathematica?

I was wondering how we can make a HTML element like `&lt;div&gt;` or `&lt;p&gt;` tag element resizable when clicked using pure JavaScript, not the jQuery library or any other library.

How to make HTML element resizable using pure Javascript?

I&#39;m currently using popovers with Twitter Bootstrap, initiated like this:

    $(&#39;.popup-marker&#39;).popover({
    		html: true,
    		trigger: &#39;manual&#39;
    	}).click(function(e) {
    		$(this).popover(&#39;toggle&#39;);
    		e.preventDefault();
    	});

As you can see, they&#39;re triggered manually, and clicking on .popup-marker (which is a div with a background image) toggles a popover. This works great, but I&#39;d like to also be able to close the popover with a click anywhere else on the page (but not on the popover itself!).

I&#39;ve tried a few different things, including the following, but with no results to show for it:

    $(&#39;body&#39;).click(function(e) {
		$(&#39;.popup-marker&#39;).popover(&#39;hide&#39;);
	});

**How can I close the popover with a click anywhere else on the page, but not with a click onthe popover itself?**

How can I close a Twitter Bootstrap popover with a click from anywhere (else) on the page?

I have an HTML table of rows tied to database rows. I&#39;d like to have a &quot;delete row&quot; link for each row, but I would like to confirm with the user beforehand.

Is there any way to do this using the Twitter Bootstrap modal dialog?



Confirm deletion in modal / dialog using Twitter Bootstrap?

I would like advice on whether to use HTML 5 Boilerplate or Twitter Bootstrap for a web application which may use JQuery UI controls. 

Also is it possible for me to replace the Bootstrap controls with JQuery UI equivalents? 

Thanks in advance

Stephen 

HTML5 Boilerplate vs Twitter Bootstrap with JQuery and JQueryUI

I am using Twitter Bootstrap and I want to use an &quot;auto-suggest&quot; which is not available in Bootstrap, whereas jQuery UI has its own methods for auto-suggest.

Can I use both? Will it overload the bandwidth?

Can I use Twitter Bootstrap and jQuery UI at the same time?

I&#39;m using Twitter Bootstrap, and have a Google map.

Images on the map, such as marker are being skewed by the CSS in Bootstrap.

In the Bootstrap CSS there is:

    img {
        border: 0 none;
        height: auto;
        max-width: 100%;
    }

When I disable the `max-width` property using Firebug, the marker image appears as normal.
How can I prevent the Bootstrap CSS from affecting the Google maps images?



Content Type	Original Author	Original Content on Stackoverflow
Question	user1159485	View Question on Stackoverflow
Solution 1 - Css	thirtydot	View Answer on Stackoverflow

bootstrap.css: .container:before display table

Css Problem Overview

Css Solutions

Solution 1 - Css

Two launcher activities

Convert JSON to XML in Python

Attributions