CSS

Friday, 27 December 2013

Twinkies and Root Beer

A little boy wanted to meet God. He knew it was a long trip to where God lived, so he packed his suitcase with Twinkies and a six-pack of Root Beer and he started his journey.
When he had gone about three blocks, he met an elderly man. The man was sitting in the park just feeding some pigeons.

The boy sat down next to him and opened his suitcase. He was about to take a drink from his root beer when he noticed that the man looked hungry, so he offered him a Twinkie.

The man gratefully accepted it and smiled at boy. His smile was so pleasant that the boy wanted to see it again, so he offered him a root beer.

Again, the man smiled at him. The boy was delighted! They sat there all afternoon eating and smiling, but they never said a word.

As it grew dark, the boy realized how tired he was and he got up to leave, but before he had gone more than a few steps, he turned around, ran back to the man, and gave him a hug. The man gave him his biggest smile ever.

When the boy opened the door to his own house a short time later, his mother was surprised by the look of joy on his face. She asked him, "What did you do today that made you so happy?
"He replied, "I had lunch with God." But before his mother could respond, he added, "You know what? God's got the most beautiful smile I've ever seen!"

Meanwhile, the elderly man, also radiant with joy, returned to his home. His son was stunned by the look of peace on his face and he asked," Dad, what did you do today that made you so happy?"
He replied, "I ate Twinkies in the park with God." However, before his son responded, he added," You know, he's much younger than I expected."

People come into our lives for a reason, a season, or a lifetime.
Embrace all equally!

Monday, 18 November 2013

CSS3 target-new Property

a
{
target-name:new;
target-new:tab;
}

The target-new property specifies whether new destination links should open in a new window or in a new tab of an existing window

BUDDY CHECK OUT THESE ALSO : ALL LEARNING THING , HTML , CSS , WEB FORMS ,DREAM WEAVER, DTD , JAVA, JAVA SCRIPT , SQL , MY SQL , PL-SQL , PHOTOSHOP , C + + , C , WEB PAGES , MAYA, PDF FILES , EVERYTHING AVAILABLE , AJAX , HYBERNATE , WSDL , WAP , RUBY ON RAILS , SCALA , HTTP , HTML 5 , PROTOTYPE , Wi-MAX , FLASH , WML , RUBY , PERL ,UNIX , DLL , RSS , RADIUS , UNIX SOCKET , PYTHON , JSP , SOAP , MVC , DOT NET , PHP , ADO , ASP , J QUERY , TCP/IP , VISUAL BASIC , UML , VISUAL STUDIO , GPRS....

Monday, 16 July 2012

CSS relative zoom

Right now, the "zoom in" graphic is linked to an alternate stylesheet with the following css:

body {
zoom: 1.2; -moz-transform: scale(1.2); -moz-transform-origin: 0 0}
}

This works fine, but ideally I'd like to have the link trigger a relative zoom rather than an absolute zoom value -- so i would need to establish a variable that determined the user's current zoom level, and then increase that zoom by 120%. This way the same link could be clicked multiple times to increase the zoom incrementally.

CSS zoom property

The CSS3 equivalent is in the CSS 2D Transforms module, in particular transform: scale().

Because this module is still at Working Draft stage, you'll need browser-specific prefixes:

transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);

You may also need transform-origin (and browser-specific versions) to make it behave the same way as zoom, and you'll have to be careful to target zoom only at IE, because WebKit supports bothtransform and zoom so would double-scale.

CSS