There&#39;s `git add -p` to stage changes and `git checkout -p` to discard changes interactively. How can I unstage changes from index by hunks? 

(I thought that `git unstage -p` or `git reset HEAD -p` might work.)

Git interactive unstage part of a file or by hunks

I use VIM pretty regularly now but I never use the dot (.) command to repeat the previous action. I keep reading about how awesome it is but I never see any real world examples that make sense to me and the way I code in VIM. What are some real world examples that show how awesome the dot (.) command is?

Why the dot (.) command is so useful in VIM?

&gt; **Possible Duplicate:**  
&gt; [How to properly vertically align an image](https://stackoverflow.com/questions/7273338/how-to-properly-vertically-align-an-image)  

&lt;!-- End of automatically inserted text --&gt;

Image size changes but the div size is fixed

These are CSS but not working. Is it possible to achieve this without using background feature of CSS.

This is CSS class which image is inserted in.


        .PI
    {
        top: 25px;
        position: absolute;
        width: 239px;
        height: 120px;
    	line-height:120px;
        text-align: center;
    	left:-2px;
    	  border-top: 1px solid #f7f7f7;
       background: #b5aeb1;
       background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#b5aeb1));
       background: -webkit-linear-gradient(top, #d9d9d9, #b5aeb1);
       background: -moz-linear-gradient(top, #d9d9d9, #b5aeb1);
       background: -ms-linear-gradient(top, #d9d9d9, #b5aeb1);
       background: -o-linear-gradient(top, #d9d9d9, #b5aeb1);
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
       border-radius: 8px;
       -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
       -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
       box-shadow: rgba(0,0,0,1) 0 1px 0;
       text-decoration: none;
       vertical-align: middle;	
    }
    
    .PI img
    {
    margin: auto;
    vertical-align: middle;  
    }



How to vertical align image inside div

> Possible Duplicate: 
> <a href="https://stackoverflow.com/questions/7273338/how-to-properly-vertically-align-an-image" target="_blank" rel="noopener noreferrer">How to properly vertically align an image</a>

Image size changes but the div size is fixed
These are CSS but not working. Is it possible to achieve this without using background feature of CSS.
This is CSS class which image is inserted in.
<pre><code class="hljs language-css"> .PI
{
 top: 25px;
 position: absolute;
 width: 239px;
 height: 120px;
	line-height:120px;
 text-align: center;
	left:-2px;
	 border-top: 1px solid #f7f7f7;
 background: #b5aeb1;
 background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#b5aeb1));
 background: -webkit-linear-gradient(top, #d9d9d9, #b5aeb1);
 background: -moz-linear-gradient(top, #d9d9d9, #b5aeb1);
 background: -ms-linear-gradient(top, #d9d9d9, #b5aeb1);
 background: -o-linear-gradient(top, #d9d9d9, #b5aeb1);
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
 box-shadow: rgba(0,0,0,1) 0 1px 0;
 text-decoration: none;
 vertical-align: middle;	
}

.PI img
{
margin: auto;
vertical-align: middle; 
}
</code></pre>

I want to style the caret of a focused `&lt;input type=&#39;text&#39;/&gt;`. Specifically, the color and thickness.

Styling text input caret

I&#39;ve just discovered Sass, and I&#39;ve been so excited about it. 

In my website I implement a tree-like navigation menu, styled using the [_child combinator_](https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator) (`E &gt; F`). 

Is there any way to _rewrite_ this code with a simpler (or better) syntax in Sass?

    #foo &gt; ul &gt; li &gt; ul &gt; li &gt; a {
      color: red;
    }

Sass and combined child selector

Is it possible to specify a position (left or right hand side) for the placement of a vertical scrollbar on a div?

For example look at [this page ][1] which explains how to use the overflow attribute. Is there some way of placing that scrollbar on the left hand side of the scrollable area?


  [1]: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

How to position a div scrollbar on the left hand side?

I have few div&#39;s placed underneath each other and I&#39;m using css visibility to fade them in and out. The reason why I use visibility is so that the div&#39;s don&#39;t move place.

For fade In I&#39;m using: 

    $(&#39;.drop1&#39;).css({opacity: 0.0, visibility: &quot;visible&quot;}).animate({opacity: 1.0});

and for fade Out I&#39;m using:

    $(&#39;.drop1&#39;).css({opacity: 0.0, visibility: &quot;hidden&quot;}).animate({opacity: 1.0})}, 200);


The **FadeIn works**, but the **fadeOut doesn&#39;t work**.

Now, you may think that the problem is the last &#39;**,200**&#39;  but I will need to use that as a delay since the fadeout/visibility:hidden is on mouseleave event after 200ms.


So my question is: How can I do the visibility hidden with animation to act as a fadeOut. 

Thanks alot

jQuery css Visibility with animation

I have a header element and a content element:

    #header
    #content


I want the header to be of fixed height and the content to fill up all the remaining height available on the screen, with `overflow-y: scroll;`. 

It this possible without Javascript? 

How can an html element fill out 100% of the remaining screen height, using css only?

Given a transparent PNG displaying a simple shape in white, is it possible to somehow change the color of this through CSS? Some kind of overlay or what not?


Change color of PNG image via CSS?

I am retrieving a Blob image from a database, and I&#39;d like to be able to view that image using JavaScript. The following code produces a broken image icon on the page:

    var image = document.createElement(&#39;image&#39;);
        image.src = &#39;data:image/bmp;base64,&#39;+Base64.encode(blob);
        document.body.appendChild(image);

[Here is a jsFiddle][1] containing all the code required, including the blob. The completed code should properly display an image.

 [1]:http://jsfiddle.net/PDhCy/1/

Using JavaScript to display a Blob

I&#39;ve got a `DataGrid` with a row that has an image. This image is bound with a trigger to a certain state. When the state changes I want to change the image.

The template itself is set on the `HeaderStyle` of a `DataGridTemplateColumn`. This template has some bindings. The first binding Day shows what day it is and the State changes the image with a trigger.

These properties are set in a ViewModel. 

Properties:

```c#
public class HeaderItem
{
    public string Day { get; set; }
    public ValidationStatus State { get; set; }
}

this.HeaderItems = new ObservableCollection&lt;HeaderItem&gt;();
for (int i = 1; i &lt; 15; i++)
{
    this.HeaderItems.Add(new HeaderItem()
    {
        Day = i.ToString(),
        State = ValidationStatus.Nieuw,
    });
}
```

Datagrid:

```xaml
&lt;DataGrid x:Name=&quot;PersoneelsPrestatiesDataGrid&quot; HorizontalAlignment=&quot;Stretch&quot; VerticalAlignment=&quot;Stretch&quot;
              AutoGenerateColumns=&quot;False&quot; SelectionMode=&quot;Single&quot; ItemsSource=&quot;{Binding CaregiverPerformances}&quot; FrozenColumnCount=&quot;1&quot; &gt;

    &lt;DataGridTemplateColumn HeaderStyle=&quot;{StaticResource headerCenterAlignment}&quot; Header=&quot;{Binding HeaderItems[1]}&quot; Width=&quot;50&quot;&gt;
        &lt;DataGridTemplateColumn.CellEditingTemplate&gt;
            &lt;DataTemplate&gt;
                &lt;TextBox Text=&quot;{ Binding Performances[1].Duration,Converter={StaticResource timeSpanConverter},Mode=TwoWay}&quot;/&gt;
            &lt;/DataTemplate&gt;
        &lt;/DataGridTemplateColumn.CellEditingTemplate&gt;

        &lt;DataGridTemplateColumn.CellTemplate&gt;
            &lt;DataTemplate&gt;
                &lt;TextBlock TextAlignment=&quot;Center&quot; Text=&quot;{ Binding Performances[1].Duration,Converter={StaticResource timeSpanConverter}}&quot;/&gt;
            &lt;/DataTemplate&gt;
        &lt;/DataGridTemplateColumn.CellTemplate&gt;
    &lt;/DataGridTemplateColumn&gt; 
&lt;/DataGrid&gt;
```

Datagrid HeaderStyleTemplate:

```xaml
&lt;Style x:Key=&quot;headerCenterAlignment&quot; TargetType=&quot;{x:Type DataGridColumnHeader}&quot;&gt;
    &lt;Setter Property=&quot;HorizontalContentAlignment&quot; Value=&quot;Center&quot;/&gt;

    &lt;Setter Property=&quot;Template&quot;&gt;
        &lt;Setter.Value&gt;
            &lt;ControlTemplate TargetType=&quot;{x:Type DataGridColumnHeader}&quot;&gt;
                &lt;Grid&gt;
                    &lt;Grid.RowDefinitions&gt;
                        &lt;RowDefinition /&gt;
                        &lt;RowDefinition /&gt;
                    &lt;/Grid.RowDefinitions&gt;

                    &lt;TextBlock Grid.Row=&quot;0&quot; Text=&quot;{Binding Day}&quot; /&gt;
                    &lt;Image x:Name=&quot;imageValidation&quot; Grid.Row=&quot;1&quot; Width=&quot;16&quot; Height=&quot;16&quot; Source=&quot;{StaticResource imgBevestigd}&quot; /&gt;
                &lt;/Grid&gt;

                &lt;ControlTemplate.Triggers&gt;
                    &lt;MultiDataTrigger &gt;
                        &lt;MultiDataTrigger.Conditions&gt;
                            &lt;Condition Binding=&quot;{Binding State}&quot; Value=&quot;Nieuw&quot;/&gt;                                 
                        &lt;/MultiDataTrigger.Conditions&gt;
                        &lt;Setter TargetName=&quot;imageValidation&quot; Property=&quot;Source&quot; Value=&quot;{StaticResource imgGeenStatus}&quot;/&gt;
                    &lt;/MultiDataTrigger&gt;
                &lt;/ControlTemplate.Triggers&gt;
            &lt;/ControlTemplate&gt;
        &lt;/Setter.Value&gt;
    &lt;/Setter&gt;
&lt;/Style&gt;
```

Now when I startup the project the images doesn&#39;t show and I get this error:

&gt;System.Windows.Data Error: 2 : Cannot find governing FrameworkElement or FrameworkContentElement for target element. BindingExpression:Path=HeaderItems[0]; DataItem=null; target element is &#39;DataGridTemplateColumn&#39; (HashCode=26950454); target property is &#39;Header&#39; (type &#39;Object&#39;)

Why is this error showing?


WPF Error: Cannot find governing FrameworkElement for target element

I have image galley app in that app I placed all the images into the drawable-hdpi folder.
and i called images in my activity like this :

    private Integer[] imageIDs = {
            R.drawable.wall1, R.drawable.wall2,
            R.drawable.wall3, R.drawable.wall4,
            R.drawable.wall5, R.drawable.wall6,
            R.drawable.wall7, R.drawable.wall8,
            R.drawable.wall9, R.drawable.wall10
    };

So now i want know how do i share this images using sharing Intent i putted sharing code like this :

         Button shareButton = (Button) findViewById(R.id.share_button);
         shareButton.setOnClickListener(new View.OnClickListener() {
         public void onClick(View v) {
           
            Intent sharingIntent = new Intent(Intent.ACTION_SEND);
            Uri screenshotUri = Uri.parse(Images.Media.EXTERNAL_CONTENT_URI + &quot;/&quot; + imageIDs);

            sharingIntent.setType(&quot;image/jpeg&quot;);
            sharingIntent.putExtra(Intent.EXTRA_STREAM, screenshotUri);
            startActivity(Intent.createChooser(sharingIntent, &quot;Share image using&quot;));  
        
             }
        });

And i have sharing button also when i click on share button Sharing box is opening 
But when i cliked any service mostly its crashing or some services say : unable to open image
So how i can fix this or is there any othere format code to share images ???? 


**Edit :**

  I tried using the code below. But its not working.

    Button shareButton = (Button) findViewById(R.id.share_button);
         shareButton.setOnClickListener(new View.OnClickListener() {
         public void onClick(View v) {
    
            Intent sharingIntent = new Intent(Intent.ACTION_SEND);
            Uri screenshotUri = Uri.parse(&quot;android.resource://com.android.test/*&quot;);
            try {
                InputStream stream = getContentResolver().openInputStream(screenshotUri);
            } catch (FileNotFoundException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
            sharingIntent.setType(&quot;image/jpeg&quot;);
            sharingIntent.putExtra(Intent.EXTRA_STREAM, screenshotUri);
            startActivity(Intent.createChooser(sharingIntent, &quot;Share image using&quot;));  
    
             }
        });

If don&#39;t mind somebody plz correct my above code OR give me a proper example plz How do i Share my images from drawable-hdpi folder 


How to use &quot;Share image using&quot; sharing Intent to share images in android?

How can I use `sips`, `imagemagic`, or another tool to convert an image to black and white (grayscale) via the command line? 

How can I convert an image to grayscale via the command line?

I&#39;m using KnockoutJS and have a main view and view model. I want a dialog (the jQuery UI one) to popup with another view which a separate child view model to be bound to.

The HTML for the dialog content is retrieved using AJAX so I want to be able to call `ko.applyBindings` once the request has completed, and I want to bind the child view model to just the portion of the HTML loaded via ajax inside the dialog div.

Is this actually possible or do I need to load ALL my views and view models when the page initially loads and then call `ko.applyBindings` once?

Can you call ko.applyBindings to bind a partial view?

I have some disabled inputs in a form and I want to send them to a server, but Chrome excludes them from the request. 

Is there any workaround for this without adding a hidden field? 

    &lt;form action=&quot;/Media/Add&quot;&gt;
        &lt;input type=&quot;hidden&quot; name=&quot;Id&quot; value=&quot;123&quot; /&gt;

        &lt;!-- this does not appear in request --&gt;
        &lt;input type=&quot;textbox&quot; name=&quot;Percentage&quot; value=&quot;100&quot; disabled=&quot;disabled&quot; /&gt; 

    &lt;/form&gt;

Disabled form inputs do not appear in the request

I&#39;ve got a `UIButton` which uses a custom font, which is set when my view loads:

    - (void)viewDidLoad
    {
        [super viewDidLoad];    
        self.searchButton.titleLabel.font = [UIFont fontWithName: @&quot;FONTNAME&quot; size: 15.0 ];
    }

The problem I&#39;ve got is that the font is appearing to float up of the center line. If I comment out this line, the default font appears vertically centered fine. But changing to the custom font breaks the vertical alignment.

I&#39;m getting the same issue on a Table Cell with a custom font too.

Do I need to tell the view somewhere that the custom font is not as tall as other fonts?

EDIT: I&#39;ve just realized that the font I&#39;m using is a Windows TrueType Font. I can use it fine in TextEdit on the Mac, only a problem with the alignment in my App

![Button text not vertically centered][1]

  [1]: http://i.stack.imgur.com/nRBCO.png

UIButton custom font vertical alignment

I am displaying number of  boxes in a row with fix height and width, generated from &amp;lt;li&amp;gt; tags.
now I need to align the text in the  vertical center.
The CSS vertical-align has no impact, maybe I am missing something???

I am not looking for tricks using (margin, padding, line-height), these will not work because some text are long and will break into two lines.


Please find the actual code:

CSS code
---------
    ul.catBlock{
      width:960px; 
      height: 270px; 
      border:1px solid #ccc; 
    }

    ul.catBlock li{
      list-style: none; 
      float:left; 
      display:block; 
      text-align: center; 
      width:160px; 
      height: 100px;
    }

    ul.catBlock li a{ 
      display: block;  
      padding: 30px 10px 5px 10px; 
      height:60px;
    }

HTML code
---------
    &lt;ul class=&quot;catBlock&quot;&gt;
     &lt;li&gt;&lt;a href=&quot;#&quot;&gt;IP Phone&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dual SIM Switch Server&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href=&quot;#&quot;&gt;IP PBX&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;




CSS vertical alignment text inside li

I have a `&lt;div&gt;` element which contains text and I want to align the contents of this `&lt;div&gt;` vertically center.

Here is my `&lt;div&gt;` style:

&lt;!-- begin snippet: js hide: false --&gt;

&lt;!-- language: lang-css --&gt;

    #box {
      height: 170px;
      width: 270px;
      background: #000;
      font-size: 48px;
      color: #FFF;
      text-align: center;
    }

&lt;!-- language: lang-html --&gt;


    &lt;div id=&quot;box&quot;&gt;
      Lorem ipsum dolor sit
    &lt;/div&gt;

&lt;!-- end snippet --&gt;

What is the best way to achieve this goal?




How do I vertically center text with CSS?

The code below (also available as [a demo on JS Fiddle](http://jsfiddle.net/9Y7Cm/3/)) does not position the text in the middle, as I ideally would like it to. I cannot find any way to vertically centre text in a `div`, even using the `margin-top` attribute. How can I do this?

&lt;!-- lang: html --&gt;

    &lt;div id=&quot;column-content&quot;&gt;
        &lt;img src=&quot;http://i.stack.imgur.com/12qzO.png&quot;&gt;
        &lt;strong&gt;1234&lt;/strong&gt;
        yet another text content that should be centered vertically
    &lt;/div&gt;

&lt;!-- lang: css --&gt;

    #column-content {
        display: inline-block;
        border: 1px solid red;
        position:relative;
    }
        
    #column-content strong {
        color: #592102;
        font-size: 18px;
    }
    
    img {
        margin-top:-7px;
        vertical-align: middle;        
    }

Vertically align text within a div

I&#39;m trying to get several `inline` and `inline-block` components aligned vertically in a `div`. How come the `span` in this example insists on being pushed down? I&#39;ve tried both `vertical-align:middle;` and `vertical-align:top;`, but nothing changes.

**HTML:**  

    &lt;div&gt;
      &lt;a&gt;&lt;/a&gt;&lt;a&gt;&lt;/a&gt;
      &lt;span&gt;Some text&lt;/span&gt;
    &lt;/div&gt;​

**CSS:**  

    a {
        background-color:#FFF;
        width:20px;
        height:20px;
        display:inline-block;
        border:solid black 1px;
    }
    
    div {
        background:yellow;
        vertical-align:middle;
    }
    span {
        background:red;
    }

​
**RESULT:**  
![enter image description here][1]




**[FIDDLE][2]**  


  [1]: http://i.stack.imgur.com/CN2F0.png
  [2]: http://jsfiddle.net/TFPx8/2/

How to vertical align image inside div

Css Problem Overview

Css Solutions

Why the dot (.) command is so useful in VIM?

Git interactive unstage part of a file or by hunks

Attributions