HTML5 Reset Stylesheet

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {
line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:”;
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}

Reference: http://code.google.com/p/html5resetcss/downloads/list

CSS Tooltips

No need of javascript to make tooltips. I got this simple css trick to make it.

CSS Code

a:hover {
background:#ffffff; /*BG color is a must for IE6*/
text-decoration:none;
}

a.mytooltip span {
display:none;
padding:2px 3px;
margin-left:8px;
width:200px;
}

a.mytooltip:hover span{
display:inline;
position:absolute;
background:#ffffff;
border:1px solid #cccccc;
color:#6c6c6c;
}

HTML Code

<a href=”#” class=”mytooltip”>Vikas Khera<span>https://vikaskhera.wordpress.com</span></a&gt;

CSS Tips & Tricks

Here is a list of CSS tips & tricks that will make your coding so much easier.

Sequence of the links is very important

a:link { color: #000; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
a:active { color: #333; text-decoration: underline; }

Use future proof CSS hacks method
<!–[If IE 5]>
ie 5
<![endif]– >

<!–[If lte 6] >
ie 6 and lower
<![endif]–>

<!–[If gte 7] >
ie 7 or higher
<![endif]– >

Use group selector
h1, h2, h3, h4, h5, h6 {
font-family:verdana;
margin:0;
padding:0;
}

Cross Browser CSS Transparency Setting
.transparent_class {
filter:alpha(opacity=50); /* ie */
-moz-opacity:0.5; /* old mozilla browser like netscape */
-khtml-opacity: 0.5; /* for really really old safari */
opacity: 0.5; /* css standard, currently it works in most modern browsers like firefox, */
}

PNG Fix for IE6
.png_ie_hack {
background-image: url(../images/pngimage.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/pngimage.png’);
}

Remove links or textbox hightlight border
a, input { outline:none; }

Hidden text for search engine
a { text-indent:-999em; outline:none; background: url(image.jpg) no-repeat 0 0; width:100px; height:50px; display:block; }

Click here for more details on CSS Optimization.

Facebook Account Hack – What to do?

If you are receiving regular and unnecessary spam on your facebook wall either from nowhere or from one of your friends then there is a high possibility that either you or your friend have been affected by a Facebook phishing attack and your account security has been compromised. Here are some important steps which will help you to get rid of the phishing attack.

  1. Do not click on any link or URL in the received spam message.
  2. Just delete the span message from your Walls and Inbox immediately.
  3. Reset your Facebook password immediately.
  4. If your account has been disabled, contact Facebook User Operations Team (http://www.facebook.com/help.php?page=797).
  5. Scan your computer completely using reliable antivirus software.
  6. If your PC has been infected with malware or a virus, you can visit the Microsoft/ Apple Security websites for proper patches.
  7. Start using OpenDNS as your DNS servers which boasts of a very good anti-phishing engine that works ant it may also prevent you from getting phished on Facebook.

jQuery Cheat Sheet

Remembering the hundreds of jQuery methods and handlers can melt your brain. Use this cheat sheet as a reference.

jQuery Cheat Sheet
jQuery Cheat Sheet

Source: Colorcharge.com

How to Capture Screenshots from Windows Media Player?

Grabbing a screenshot from Window Media Player is not as easy as it seems. Yesterday I tried to use the extremely useful screen capture by ‘Print Screen Key’ to try to capture a WMV running file on my Windows Media Player Classic V10.

Every time I tried to use the print screen, a blank image was captured from the Windows Media Player. Then I thought maybe the running video was creating a problem with capturing a frame. So I paused the movie and tried the print screen method. But I still got a blank screen.

Then I tried to capture paused and running movies in full screen using ALT+ENTER but again had no luck. So I decided to try some advanced options of Window Media Player but still had no luck.

I searched the internet whole day and found the solution for this problem. Here it goes.

Simple way to capture Images from Windows Media Player

1. Open Window Media Player
2. Then go to Tools > Options > Performance Tab > Advanced Button
3. Uncheck “Use Overlays”
4. Click Ok and you are ready.

Now run your movie in any size or screen resolution. Use the standard “Print Screen Key” Method as described and you have captured a snapshot from your favorite movie on windows media player without using any special multimedia software. Enjoy!

Another way to Capture Screenshots from Windows Media Player

As an alternative of the Print Screen Method, try pressing “CTRL+I”. This pops up a save as window after capturing the screenshot.

1. Open Window Media Player.
2. Go to Tools > Options > Performance Tab.
3. Reduce the “Video acceleration” from the default FULL to NONE.
4. Click OK and then close down media player.
5. Open the file you want to take a still using the Print Screen method
6. Press ALT and the “Print Screen Key” to copy an image from the movie to the clipboard.

Restart Windows without restarting your computer!!

When you Shutdown or Turn Off your Computer, make sure to simultaneous press “Shift” Button.

Windows 98: If you hold the “Shift” key down while clicking on “Shutdown” button, your computer would restart without restarting the Windows.

Windows Vista: Select Start, then hover over the right arrow that is to the right of the padlock icon until the pop-up menu appears that contains “restart” as one of it’s choices. Hold down the SHIFT key while clicking on the “restart” choice.

Windows XP: Select Start. Select “Shut Down…”. Change the drop-down combo box under “What do you want the computer to do?” to “Restart”. Hold down the SHIFT key while clicking on the “OK” button.

Try this on your PC too.