FAQ: How does the Graphic News ai2html script differ from that of the New York TimesThe method used by Graphic News was pioneered by the New York Times. They recognized that by using different arboards graphic designers could create attractive responsive graphics and could avoid bespoke coding. They also had the altruism to make the AI2HTML script available to others. To meet the needs of an agency certain modifications have been made.
- GN responsives use three Artboards rather than 4. The largest, Artboard 1 corresponds to a standard two-column traditional print graphic.
- The GN AI2HTML script produces files to match GN filename conventions and embed code. It accommodates variables. These can be used to avoid editing text on multiple artboards, and reduce the need to segment text so that words in different font characteristics (regular, bold, italic) are in different strings.
- The text is outlined before running the script to avoid uncontrollable text movement at intermediate screen widths. This enables the designer to use the same Character and Paragraph settings as they would in a print design. This also makes it much faster to make a print graphic from one of the Artboards.
- Before outlining the editable text is saved in a separate layer (The Translation Layer) screened from view by a background layer. If locked it is invisible to the AI2HTML script. Views are set up so that it is possible to toggle between the Translation View and the Text View, when exhanging editable text for outlined text.
- The layers used are identical to those used in GN print graphics to facilitate producing a print graphic from one of the Artboards.