Clean CSS Code Extraction From Designs and Web Pages in Fireworks CS6

Show:

CS6 & Creative Cloud Feature Tour for Web

Products Covered:

Save

Translations

Was this episode helpful?

Yes No

About This Episode

Save time and preserve your design's integrity by cleanly extracting CSS elements and values (such as color, font, gradient, and corner radius) using the new CSS Properties panel. Once you have the code, copy and paste it directly into Adobe Dreamweaver® CS6 software or other HTML editors.

Show More Details

More Episodes

Comments

Episode Title	Runtime	CC	Products Covered	My Library
Dreamweaver CS6 Update 2 for Creative Cloud Member... Dreamweaver CS6 Update 2 for Creative Cloud Members Innovation is constantly being added to Dreamweaver with now our second update excluvively for Creative Cloud members. This second update adds more support for HTML5, JQuery, web fonts and enhancements for creating fluid grid layouts. Runtime: 00:01:14 Added: February 14, 2013 Views: 9,835	00:01:14
Adaptive Wide Angle for Stills and Video Adaptive Wide Angle for Stills and Video Use this powerful new feature to adjust not only single still images, but to easily straighten and correct existing stitched panoramas as well. Runtime: 00:01:26 Added: February 06, 2013 Views: 7,544	00:01:26
Image-Based Lights in Photoshop CS6 Extended Image-Based Lights in Photoshop CS6 Extended Apply realistic 3D effects by choosing an image as your light source. Or paint your own light sources and types to get exactly the results you want. Runtime: 00:01:59 Added: February 06, 2013 Views: 10,780	00:01:59
Easier 3D Editing Easier 3D Editing Apply familiar 2D Photoshop tools to your 3D graphics as well, for faster, more intuitive 3D editing with Photoshop CS6 Extended. Runtime: 00:02:13 Added: February 06, 2013 Views: 3,860	00:02:13
Optimizing Performance Optimizing Performance Discover ways to optimize your system for faster image editing and processing. With some features, performance in Photoshop CS6 can be 100 times faster than before. Runtime: 00:02:09 Added: February 06, 2013 Views: 4,238	00:02:09
Improved Lighting Effects Improved Lighting Effects Add dramatic lighting effects to your images with instant results. Use full screen previews and on-camera controls for easier editing. Runtime: 00:01:41 Added: February 06, 2013 Views: 3,635	00:01:41
32-bit HDR and Camera Raw 32-bit HDR and Camera Raw Easily merge JPEGS into a 32-bit TIFF you can open in Photoshop with access to the full controls of Camera Raw. Runtime: 00:01:42 Added: February 06, 2013 Views: 2,984	00:01:42
Presets Presets Use convenient filter and mode presets to get fantastic results fast - in both still images and videos. Runtime: 00:01:52 Added: February 06, 2013 Views: 2,918	00:01:52
Improved Auto Corrections Improved Auto Corrections Apply new and enhanced auto functionality in Brightness and Contrast, Levels, and Curves for easy adjustment of your images with terrific results. Intelligence from thousands of hand-retouched images is built in to give you a better starting point for making adjustments. Runtime: 00:01:50 Added: February 06, 2013 Views: 1,591	00:01:50
The Boston Globe, Filament Group, Inc. and Upstate... The Boston Globe, Filament Group, Inc. and Upstatement and RWD See how the Boston Globe launched a responsive web design and development on a large scale. The teams at Upstatement and Filament Group created a superb experience across multiple devices and browsers. With Adobe's design and web tools they reinvented a venerated newspaper brand and experience on BostonGlobe.com Runtime: 00:03:36 Added: December 13, 2012 Views: 22,899	00:03:36
Dreamweaver CS6 Update for Creative Cloud Members Dreamweaver CS6 Update for Creative Cloud Members Learn about the Dreamweaver CS6 update available for Creative Cloud members. In this video, Adobe evangelist Paul Trani will highlight some of the exciting new features, including the ability to insert not only HTML audio & video into your projects, but also Edge Animate compositions. Runtime: 00:01:39 Added: September 24, 2012 Views: 8,501	00:01:39
Adobe Illustrator for Creative Cloud Members - Pac... Adobe Illustrator for Creative Cloud Members - Package Files See how the new Package Files feature in Adobe Illustrator for Creative Cloud members lets you quickly gather all the files used in an Illustrator project, including linked graphics and fonts, and easy handoff to clients and vendors. Runtime: 00:04:18 Added: August 27, 2012 Views: 9,267	00:04:18
Adobe Illustrator for Creative Cloud Members - Une... Adobe Illustrator for Creative Cloud Members - Unembed and Links Panel See how the new Unembed feature and Links panel enhancmenets in Adobe Illustrator for Creative Cloud members lets you easliy“unembed” images that have been embedded into an Illustrator file as well as efficiently track and access complete information on any placed artwork. Runtime: 00:05:01 Added: August 27, 2012 Views: 4,387	00:05:01
Installing Multiple Languages of a Desktop Applica... Installing Multiple Languages of a Desktop Application Learn how to download and install multiple language versions of any of the desktop applications included in Creative Cloud. Runtime: 00:01:10 Added: June 13, 2012 Views: 32,405	00:01:10
Setting up Your Creative Cloud Membership on More... Setting up Your Creative Cloud Membership on More than One Computer Learn how to set up your Creative Cloud account and download and install your applications on a primary and secondary computer. And, if your computer is lost or stolen or you simply buy a new computer, see how easy it is to deactivate your Creative Cloud account on one system and activate it on another. Runtime: 00:04:38 Added: June 13, 2012 Views: 24,772	00:04:38
Edge and Flash Pro – Animations with Web Standards Edge and Flash Pro – Animations with Web Standards Watch Paul Trani, Adobe Evangelist, show how Adobe Edge and the Adobe Flash Toolkit for CreateJS Extension allow you to publish interactive content with HTML. He covers the key benefits of each tool, to help you learn about these new technologies. Runtime: 00:11:13 Views: 13,299	00:11:13
Publishing and Managing a Website with Creative Cl... Publishing and Managing a Website with Creative Cloud Learn how Business Catalyst lets you host and manage the websites you create with Muse and other website creation tools. Test as many sites as you'd like, send off for client approval, then publish up to fives sites that you can view and manage from within Creative Cloud and the Business Catalyst site. Runtime: 00:01:57 Added: May 10, 2012 Views: 23,346	00:01:57
Opening Touch App Files in Desktop Apps Opening Touch App Files in Desktop Apps Learn how to install the Touch App Plugins application that enables you to move a file you created in an Adobe Touch App into Creative Cloud and then on to your desktop for further refinement. Runtime: 00:02:27 Added: May 10, 2012 Views: 13,157	00:02:27
Installing Desktop Apps from Creative Cloud Installing Desktop Apps from Creative Cloud See how easy it is to download and install the Adobe Application Manager and all of the desktop applications that come with Creative Cloud membership. Runtime: 00:02:16 Added: May 10, 2012 Views: 61,351	00:02:16
Recovering Deleted Files in Creative Cloud Recovering Deleted Files in Creative Cloud Learn how to restore a deleted file and permanently delete a file to free up your 20GB of storage space. Runtime: 00:01:29 Added: May 10, 2012 Views: 5,506	00:01:29
Selecting, Moving, and Deleting Files in Creative... Selecting, Moving, and Deleting Files in Creative Cloud Get a basic overview of how you create new folders, move files into folders, and delete files within Creative Cloud. Runtime: 00:01:15 Added: May 10, 2012 Views: 9,460	00:01:15
Managing Individual Creative Files in Creative Clo... Managing Individual Creative Files in Creative Cloud See the unique way that Creative Cloud handles the creative files you upload--you'll get detailed file information, an auto-generated color palettse, and tools for easily sharing with others. Runtime: 00:01:30 Added: May 10, 2012 Views: 12,398	00:01:30
Creative Cloud Introductory Tour Creative Cloud Introductory Tour Learn how to log in and get started with your Creative Cloud membership. Take a tour of the Apps&Services page and the Files page and find out why creativecloud.com is your new creative hub. Runtime: 00:01:11 Added: May 10, 2012 Views: 181,233	00:01:11
Introducing Adobe Creative Cloud Introducing Adobe Creative Cloud See how Adobe Creative Cloud is bringing the future of creativity into the present. Runtime: 00:02:48 Added: April 20, 2012 Views: 25,915	00:02:48
Learn about Creative Suite 6 Features for Web Deve... Learn about Creative Suite 6 Features for Web Developers and Designers Learn about the features in Adobe Creative Suite 6 Dreamweaver and Flash that lets web developers and designers create content with the latest web standards to be used across a variety of devices. Runtime: 00:05:06 Added: April 22, 2012 Views: 2,350	00:05:06
Access Your Files Anywhere Access Your Files Anywhere Use automatic cloud storage and syncing to reliably access your files anywhere, on any device, and easily share them with colleagues. View files from Adobe InDesign, Photoshop, and other applications; turn layers on and off; and so much more. Runtime: 00:01:32 Added: April 22, 2012 Views: 5,096	00:01:32
Share Your Work Share Your Work Now it's a snap to share your files with clients, colleagues, and friends using the built-in sharing features in Creative Cloud. You can decide whether to enable comments, allow downloads, or set bandwidth requirements. Runtime: 00:01:10 Added: April 22, 2012 Views: 10,345	00:01:10
What is Creative Cloud? What is Creative Cloud? Adobe evangelist, Paul Trani, explains what comes with a Creative Cloud membership. You'll learn how one simple membership gives you all of the Creative Suite desktop applications, powerful publishing services, 20GB of space and the ability to sync, store, and share, plus access to new features and updates as soon as they are released. Runtime: 00:02:41 Added: April 22, 2012 Views: 45,204	00:02:41
Quicker Access to Color Quicker Access to Color Quickly switch between solid, gradient, and pattern color effects. Apply opacity control separately to Fill and Stroke dialog boxes to achieve better control and precision. Change colors more quickly with the improved color swatch. Runtime: 00:01:21 Added: April 21, 2012 Views: 1,728	00:01:21
Introduction to CS Design & Web Premium for Web Introduction to CS Design & Web Premium for Web Evangelist Paul Trani provides an overview of CS6 Design & Web Premium for Web Runtime: 00:01:08 Added: April 22, 2012 Views: 104,693	00:01:08
Introduction to Dreamweaver CS6 Introduction to Dreamweaver CS6 Adobe Evangelist Greg Rewis provides an overview of Dreamweaver CS6. Runtime: 00:02:04 Added: April 22, 2012 Views: 231,850	00:02:04
Introduction to Adobe Edge preview Introduction to Adobe Edge preview Evangelist Paul Trani provides an overview of Edge preview. Runtime: 00:02:31 Added: April 22, 2012 Views: 19,909	00:02:31
Introduction to Flash Professional CS6 Introduction to Flash Professional CS6 Evangelist Paul Trani provides an overview of Flash Professional CS6. Runtime: 00:02:32 Added: April 22, 2012 Views: 34,694	00:02:32
Introduction to Fireworks CS6 Introduction to Fireworks CS6 Evangelist Greg Rewis provides an overview of Fireworks CS6. Runtime: 00:02:06 Added: April 22, 2012 Views: 26,969	00:02:06
What's New in Photoshop CS6 What's New in Photoshop CS6 Bryan O'Neil Hughes provides an oveview of Photoshop CS6 Runtime: 00:02:13 Added: April 22, 2012 Views: 60,188	00:02:13
What's New in Illustrator CS6 What's New in Illustrator CS6 Adobe Design evangelist Rufus Deuchler provides an overview of what's new in Illustrator CS6 Runtime: 00:02:12 Added: April 22, 2012 Views: 97,314	00:02:12
Introduction to PhoneGap Introduction to PhoneGap Brian LeRoux provides an overview of PhoneGap. Runtime: 00:02:27 Added: April 22, 2012 Views: 7,226	00:02:27
Introduction to TypeKit Introduction to TypeKit Sr. Product Manager Greg Veen provides an overview of TypeKit Runtime: 00:02:49 Added: April 21, 2012 Views: 2,353	00:02:49
Getting Started with Creating Mobile Apps and Webs... Getting Started with Creating Mobile Apps and Websites with Design and Web Premium CS6 Adobe Evangelist Paul Trani shows how to create apps and websites for multiple screens using Design & Web Premium CS6. Runtime: 00:05:23 Added: April 22, 2012 Views: 24,658	00:05:23
Deliver Exceptional Work Faster with Workflow and... Deliver Exceptional Work Faster with Workflow and Productivity Enhancements in Creative Suite Adobe Design Evangelist, Rufus Deuchler talks about just a few of the new time-saving features in CS6 Design & Web Premium. Runtime: 00:01:31 Added: April 22, 2012 Views: 9,472	00:01:31
Create New Types of Content with CS6 Design & Web... Create New Types of Content with CS6 Design & Web Premium CS6 Design & Web Premium offers you the ability to create new types of content without needing to learn new software. See how you can edit video or 3D objects with Adobe Photoshop CS6 Extended, or design iPad publications with Adobe InDesign CS6. Runtime: 00:01:21 Added: April 22, 2012 Views: 4,842	00:01:21
Extend Your Web Design Capabilities with CS6 Desig... Extend Your Web Design Capabilities with CS6 Design & Web Premium CS6 Design & Web Premium offers you the ability to create new types of web content without needing to learn new software. Runtime: 00:01:26 Added: April 22, 2012 Views: 8,015	00:01:26
HTML Tooling Innovations in CS6 and Creative Cloud HTML Tooling Innovations in CS6 and Creative Cloud Adobe Evangelist Paul Trani shares the latest innovations around web standards in CS6 Design & Web Premium and Adobe Creative Cloud. Runtime: 00:05:40 Added: April 22, 2012 Views: 4,838	00:05:40
Creating CSS Transitions in Dreamweaver CS6 Creating CSS Transitions in Dreamweaver CS6 Adobe Evangelist Greg Rewis shows how to create CSS transitions in Dreamweaver CS6. Runtime: 00:06:46 Added: April 22, 2012 Views: 23,612	00:06:46
Using the PhoneGap Build Panel in Dreamweaver CS6... Using the PhoneGap Build Panel in Dreamweaver CS6 to Build Native Applications for Android and iOS Devices Adobe Evangelist Greg Rewis shows how to build native applications for Android and iOS devices using Dreamweaver CS6. Runtime: 00:05:25 Added: April 22, 2012 Views: 37,192	00:05:25
Updated PhoneGap Support in Dreamweaver CS6 Updated PhoneGap Support in Dreamweaver CS6 Updated support for Adobe PhoneGap™ makes it easier to build and package native apps for Android and iOS. Create mobile apps by repurposing existing HTML code. Use PhoneGap emulators to check your designs. Runtime: 00:02:03 Added: April 22, 2012 Views: 61,850	00:02:03
Using JQuery Mobile Swatches in Dreamweaver CS6 to... Using JQuery Mobile Swatches in Dreamweaver CS6 to Easily Skin Mobile Applications Adobe Evangelist Greg Rewis shows how to easily skin mobile applications using Dreamweaver CS6 Runtime: 00:05:42 Added: April 22, 2012 Views: 8,286	00:05:42
Creating Adaptive Designs Using Fluid Grid Layouts... Creating Adaptive Designs Using Fluid Grid Layouts in Dreamweaver CS6 Adobe Evangelist Greg Rewis shows how to create adaptive designs using Fluid Grid Layouts in Dreamweaver CS6. Runtime: 00:06:27 Added: April 22, 2012 Views: 42,202	00:06:27
Fluid Grid Layout in Dreamweaver CS6 Fluid Grid Layout in Dreamweaver CS6 Create cross-platform and cross-browser-compatible web designs using the CSS3-based fluid grid layout system. Runtime: 00:01:18 Added: April 22, 2012 Views: 16,501	00:01:18
New CSS3 Support in Dreamweaver CS6 New CSS3 Support in Dreamweaver CS6 Adobe Evangelist Greg Rewis shows what's new with CSS3 support in Dreamweaver CS6. Runtime: 00:07:35 Added: April 22, 2012 Views: 15,806	00:07:35
Creating JavaScript in Flash Professional CS6 Creating JavaScript in Flash Professional CS6 Adobe Evangelist Paul Trani shows how to create HTML content in JavaScript using Flash Professional CS6. Runtime: 00:02:39 Added: April 22, 2012 Views: 10,084	00:02:39
Exporting Flash Content as HTML in Flash Professio... Exporting Flash Content as HTML in Flash Professional CS6 Adobe Evangelist Paul Trani shows how to export Flash content as HTML using the Toolkit for CreateJS extension with Flash Professional CS6. Runtime: 00:03:29 Added: April 22, 2012 Views: 25,061	00:03:29
Generating Sprite Sheets Using Flash Professional... Generating Sprite Sheets Using Flash Professional CS6 Adobe Evangelist Paul Trani shows how to generate sprite sheets in Flash Professional CS6. Runtime: 00:02:43 Added: April 22, 2012 Views: 9,397	00:02:43
Sprite Sheet Generation in Flash Professional CS6 Sprite Sheet Generation in Flash Professional CS6 Export symbols and animation sequences to instantly generate sprite sheets that improve gaming experience, workflow, and performance. Runtime: 00:01:21 Added: April 22, 2012 Views: 4,722	00:01:21
New Support for HTML5 in Flash Professional CS6 New Support for HTML5 in Flash Professional CS6 Leverage a new extension (available separately) to create interactive HTML5 content by building on core animation and drawing capabilities in Flash Professional. Export as JavaScript to target the CreateJS open source framework. Runtime: 00:01:24 Added: April 22, 2012 Views: 14,590	00:01:24
Wide Platform and Device Support in Flash Professi... Wide Platform and Device Support in Flash Professional CS6 Reach Android™ and iOS devices by targeting the latest Adobe Flash Player and AIR runtimes. Runtime: 00:01:17 Added: April 22, 2012 Views: 3,379	00:01:17
Prepackaged Adobe AIR application creation in Flas... Prepackaged Adobe AIR application creation in Flash Professional CS6 Create and deliver applications with a prepackaged Adobe AIR captive runtime. Streamline application testing and enable end users to run your content without additional downloads. Runtime: 00:00:46 Added: April 22, 2012 Views: 2,270	00:00:46
New Features and Enhancements in the Photoshop CS6... New Features and Enhancements in the Photoshop CS6 Vector Shapes Tool Adobe Digital Imaging Evangelist Julieanne Kost shares the new features and enhancements in the Photoshop CS6 vector shapes tool. Runtime: 00:09:11 Added: April 22, 2012 Views: 42,599	00:09:11
Content-Aware Patch in Photoshop CS6 Content-Aware Patch in Photoshop CS6 Patch images with greater control using Content-Aware Patch, which allows you to choose the area that Content-Aware will use to create your patch. Runtime: 00:01:28 Added: April 22, 2012 Views: 38,216	00:01:28
New and Reengineered Design Tools in Photoshop CS6 New and Reengineered Design Tools in Photoshop CS6 Create superior designs faster. Get consistent formatting with type styles, use vector layers to apply strokes and add gradients to vector objects, easily create custom strokes and dashed lines, quickly search layers, and more. Runtime: 00:02:25 Added: April 22, 2012 Views: 28,455	00:02:25
Pattern Creation in Illustrator CS6 Pattern Creation in Illustrator CS6 Product manager Brenda Sutherland shows how to easily create seamlessly tiled vector patterns that can be edited at any time with Illustrator CS6. Runtime: 00:01:45 Added: April 22, 2012 Views: 23,162	00:01:45
Clean CSS Code Extraction From Designs and Web Pag... Clean CSS Code Extraction From Designs and Web Pages in Fireworks CS6 Save time and preserve your design's integrity by cleanly extracting CSS elements and values (such as color, font, gradient, and corner radius) using the new CSS Properties panel. Once you have the code, copy and paste it directly into Adobe Dreamweaver® CS6 software or other HTML editors. Runtime: 00:02:08 Added: April 22, 2012 Views: 13,095	00:02:08
New jQuery Mobile Theme Skinning Support in Firewo... New jQuery Mobile Theme Skinning Support in Fireworks CS6 Create, modify, or update jQuery themes for mobile websites and apps, including CSS sprite images. Runtime: 00:01:32 Added: April 22, 2012 Views: 4,741	00:01:32
Enhanced jQuery Mobile Support in Dreamweaver CS6 Enhanced jQuery Mobile Support in Dreamweaver CS6 Build native mobile apps for iOS and Android platforms using updated support for jQuery Mobile. Build apps to reach mobile audiences while streamlining your mobile development workflow. Runtime: 00:01:53 Added: April 22, 2012 Views: 5,719	00:01:53
Deliver Exceptional Work Faster - Workflow and Oth... Deliver Exceptional Work Faster - Workflow and Other Productivity Enhancements in CS6 (Focused Towards a Web Audience) Include Ps, Ai etc Save time as you design and build for website by learning about the latest productivity enhancements in Photoshop and Adobe Illustrator. Runtime: 00:06:14 Added: April 22, 2012 Views: 2,695	00:06:14
Increased Performance Across Apps Photoshop, Dream... Increased Performance Across Apps Photoshop, Dreamweaver & Illustrator Whether using your old system or have a new one, you’ll be able to experience increased performance in Adobe Createive Suite 6 Photoshop, Dreawmeaver, and Illustrator. Runtime: 00:04:17 Added: April 22, 2012 Views: 12,721	00:04:17