跳转到主要内容

章节web.dev 学习文章

Handbook

39 页更新于 1 天前

开始阅读

本章内容39

  1. 01 Adding a course Create a new directory in src/site/content/en/learn/. The name of this directory will be your projectKey ... 1 天前
  2. 02 Audience When you're writing for web.dev, it's important to consider the persona or personas you're writing for. Kee... 1 天前
  3. 03 Authors profile Add a new object to authors.yml with the following structure. Make sure to choose a unique author slug. au... 1 天前
  4. 04 Banners This guide explains how to add a banner to the site. Add a site-wide banner In src/site/_date/site.js, loo... 1 天前
  5. 05 Case study guidelines The goal of this guide is to help you write effective case studies. web.dev's goal for case studies {: #goa... 1 天前
  6. 06 web.dev content review checklists This page contains the official checklists that all web.dev editors are expected to use when reviewing new ... 1 天前
  7. 07 Content types Format: Multi-step instructions paired with an embedded sample app Typical use case: Showing how to do smal... 1 天前
  8. 08 Example codelab The codelab layout supports the full range of markdown elements/blocks as demonstrated in the example post.... 1 天前
  9. 09 Example course The courses layout supports the full range of markdown elements/blocks as demonstrated in the example post.... 1 天前
  10. 10 Example Section The courses layout supports the full range of markdown elements/blocks as demonstrated in the example post. 1 天前
  11. 11 Example Section - 2 The courses layout supports the full range of markdown elements/blocks as demonstrated in the example post. 1 天前
  12. 12 Sample pattern The pattern layout supports the full range of markdown elements/blocks as demonstrated in the example post.... 1 天前
  13. 13 Sample pattern-set template Content added to the pattern-set template will render beneath the TOC and above the list of patterns. Lorem... 1 天前
  14. 14 An example blog post used for screenshot testing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum a massa sit amet ullamcorper. Suspend... 1 天前
  15. 15 Write effective instruction Most web.dev content includes at least some instruction. These guidelines help make your instruction easy t... 1 天前
  16. 16 Grammar, mechanics, and usage Grammar and mechanics are important for making writing clear, but don't let them get in the way of putting ... 1 天前
  17. 17 Inclusion and accessibility web.dev has a diverse, international audience. We want all members of that audience to be able to access an... 1 天前
  18. 18 Homepage and collection cards The homepage themes section, and at the bottom of an collection page (linked from /explore) can take a grid... 1 天前
  19. 19 Code This post is about how to get sample code to look right in your piece and follow site conventions. For guid... 1 天前
  20. 20 Images and video Dimensions Hero images should be 3200px wide by 960px tall. Thumbnail images should be 376px wide by 240px ... 1 天前
  21. 21 Posts and codelabs This post is about how to set up a new post or codelab so it works correctly on web.dev. For guidelines abo... 1 天前
  22. 22 Sample apps This post is about how to get sample apps to work right in your post and follow site conventions. For guida... 1 天前
  23. 23 Policies An author should only be added to a page when that person significantly updates the existing content or con... 1 天前
  24. 24 Pull request guidelines This guide is intended for the web.dev teammates who review and merge content pull requests (PRs). These gu... 1 天前
  25. 25 Content quality guidelines Read this page to learn the guiding principles of content quality on web.dev. The top-level sections of thi... 1 天前
  26. 26 Quick start guide Content creation for web.dev and developer.chrome.com has four phases: planning, writing, reviewing, and pu... 1 天前
  27. 27 Redirects This guide explains how to redirect content. Redirect a single page Open redirects.yaml. Add an entry simi... 1 天前
  28. 28 Resolving Glitch issues web.dev uses Glitch to embed web-based sample apps and development environments in its posts and codelabs. ... 1 天前
  29. 29 Content review guidelines This guide is intended for web.dev content authors and reviewers. The purpose of this guide is to help auth... 1 天前
  30. 30 Self-assessments Self-assessments provide opportunities for users to check their understanding of concepts covered in your p... 1 天前
  31. 31 Third-party contributors First, thanks for contributing to web.dev! We really appreciate your help in making this community better. ... 1 天前
  32. 32 Tooling and libraries Choosing tooling and libraries can be one of the most overwhelming and time consuming aspects of web develo... 1 天前
  33. 33 Use images and video effectively This post is about how to use images and video to support your writing goals. If you're looking for technic... 1 天前
  34. 34 Voice The voice of web.dev is: Knowledgeable. We have deep expertise in the topics we discuss. We offer clear rat... 1 天前
  35. 35 web.dev components The web.dev platform includes various components to make it easy for content contributors to include common... 1 天前
  36. 36 Word list This word list tells you how to spell, punctuate, and capitalize common words in web.dev content. This word... 1 天前
  37. 37 Write useful code samples This post is about how to use code blocks and sample apps to support your writing goals. If you're looking ... 1 天前
  38. 38 How to write blog posts for web.dev and developer.chrome.com This guide is written for people who are not primarily tech writers, but want to write a post for web.dev o... 1 天前
  39. 39 YAML front matter --- … alt: An old-fashioned storage container. … The alt text for the hero image. Required if the hero YAM... 1 天前