TradeIdeasPhilip / practice-projects

Like doodling, whittling, or scales

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Practice Projects

These are a bunch of small projects that I did to practice HTML/JavaScript/CSS.

These are all pretty simple. You don't need any tools to build anything. You don't need to copy anything to a website.

All of these have a decent chance of running. I tested most of them with Chrome and Windows. No promises!

  • Triangle Doodles — I used to doodle like this by hand.
  • Sierpiński Triangle Photo Album — If you have three kids this would be a great way to make a photo album. ⭐
  • DOS Themed CSS — I found this on the web somewhere. I don't know what to do with this, but I gotta do something!
  • N-Queens — This is a classic problem.
  • Snake — Another classic. I first learned this in BASIC on a TI 99/4.
  • 3d text — You need some imagination to see these. I had much better luck with ThreeJS.
  • Binary Blocks — Teach binary to kids. Teach me drag and drop.
  • Bounce — A very simple physics simulation.
  • Circles
    • The idea came from this video.
    • Click on a circle on the top row to change it.
    • I love the old Motif aesthetic, but I can make it look so much better now.
  • Conical Gradient — How to draw a high quality cone. This used to be difficult, but conical gradient is standard CSS.
  • Dragon Scales — I love the way this looks. Click the menu to configure it. ⭐
  • Ford Circles — Animated math fun. ⭐
  • Hexagons — Another homage to Motif.
  • Sierpiński Triangle
    • Solid — Set the middle control to 0 to get a traditional Sierpiński Triangle. Raise that number to add more randomness.
    • Outlines — Another version.

About

Like doodling, whittling, or scales


Languages

Language:HTML 84.0%Language:CSS 5.9%Language:JavaScript 5.5%Language:TypeScript 4.7%