Customizable starter designs with interactive Spry widgets

Products Covered:

Save

Translations

About This Episode

Chris Converse shows you how to edit the design and Spry widgets in Dreamweaver, Photoshop, and Fireworks using this customizable starter template. Read the article to learn more.

Episode Title	Runtime	CC	Products Covered	My Library
CSS Rules for Small Screens CSS Rules for Small Screens Chris Converse shows you how to keep the natural flow of content for hand-held devices, and reposition the navigation on larger screens, using a single set of HTML and CSS markup. Read the article to learn more. Runtime: 00:12:06 Added: April 26, 2012 Views: 96	00:12:06
Adding Imagery with CSS Adding Imagery with CSS Chris Converse shows you how to use media queries to alter the size of images with an HTML element as a container to change the dimensions and position properties. Read the article to learn more. Runtime: 00:08:57 Added: April 26, 2012 Views: 49	00:08:57
Slicing and Optimizing Graphics Slicing and Optimizing Graphics Chris Converse shows you how to use multiple version of your graphics to affect the speed at which you design loads on smaller screens. Read the article to learn more. Runtime: 00:08:02 Added: April 26, 2012 Views: 47	00:08:02
Project Preview Across Browsers Project Preview Across Browsers Chris Converse shows you how to dynamically alter the design and layout of a web page in order to deliver an optimal user experience from a single set of HTML and CSS markup. Read the article to learn more. Runtime: 00:04:20 Added: April 26, 2012 Views: 33	00:04:20
Customizable starter designs with interactive Spry... Customizable starter designs with interactive Spry widgets Chris Converse shows you how to edit the design and Spry widgets in Dreamweaver, Photoshop, and Fireworks using this customizable starter template. Read the article to learn more. Runtime: 00:14:00 Added: February 01, 2012 Views: 13,265	00:14:00
Customizable starter design for jQuery Mobile Customizable starter design for jQuery Mobile Chris Converse gives an overview of this customizable starter template for your jQuery Mobile projects. Read the article to learn more. Runtime: 00:05:46 Added: February 01, 2012 Views: 13,428	00:05:46
Customizable starter designs using advanced HTML a... Customizable starter designs using advanced HTML and CSS techniques Chris Converse shows you how to use these starter templates that support advanced HTML and CSS techniques. Read the article to learn more. Runtime: 00:28:08 Added: February 01, 2012 Views: 6,665	00:28:08
Applying design to Spry widgets Applying design to Spry widgets Chris Converse shows you how to customize the HTML and CSS files in these provided themes based entirely on the Spry markup and CSS rules. Read the article to learn more. Runtime: 00:17:05 Added: February 01, 2012 Views: 1,526	00:17:05
Rich media website: Spry widgets Rich media website: Spry widgets As you bring your web designs to the browser, Chris Converse shows you how to add and style a Spry widget using the provided template. Read the article to learn more. Runtime: 00:30:50 Added: February 01, 2012 Views: 1,079	00:30:50
Rich media website: Audio Rich media website: Audio As you bring your web designs to the browser, Chris Converse shows you how to edit and design audio using the provided template. Read the article to learn more. Runtime: 00:07:52 Added: February 01, 2012 Views: 827	00:07:52
Rich media website: Templates with editable region... Rich media website: Templates with editable regions As you bring your web designs to the browser, Chris Converse shows you how to create templates with editable regions using the provided template. Read the article to learn more. Runtime: 00:08:07 Added: February 01, 2012 Views: 3,392	00:08:07
Rich media website: CSS-styled navigation Rich media website: CSS-styled navigation As you bring your web designs to the browser, Chris Converse shows you how to use CSS to style your navigation using the provided template. Read the article to learn more. Runtime: 00:14:36 Added: February 01, 2012 Views: 4,497	00:14:36
Customizable starter design for HTML5 video Customizable starter design for HTML5 video Chris Converse shows you how to embed an HTML5 video player in your web designs using the provided template. Read the article to learn more. Runtime: 00:06:36 Added: February 01, 2012 Views: 6,028	00:06:36
Customizable starter design for multiscreen develo... Customizable starter design for multiscreen development Chris Converse gives an overview of this provided template that uses CSS3 media queries. Read the article to learn more. Runtime: 00:11:45 Added: February 01, 2012 Views: 6,022	00:11:45
Creating a simple mobile game using the Code Snipp... Creating a simple mobile game using the Code Snippets panel in Flash In this demo, Yuki Shimizu shows how the completed game appears when played on a Motorola Droid X phone. (Click the HTML Text link to read the article.) Runtime: 00:00:41 Added: January 23, 2012 Views: 1,155	00:00:41
iOS and Android device with vector graphics iOS and Android device with vector graphics In this mobile app demo, John Chen shows animations on the Nexus One (left) and iPod 4 (right) performing poorly because of too many vector graphics. Note the degraded performance (as slow as 12 fps) as more and more vector graphics come in. (Click the HTML Text link to read the article.) Runtime: 00:00:31 Added: December 09, 2011 Views: 1,337	00:00:31
iOS and Android device with bitmap graphics iOS and Android device with bitmap graphics In this mobile app demo, John Chen shows animations on the Nexus One (left) and iPod 4 (right) performing well. Note the high and consistent 30 frames per second (fps) even though more and more bitmap graphics come in. (Click the HTML Text link to read the article.) Runtime: 00:00:30 Added: December 09, 2011 Views: 893	00:00:30
iOS and Android device without manual garbage coll... iOS and Android device without manual garbage collection In this mobile app demo, John Chen shows how a lack of manual garbage collection hinders performance on the iPod 4 (top) and Nexus One (bottom). The number of triangles increases forever as the animation plays. (Click the HTML Text link to read the article.) Runtime: 00:00:30 Added: December 09, 2011 Views: 745	00:00:30
iOS and Android device with manual garbage collect... iOS and Android device with manual garbage collection In this mobile app demo, John Chen shows how manual garbage collection improves performance on the iPod 4 (top) and Nexus One (bottom). Each animation shows under 200 triangles in playContainer and never slows down. (Click the HTML Text link to read the article.) Runtime: 00:00:38 Added: December 09, 2011 Views: 1,009	00:00:38
Responsive design with jQuery marquee Responsive design with jQuery marquee Chris Converse shows you how to use the provided Dreamweaver jQuery marquee template to create a compelling user experience across devices, while maintaining a shared set of HTML and CSS markup. Read the article to learn more. Runtime: 00:05:38 Added: December 09, 2011 Views: 4,583	00:05:38