Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Design > Voices That Matter

  • Print
  • + Share This
Like this article? We recommend Preview and Publish

Preview and Publish

The design content you create is converted to HTML, CSS, and JavaScript using the Macaw engine called Alchemy, when you publish. The code is relatively clean, and there are many publishing options offered. One interesting thing about Macaw (there are a few) is that in order to preview, you need to publish first. Not publish to a host, but have Macaw generate the HTML, CSS, and other files necessary to preview.

With the project open, you should set the publish settings first. Choose File > Publish Settings. In the Publish Settings dialog box, you can choose which pages to publish (the Pages options on the left), inject your own code like Google Analytics code (the Head & Tail option), and set general settings for the code generated like how to optimize it and what units to use (see Figure 19). Previously, I mentioned that you could supply images for retina devices. In the Image category of the Publish Settings dialog box, you can select Generate Optimized Images to enable a JQuery library to serve the correct image for the correct device size and pixel density.

Figure 19 Publish Settings

You can then close the dialog and choose File > Publish. The current page will open in what appears to be a browser window of their creation (see Figure 20). You can then view the different code generated and even open the site in your default browser.

Figure 20 Publish

Once you publish the site, a folder is created in the same folder as the Macaw project file (.mcw). In that folder is the front-end content such as CSS, HTML, images, and JavaScript that you can use as you wish (see Figure 21).

Figure 21 The published files

  • + Share This
  • 🔖 Save To Your Account