Web Fundamentals - Simplified Chinese

Project Completed, updating credts...

An open-source project initiated by uisdc.com, one of the largest platform of Chinese Web Industry.

Credits (Thanks to all the translators participated in this project, your efforts are much appreciated and you have my respect for contributing.)

PS: names are in both Chinese(GBK) and English (duh), check your encoding if can't read.

• hikarievo (阿布)
• RyanY (余然)
• Linghanmin Liu (Tiger) or (刘翎汉民) #geez...
• Elk Ryan (龙凯)
• Vajoy (蓝邦珏)
• Cai (蔡菜寀)
• kami
• the list goes on...

===

• Getting Started unknown
  • Content Structure unknown
  • Responsive Layout unknown

===

• Multi-device Layouts unknown
  • Responsive Web Design Fundamentals unknown
    • Set the viewport unknown
    • Size content to the viewport unknown
    • Use CSS media queries for responsiveness unknown
    • How to choose breakpoints unknown
  • Responsive Web Deisgn Patterns @Pellegrino
    • Mostly fluid unknown
    • Column Drop unknown
    • Layout shifter unknown
    • Tiny tweaks unknown
    • Off canvas unknown
  • Navigation and Action Patterns @Pellegrino
    • App bar @somanybubububu
    • Tab bar @somanybubububu
    • Navigation drawer @somanybubububu
    • Bottom bar @somanybubububu

===

• Form and user input
  • Create Amazing Forms @tiger
    • Label and name inputs properly @mu
    • Provide real-time validation @tiger
    • Choose the best input type @tiger
    • Simplify checkout with requestAutocomplete API @tiger
    • Grouping form fields @tiger
  • Add Touch to Your Site @tiger
    • Stateful Elements Respond to Touch @tiger
    • Implement Custom Gestures @portrayals

===

• Introduction to Media @tofu
  • Images @tofu
  • Video @somanybubububu
    • Add a video @somanybubububu
    • Provide alternatives for legacy platforms @somanybubububu
    • Customize the video player @somanybubububu
    • Size videos correctly @somanybubububu
    • Accessbility matters @somanybubububu
    • Quick Reference @somanybubububu
  • Audio (content under development)

===

• Performance
  • Critical path rendering @tofu
    • Constructing the Object Model @tofu
    • Render-tree construction, Layout, and Paint @tofu
    • Render Blocking CSS @tofu
    • Adding Interactivity with JavaScript @tofu
    • Measuring the Critical Rendering Path with Navigation Timing @tofu
    • Analyzing Critical Rendering Path Performance @tofu
    • Optimizing the Critical Rendering Path @tofu
    • PageSpeed Rules and Recommendations @tofu
  • Optimizing-content-efficiency @somanybubububu
    • Eliminating unnecessary downloads @somanybubububu
    • Optimizing encoding and transfer size of text-based assets @somanybubububu
    • HTTP caching @somanybubububu

===

• Resources @somanybubububu
  • Glossary
  • Samples
  • Style guide
  • Example article