Sunday, August 28, 2016

How transform Image using CSS/HTML

I want to turn the image full 180 degrees, this is how we CSS can help turn image upside down.

div {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

Flip image via Javascript/CSS?

This is how image can be flipped, like a mirror image

<div id="container" class="flip-vertical">
<h3 class="flip-vertical">vertical flip</h3>
</div>

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph;
}
.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: flipv; /*IE*/
    filter: flipv;
}

Tuesday, August 23, 2016

How can you two run two instances of Skype on PC?

I have to separate work contacts and family in skype, so I need two Skype instances on my PC.

Here is how you can do. Once you install you will get a skype shortcut on your desktop. Now do the following to create another instance of skype.

Step1: Copy skype shortcut and paste again on desktop. This will create another shortcut.

Step2: Rename new shortcut to your choice. I have renamed it to Skype II

2016-08-23_1134

Step3: Now go to properties of Skype II short cut that was created recently and update

2016-08-23_1133_001

Step 4: Update Target path like below from

"C:\Program Files (x86)\Skype\Phone\Skype.exe"

to

"C:\Program Files (x86)\Skype\Phone\Skype.exe" /secondary

Now apply and click Ok.

This should work now. I have tested this on Windows 7, 8 and 10