Resources

0 - Courses

• COMM 244: Design For The World Wide Web
• LTW: Learn the Web
• web.lab - MIT
• CS142: Web Applications (Spring 2023)

1 - Books

2 - References

• HTML5 and CSS cheat sheet
• Web Cheatsheet
• shecodes cheatsheet
• https://cssauthor.com/html-and-css-cheat-sheets/
• codrops
• 9 个优秀的图片占位图服务

3 - Readings

How-To

Notes

• CSS Flexbox Tutorial with Flexbox Properties Cheat Sheet 🎖️
• A Complete Guide to Flexbox
• Let’s Build A Web Server. Part 1.
• Let’s Build A Web Server. Part 2.
• Let’s Build A Web Server. Part 3.
• 《web前端框架开发设计》板书
• https://darekkay.com/flexbox-cheatsheet/

• Common CSS Flexbox Layout Patterns with Example Code

• https://alistapart.com/article/holygrail/

• https://flexboxpatterns.com/

• https://github.com/anish000kumar/Javascript-DOM-API-cheatsheet

  https://www.codecademy.com/learn/fscp-building-interactive-websites-with-javascript/modules/fecp-javascript-and-the-dom/cheatsheet

  • https://wesbos.com/javascript
  • https://github.com/mbeaudru/modern-js-cheatsheet

4 - Tools & Guides

• Real-time HTML Editor
• HTML5Pattern
• SYMBL
• Sprite Cow - Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.

• https://uiverse.io/ - Open-Source UI elements for any project

• https://neumorphism.io/#e0e0e0 - Generate Soft-UI CSS code

9 - Getting Help