The Comment Toggle Trick

This trick below can be used to toggle between two sets of code, with one symbol in the code with no additional short-keys to learn, and no tool dependencies!

//* /*
someCode(); someCode();
// //
someOtherCode(); someOtherCode();
/// ///

Here is a version for simply commenting code in and out:


Deactivated / commented out:


CSS Selectors

The key lies in using CSS selectors efficiently to maximize performance and minimize load time, though this efficient usage matters only for website with thousands of DOM elements and the speed is the key for the existence in the market.

TIL some Photoshop tricks

Today I learned some amazing Photoshop tricks. Check them out below and please add your own tips & tricks in the comment section.

  1.  TIL you can right-click with the eyedropper tool in Photoshop to get a “Copy Color’s Hex Code” option.
  2. By holding shift you can also sample up to 4 points at a time with the eyedropper tool.
  3. Pressing Shift + TAB will hide all panels (Layers, Channels,…) except the toolbar.

Use Gravatar as your Favicon

An interesting little factoid that I stumbled upon fiddling around with Favicons is you can use the get_avatar built-in function to get your gravatar as a favicon on your WordPress blog. Please note this will only work if your WordPress blog admin email and gravatar email are the same and is achieved simply by adding this simple line of code in your theme’s header.php file in the <head> section.

<!– Gravatar as Favicon –>
<link rel=”shortcut icon” href=”<?php echo get_avatar( get_option( ‘admin_email’ ), ’16’ ); ?> ” />