IIIF for Educators

Fly Through The Digital Florentine Codex

click to copy lesson html Students are introduced to the practice of "Ekphrasis" to practice "reading" an image/photograph.

Fly Through The Digital Florentine Codex

🖥️ Activity

Illustration of a feather above the water's surface. It is a conceptual reference to the color deep green

The Digital Florentine Codex is an online "digital edition" of the Florentine Codex produced at the Getty Research Institute by a team of scholars, designers, and technologists (including myself and a former Oxy student!). We will explore this remarkable resource, and learn some of its sophisticated features for scholarly use. This Canvas discussion-based lab activity will support our active engagement with embedded tools and instructions.

Objectives
  • To familiarize you with the images as a “third” text of the DFC
  • To learn the conventions of Mesoamerican iconography
  • To learn how the folios are numbered and cited
  • To learn writing conventions when using images (captions, citation)

🪜 Steps

Stage 1
Browse the DFC site  (click to open and close)
  • Review and consider Example of feather, below
  • Use browse and keywords in the DFC site to explore other terms and images
  • Follow leads to identify new terms and themes to investigate
Stage 2
View and Crop Book 12 imagery outside the DFC site  (click to open and close)
  • Use the Mirador Viewer to find items from the DFC in Book 12, using Book and Folio numeration
  • Try various features and settings of Mirador for rigorous, comparative inspection of the Florentine Codes
  • Use the IIIF Cropping Tool to select details for sharing
Stage 3
Share selections  (click to open and close)
  • Use the discussion forum to create a post
  • Add media using image upload or </> HTML
  • Comment and add DFC location information 

👓 Example

Feather / Ihhuitl
Consider the example of The Feather in the Digital Florentine Codex  (click to open and close)

As vocabulary in the digital edition, "feather" and one of its Nahuatl translations "ihhuatl" can be searched for either Text or Image returns. Depending upon which you select, nearly all books in the Florentine Codex are represented in the returns, and the variety of content associated with these search terms is astounding. It is easy to see, in this sense, how pervasive feathers are in Nahua history and culture. Here, the profession of feather seller as two types serves as a kind of metaphor for people in general. 

The feather seller

Image of a feather seller from the Florentine Codex: a man sitting on the ground with a basket and one featherThe feather seller is a feature worker, a merchant-the man [with] the basket.

The good feather seller [is] a gentle worker-one who esteems [his wares], who is dedicated. He sells various feathers-precious feathers; he sells fine green feathers, chili-green feathers, this curved at the tip, the feathers of young birds. He sells [feathers of the trogonorous, the troupial, the blue cotinga.

The bad feather worker [is] a [fraudulent] embellisher of feathers, a treater of feathers with glue. He sells old, worn feathers, damaged feathers. He dyes feathers; he dyes those which are faded, dirty, yellow, darkened, smoked.

 

Explore

Now look for yourself at some of the entries, and follow links to related terms below any image you view:

🧱 Materials

Digital Florentine Codex site

Digital Florentine Codex
The "FloCo" site is also embedded here for your convenience, but you are encouraged to link out to the site for best reading and viewing  (click to open and close)
IIIF Manifests
Below are the respective IIIF manifest URLs for each book of The Florentine Codex, from the Bibiloteca Laurenziana. 
(Click to open list)
From The Getty Research Institute, Digital Florentine Codex, by volume

Books 1-4

https://media.getty.edu/iiif/manifest/ae8c3376-f8d6-447b-90a9-9c67b4cbe4d1

Books 5-9

https://media.getty.edu/iiif/manifest/3fa03fbc-a8c8-489e-83a5-1efc2d55fe5b

Books 10-12

https://media.getty.edu/iiif/manifest/d8a35385-d097-4306-89c0-1a15aa74e6da

🛠️ Tools

Mirador Viewer
The cartoon is pre-loaded in this activity, but here are general instructions for comparative viewing  (click to open and close)
  1. Copy a IIIF manifest URI
  2. Click the +START HERE button in the upper left
  3. Then click the +ADD RESOURCE button on the lower right (the page may jump down a bit)
  4. Paste the manifest URI in the Resource location blank and click ADD. The item should load and display an item bar
  5. Click the item bar to load the item in the viewer
  6. For comparative viewing, repeat this process with another resource. You can do this multiple times
  7. Item windows can be dragged into different configurations using their header bar
  8. Zoom in and out, click through pages, and acclimate yourself to the many viewing settings, including thumbnail, single page, etc.
IIIF Cropping Tool
Use this tool to find the URI for an image in a IIIF manifest, and to crop a detail from that image  (click to open and close)

Instructions

  1. Click the page thumbnail to load in the viewer
  2. Zoom and view the item 
  3. To crop a detail from the image, click the white pencil icon, and highlight the desired portion by clicking and dragging a rectangle from corner to corner
  4. A thumbnail of your selected detail will appear in a slider at the bottom of the Cropping Tool. You can repeat to collect multiple details.
  5. Click on the thumbnail of any detail to generate an image URL. 
  6. Click Copy to copy the Image URL
  7. If you would like the URL for the full page, click the page thumbnail, and Copy the URL

Tip: make sure to select Full size before you Copy the URL!

✉️ Share

Select one image or image detail that you want to share with the class. Submit a reply to this discussion forum with that image and a brief comment:

  • what you think the image shows
  • why you think it is important
  • how it might reflect indigenous points of view.

 Make a note of the folio (page) number so you or others can find it again in the DFC site.

Posting imagery
To add linked images to a discussion post (click to open and close)
  1. click Reply
  2. to enter your image details, click the Picture icon picture icon in the text editing toolbar. In the Upload Image popup, click the URL tab, and paste your URL in the File URL blank. Briefly describe your image in the Alt Text field (for the visually impaired), add your text commentary and click Post Reply .
copyright 2026