Apple News Format Tutorials
Create a basic article and then add advanced design features.
- Apple News Format
- Apple News API
In these tutorials, you’ll download
article.json files and follow steps to add code. Preview your changes in News Preview as you go. If you are not familiar with JSON or Apple News Format, see JSON Concepts and Article Structure before you get started.
Before beginning the tutorial, make sure you have the following installed:
macOS or OS X 10.11.3 or later
The required version of Xcode for your News Preview version, as specified on the News Preview page. After you install Xcode, launch the application and agree to all license agreements. When you see the Welcome to Xcode window, you have finished installing Xcode.
iOS 11 or later SDK. This is part of the Xcode installation.
Text editing software of your choice. This is necessary only if you are editing the tutorial files yourself. See Choose a Text Editor.
Introductory Design Tutorial
Adding a Divider
Create a horizontal, styled divider that extends to the right edge of the display.
Adding an Image and Captions
Create a photo that extends to both edges of the display, with captions that appear in the article layout and in full-screen view.
Adding a Pull Quote
Break an existing body component into two components, and then insert a pull quote between them.
Advanced Design Tutorial 1: Headers and Parallax Behavior
Learn the basic Apple News Format container concepts required for the three advanced tutorials.
Adding Parallax Behavior
Create an illusion of multiple flat layers by causing the article body to overlap the header as the user scrolls.
Advanced Design Tutorial 2: Layout and Positioning
Use animations to affect how parts of your article come into view the first time they appear.
Adding a Scene
Control how the article’s opening section comes into view.
Advanced Design Tutorial 3: More Ideas
Download more example article bundles for Apple News Format articles.
Article Design and Creation
Apple News Format
Get Apple News Format reference information, and create signature content for Apple News.