Keyboard Shortcuts

In the exploration of locating all the known keyboard shortcuts, I’ve compiled a list of shortcuts that I feel are the most important. This list is very useful to and will increase the daily work performance of any modern day PC employee. Whether you’re just an extreme solitaire player or a programmer for NASA this list will help. I hope you enjoy.

Minimize a window to your taskbar: ALT + SPACEBAR + N

Maximize a window so it takes up your whole desktop: ALT + SPACEBAR + X

Restore a window so it's visible but doesn't take up your whole desktop: ALT + SPACEBAR + R

Close a window: ALT + F4

Switch to the last window you had open: ALT + TAB

Switch to any window: Hold down the ALT key, and press TAB until the window you want is active

Go to the Top

CSS Rain Drop

Published on Thursday, May 20, 2010 at 3:06 pm

Go to the Top

CSS3 Circle and Box

Published on Wednesday, May 12, 2010 at 1:48 am

Go to the Top

The Basics of CSS3

Published on Thursday, March 4, 2010 at 9:19 am

Here is a post on the basics of the new properties: text-shadow, box-shadow, and border-radius. These CSS3 properties are commonly used to enhance layout and good to know.

RGBA
The first three values are RGB color values and the last value is the level of the transparency (0 = transparent and 1 = opaque). RED, GREEN, BLUE, ALPHA

background: rgba(0, 118, 160, .25);

RBGA can be applied to any properties associated with color such as font color, border color, background color, shadow color, etc.

Text Shadow
Text shadow is structured in the following order: x-offset, y-offset, blur, and color;

text-shadow: 2px 3px 2px #000;

Set a negative value for x-offset to shift the shadow to the left. Set a negative value for y-offset to shift the shadow to the top. Don’t forget you can use RGBA values for the shadow color.

You can also specify a list of text-shadow (separated by a comma). The following example uses two text-shadow declarations to make a letter press effect (1px top and 1px bottom).

text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;

Border Radius
The shorthand for border radius is similar to the padding and margin property (eg. border-radius: 20px). In order for the browsers to render the border radius, add "-webkit-" in font of the property name for webkit browsers and "-moz-" for Firefox.

You can specify each corner with a different value. Note Firefox and Webkit has different property names for the corners.
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 25px;
-webkit-border-bottom-right-radius: 45px;

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 25px;
-moz-border-radius-bottomright: 45px;

Box Shadow
The structure for box shadow is same as the text-shadow property: x-offset, y-offset, blur, and color.

-webkit-box-shadow: 5px 5px 7px #333; -moz-box-shadow: 5px 5px 7px #333;

Again, you can apply more than one box shadow. The following example is a list of three box shadow declarations.

-moz-box-shadow: -2px -2px 0 #fff, 2px 2px 0 #bb9595, 2px 4px 15px rgba(0, 0, 0, .3);