HTML – The Graphic Mac http://www.thegraphicmac.com Apple, Adobe, Graphic Design, Resources Thu, 14 Dec 2017 15:00:48 +0000 en-US hourly 1 https://wordpress.org/?v=4.9.1 30361562 Export your InDesign doc as fixed layout HTML http://www.thegraphicmac.com/export-your-indesign-doc-as-fixed-layout-html Tue, 08 Aug 2017 16:00:11 +0000 http://www.thegraphicmac.com/?p=12610 Related posts:
  1. Adobe InDesign offers JPG export of individual items
  2. How to export InDesign layers as a layered PSD file
  3. Learn how to use InDesign’s Liquid Layout rules to simplify cross-platform design
]]>
This free script for Adobe InDesign outputs the file with proper supporting CSS and JavaScript to a “fixed layout” type of HTML format, that looks and behaves just like a fixed layout EPUB, with the big exception that each page is output as a single HTML file.

]]>
12610
40 useful cheat sheets for designers http://www.thegraphicmac.com/40-useful-cheat-sheets-for-designers Mon, 13 May 2013 15:08:09 +0000 http://www.thegraphicmac.com/?p=8986 Related posts:
  1. Free envelope sizes and die lines
  2. Special symbols keyboard shortcut chart
  3. Designers: How much to charge & how to get paid
]]>
Cheat sheets for designers

SmashingApps has put together a link list of 40 useful cheat sheets for graphic designers covering everything from standard HTML, CSS, and Photoshop shortcuts, to standard envelope and postcard size charts.

You can also grab the Graphic Mac Fraction to Decimal Conversion Chart here.

]]>
8986
Advanced CSS3 training in plain English http://www.thegraphicmac.com/advanced-css3-training-in-plain-english Thu, 05 May 2011 14:23:58 +0000 http://www.thegraphicmac.com/?p=5258 ]]> The Book of CSS3CSS3 is the technology behind most of the eye-catching visuals on the Web today, but the official documentation can be dry and hard to follow. Luckily, The Book of CSS3 distills the heady technical language of the CSS3 specification into plain English, so you can get started on your next project right away.

With real-world examples and a focus on results, The Book of CSS3 shows you how to transform ordinary text into stunning, richly detailed web pages fit for any browser. You’ll master the latest cutting-edge CSS features, like multi-column layouts, borders and box effects, and new color and opacity settings. You’ll also learn how to:

  • Stylize text with fully customizable outlines, drop shadows, and other effects
  • Create, position, and resize unlimited background images on the fly
  • Spice up static web pages with event-driven transitions and animations
  • Apply 2D and 3D transformations to text and images
  • Use linear and radial gradients to create smooth color transitions
  • Tailor a website’s appearance to smartphones and other devices

“The Book of CSS3 doesn’t waste time teaching the basics,” said Author, Peter Gasston. “It’s for experienced developers who want to build on their existing knowledge. It gets right to the good stuff, so you can put it to work on your own sites today. And the companion website offers up-to-date browser compatibility charts and live CSS3 samples for you to explore, so you can actually see the book’s examples in action as you read.”

NoStarch Press is offering a free copy of the Ebook version when you buy the print copy for just $34.95. The Ebook only version can be had for $27.95. You can also purchase a copy of the book from O’Reilly, but it does not come with a free copy of the Ebook.

]]>
5258
Tutorial: Converting your PSD to HTML/CSS http://www.thegraphicmac.com/tutorial-converting-your-psd-to-htmlcss http://www.thegraphicmac.com/tutorial-converting-your-psd-to-htmlcss#comments Mon, 21 Feb 2011 13:00:32 +0000 http://www.thegraphicmac.com/?p=4876 Related posts:
  1. Tutorial: Stone-Textured Text
  2. Tutorial: Create a stunning personalized UFO
  3. HDR photography tutorial
]]>
Web coding tutorial

This tutorial will help you code your PSD mock-up into a functioning website

This second part of a two-part tutorial at SixRevisions focuses on converting and coding your PSD mock-up into a clean HTML/CSS template.

]]>
http://www.thegraphicmac.com/tutorial-converting-your-psd-to-htmlcss/feed 1 4876