With CSS3/JavaScript you can do all kinds of cool looking things:

• CSS3 Transformations
• CSS3 Polaroids
• Starry Night in CSS3 – Scrolling Backgrounds
• Analogue Clock
• 3D Cube
• DJ Deck in CSS3 and jQuery
• jPong – Pong build in jQuery

(most of these work best in the latest browsers (Chrome, Safari 5, Firefox))

As you can see, you don’t have to limit yourself to building interactive animations in Flash that won’t work on iPhone/iPad, or having to build a platform-locked application (like an app on the app store). But remember:

“Similar to Flash, just because you can do it, doesn’t mean you always should.” @kuatofkuat

Finally, the guys who created jQuery (our lovable Javascript library!) have only gone and created jQuery Mobile, which will allow you to build a website – once – and it will work and look good on all mobile devices.

Check it out at http://jquerymobile.com/ and the demos http://jquerymobile.com/demos/1.0a1/ (try on any mobile device)

Quick Tips is a series of posts designed to show some quick html, css and php tips that you may find useful in your every day work or personal projects.

The following code snippet will allow you to set the page breaking behavior to break before every h1 element, giving you a lot of control over how printed versions of your website will be displayed.

@media print {
       h1 {page-break-before:always}
}

If you wish to submit a quick tip to this section please contact me..

Quick Tips is a series of posts designed to show some quick html, css and php tips that you may find useful in your every day work or personal projects.

With CSS, on the standards compliant browsers such as Firefox, Chrome or Safari, you can decide what color shade the highlighted text appears for users using the following CSS:

::selection { /* Safari & Chrome */
 color:#000;
 background:#FFF;
}
::-moz-selection { /* Firefox */
 color:#000;
 background:#FFF;
}

If you wish to submit a quick tip to this section please contact me..