cheat-sheets-checklists.html

---
layout: basic-inside
title: "Cheat sheets & checklists"
desc: "A list of all the cheat sheets and checklists available on the website for quick reference."
priority: 0.7
hide_markbot: true
head: |
  <link href="/css/main-topics.min.css" rel="stylesheet">
skip_links: |
  <li><a href="#activity-list">Skip to list</a></li>
---

{% include icons-topics.html %}

{% assign page_data = site.collections | where: "label", page.collection | first %}
{% assign toc = false %}

{% for doc in page_data.docs %}
  {% if doc.slug == "index" %}
    {% assign toc = doc.toc %}
  {% endif %}
{% endfor %}

<div class="wrapper gutter-1-2 pad-t pad-b-1-2" id="activity-list">
  {% include cheat-sheet-checklist-section.html title="The Web" number="infinite" data=toc.the-open-web %}
  {% include cheat-sheet-checklist-section.html title="Set up" number="0" data=toc.setup %}
  {% include cheat-sheet-checklist-section.html title="Content" number="1" data=toc.content %}
  {% include cheat-sheet-checklist-section.html title="Access-ibility" number="2" data=toc.a11y %}
  {% include cheat-sheet-checklist-section.html title="Type" number="3" data=toc.typography %}
  {% include cheat-sheet-checklist-section.html title="Layout" number="4" data=toc.layout %}
  {% include cheat-sheet-checklist-section.html title="Images" number="5" data=toc.images %}
  {% include cheat-sheet-checklist-section.html title="Many screens" number="6" data=toc.many-screens %}
  {% include cheat-sheet-checklist-section.html title="Libraries" number="7" data=toc.libraries %}
  {% include cheat-sheet-checklist-section.html title="Design systems" number="8" data=toc.design-systems %}
  {% include cheat-sheet-checklist-section.html title="Teams" number="9" data=toc.teams %}
  {% include cheat-sheet-checklist-section.html title="JS" number="infinite" data=toc.javascript %}
  {% include cheat-sheet-checklist-section.html title="What’s next?" number="infinite" data=toc.whats-next is-last=true %}
</div>