Home

Project Resources

We can add our resources here!

This page is formatted in Markdown (cheatsheet).

Web Development

• 📺 If you prefer to watch
  • Responsive Portfolio Website From Scratch
  • Creative Web Design: Planning and Coding from Scratch](https://www.domestika.org/en/courses/2309-creative-web-design-planning-and-coding-from-scratch)
  • Udemy's HTML & CSS courses (sometimes this site has great deals)
  • ...add your tutorial finds from YouTube, etc., here!
• 📚 If you like to read, start with these friendly tutorials
  • HTML & CSS Is Hard (But it doesn’t have to be): A friendly web development tutorial for complete beginners
  • Joey Lee and Cassie Tarakajian's guides from their ITP DWD Course
    • Web Design Process Guide
    • HTML Guide
    • CSS Guide
    • Guide to your Browser's Developer Tools
    • Your First Website Guide
• 🍦 Pick your flavor
  • W3 Schools: HTML | CSS | JavaScript
  • Google's web.dev: Learn HTML | Learn CSS | Learn JavaScript
  • MDN Web Docs: Web development tutorials including Getting started with the Web (for complete beginners)
• 🟡 Mostly CSS
  • A Complete Guide to CSS Concepts and Fundamentals (with HTML fundamentals) by Tania Rascia
  • CSS Tricks
  • Web Design Experiments by Jen Simmons (with links to CodePen examples)
  • CSS Layout Generator
• 🤝 Accessibility
  • Access Guide a friendly introduction to accessibility!
• ⚛️ React
  • How to Use React, the JavaScript Framework by Tania Rascia
  • How to Structure and Organize a React Application by Tania Rascia
• Figma design into code: try Bolt
• Jumpstart by Alan Ren is "A simple cross-platform Electron wrapper lets you open any URL in a dedicated window with options for kiosk mode, full screen mode, and system startup, useful for setting up creative coding projects."