Building Web Pages - Graphics, Sound, and Video

Sorted by:  

HTML5 Canvas Context Attributes

Each HTML5 Canvas context contains attributes that can be modified by JavaScript code. Note that attributes are assigned to Canvas contexts, not individual Canvas objects. Attributes for a context are [more…]

HTML5 Canvas Drawing Functions

JavaScript functions are used to manipulate pixels on HTML5 Canvas areas based on attribute settings and function parameters. Functions reference a context using dot syntax notation. Here's an example: [more…]

HTML5 Canvas System Interaction: Animation, Audio/Video, and User Events

HTML5 Canvas applications communicate with the host browser for animation callbacks, playing audio/video, and handling user events. This provides a two-way channel between JavaScript code and the browser [more…]

Understanding the HTML5 Canvas Context

An HTML-defined web page can have multiple Canvas areas. Each Canvas has an associated context. The ID defined in the <canvas> tag is used in JavaScript code to identify a Canvas and its associated context [more…]

How to Create an Image Viewer with Lightbox2

Groups of images can be presented on the web in a variety of different ways. There are galleries, sliders, and Lightbox image viewers, all of which can be constructed in an unlimited number of ways. For [more…]

How to Add Multiple Background Images and Rotate Objects with CSS3

With CSS3, you can easily add as many background images to any one element as you please. You can also rotate images. The illustration shows an example of a container with three background images, a pattern [more…]

How to Make Transitions with CSS3

Talk about powerful new features in cascading style sheets (CSS): By pairing the :hover pseudo-class with the CSS3 transition property, you can add slick interactive features to your objects without the [more…]

How to Resize Elements and Create Gradients with CSS3

You can do literally hundreds of tricks on your website with CSS3. Among the key tricks are resizing elements of your webpage and creating gradients for your background. [more…]

How to Style Paragraphs, Headings, and Footers with CSS3

When you are styling paragraphs, headings, and footers, most of the work can be automatically accomplished by creating tag redefine styles for the <p> tag and however many heading tags you intend to use [more…]

How to Style Images and Layers with CSS3

Images need not just sit on your web page exactly where you stick them. Instead, use CSS with your images to position them relative to other content, and add padding and border attributes to one or more [more…]

Flash Professional CS5 & Flash Catalyst CS5 For Dummies Cheat Sheet

Flash Professional CS5 is the latest version of the popular software used on some of the coolest Web sites on the planet. Most drawing functions are available only from the Tools panel, so learning the [more…]

Win $500. Enter Now.