DPS Tips HTML5 Examples

In DPS Tips, I included several HTML examples that are used in Web Content overlays. I’ll attach the source files for these effects. Let’s start with the scratch-off effect example.

scratch_off

Download ScratchOff.zip

And here’s the image flip source code.

ImageFlip

Download ImageFlip.zip

Here’s the source code for resizing text in an HTML article.

ResizeText

Download ResizeText.html

Here’s the source code for the spinning wheel of fortune. You’ll need to create your own articles to jump to.

spinwheel

Download SpinningWheel.zip

Oh, and here’s a sketch pad example.

sketch

Download Sketch_Pad.zip

Other HTML5 examples such as image drag-and-drop in DPS Tips have links to external sources. When I add more HTML5 examples to DPS Tips, I’ll post the source files here.

If you have HTML5 source code that works well with DPS, please share!

 

 

 

 

6 Responses to DPS Tips HTML5 Examples

  1. Gioia says:

    Thank you very much for the information!

    I have some questions about it. I am a little new in digital world…
    How can i use these HTML with the Web content in InDesign CS5 and is it posible to see these effects both in the iPad and in a swf file?

    Thanks again
    Gioia

    • Bob Bringhurst says:

      Yes, you can use these examples in DPS web overlays or HTML articles. No, they won’t work for swf or interactive PDF.

      See DPS Tips on your iPad for examples.

  2. Mark Prouty says:

    Where is the image drag-and-drop in DPS Tip?

    Thanks,
    Mar

  3. Mark Prouty says:

    This stuff is incredible. Thanks very much!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>