Blog

CMairsCreate and Candyce Mairs blog about Adobe Dreamweaver, ColdFusion, Acrobat, Captivate, eLearning, Fireworks, Photoshop, Illustrator, InDesign, Livecycle Designer and all things web and mobile. Learn tips and tricks on a variety of web, PDF, and elearning in the posts below.

Adobe ColdFusion Reference at CFDocs.Org

Looking for better documentation for Adobe ColdFusion than what Adobe offers in the Help system? Check out newly revamped CFDocs.org. This site offers handy reference material for ColdFusion tags and functions, and allows you to fork it via GitHub. CFDocs is now open source, so help contribute to the community and build an awesome ColdFusion documentation location.

Using the Adobe Exchange Panel

Use Adobe products such as Dreamweaver, Photoshop, InDesign or Illustrator? Take advantage of all the programs can do by checking out the various extensions available for your products. An extension is a way to add new features or extend the features built into your Adobe software. There are many great features that can be added through extensions. Some extensions are free, others you pay a fee to download and install.

Download the new Exchange Panel to easily browse the various extensions available for your products or learn more about this additional panel you can add to your software which is available for CS6 and Creative Cloud products.

Snap.svg – A New SVG JavaScript Library

Snap.svg is a new JavaScript library for creating and working with SVG images. SVG stands for Scalable Vector Graphics, and is a method for working with vector images without the need for any browser plugin. This library allows you to manipulate images using coding, similar to how you manipulate browser objects using jQuery. Snap is free and completely open source.

Snap allows you to work with any SVG image, not just those created using Snap. It offers the entire set of features built into the SVG format, not just a smaller subset of features. Snap works with modern browsers including IE9, Firefox, Safar & Chrome. View a short video and learn more at Snap.

 

Activating the Develop Menu in Safari

All browsers have built in developer tools that can assist you when building or troubleshooting web pages without the need to download the page into an HTML Editor or try & sort through the source code. The safari Develop menu is a bit more hidden than the other browsers, so you must go into the preferences area and turn it on. Here is the command where you can locate and turn on the ability to use this handy feature within Safari:

Settings Icon->Preferences->Advanced Tab->Show develop menu in menu bar

To access this menu bar once it has been turned on, go to the Display icon (looks like a page in the upper right before the options icon) and choose Develop from the list.

Dreamweaver CS5 New Features Workshop Video Training – Udemy.com!

Get Dreamweaver training at Udemy.com!

Candyce Mairs now offers Dreamweaver training in this video course titled Dreamweaver CS5 New Features Workshop! Working in Dreamweaver and considering an upgrade to CS5? This course offers an overview of all the new features in Dreamweaver CS5, with separate video lessons for each new feature. Quickly learn how to work with the CSS Inspect Tool, become familiar with the CSS Enable/Disable features, and look over the new CSS Starter Layouts included with the program. These are but a few of the new features in Dreamweaver CS5.

Available immediately for $9 or order here for 33% off this course! Udemy offers a 30-day Money Back Guarantee and Lifetime Access.

View Course at Udemy.com

RGB to Hex Color Converter & CSS3 Transparency

There is a really simple RGB to Hex converter that works really well. No more opening up Adobe Photoshop or Fireworks to simply get an RGB or Hex color converted. This link has been added to my Image Resources page so check it out if you need a very quick color conversion between RGB and Hex values.

It is a good idea to begin to convert your colors to RBG now that CSS3 provides an alpha transparency value for RBG colors. Here is an example of the difference in the CSS for a font color:

Old color method using Hex example: color: #8F0179;

RGB color method without transparency: color: rgb(143,1,122);

RGB color method with transparency: color: rgba(143,1,122,.5);

The last decimal value determines the alpha transparency for the color and can be any value up to 1. The value of 1 eliminates the entire transparency showing the full color.

The ability to use transparency is available in all browsers except Internet Explorer 8 or earlier and is considered a new CSS3 feature.

New Blog added at CMairsCreate!

I am very excited about my new website design which allows me to more easily update the information located here. This site is for anyone working on the web, so feel free to comment either here or at facebook.com/cmairscreate. CMairsCreate by Candyce Mairs is located on YouTube, Google+, Facebook, Twitter and Pinterest. Use the social links in the navigation bar to follow, like or keepĀ  in touch with the happenings at CMairsCreate. I look forward to hearing from you in this new area of my site!