CodeAnalogies

What it does

I spent countless hours struggling to learn basic (but challenging!) web development concepts like CSS positioning, callbacks and Model-View-Controller. I felt that putting the analogy at the center of the lesson might be a better way to teach. The tutorials use real-world concepts to explain web development.

A series of tutorials that make challenging CSS and JavaScript topics easy to understand with detailed visual guides.

Fully understand JavaScript and CSS concepts using memorable analogies and imagery. Eliminate hours of trial and error and guessing. Over 400,000 people have used CodeAnalogies. I try to release a new guide every week. Want to hear about it first? At CodeAnalogies, we optimize our tutorials for understanding . What makes each web development topic unique? Webhooks v. APIs Explained by Selling Seasonal Produce At Your Farm Hi, I'm Kevin! I taught myself web development over the last couple years on nights and weekends. It was...challenging. There had to be a better way to teach code than endless videos, blog posts and practice problems. I started studying cognitive psychology, and I realized…from codeanalogies.com

• 
  Ranktutorials2018 · ▲110

  Feed of web development tutorials 🛠️

• 
  Web Skills – A Visual Learning Guide for Web Developers2020 · andreasbm.github.io · ▲98

  A visual overview of useful skills to learn as a web developer

• 
  Learning Web Design2017 · amazon.com · ▲69

  A Beginner's Guide to HTML, CSS, JavaScript, & Graphics

• 
  WebDevVisuals2024 · webdevvisuals.com · ▲27

  Level up your web dev game with simplified visuals

• 
  Website Starter Kit from Glitch2018 · blog.glitch.com · ▲134

  Learn HTML, JS, CSS & Node.js w/ free videos & live code

• 
  How I Learned to Code2017 · amazon.com · ▲65

  Lessons From Teaching Myself Web Development

• 
  SimCity, but with Permits▲894

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 1d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 13d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 14d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 8d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 12d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 22d ago · space.bl2.net

• 
  Six Degrees of Wikipedia▲1,176

  Find the shortest hyperlinked paths between any two pages on Wikipedia.

  Life & fun · 2018 · sixdegreesofwikipedia.com

• 
  Witeboard▲1,017

  A real-time whiteboard for your team. No signups required.

  Dev tools · 2018 · witeboard.com

• 
  Product Hunt 4.0 for Mobile▲955

  Discover your next favorite thing, now on iOS and Android 📱

  Life & fun · 2018

• 
  PixelSnap▲945

  Measure every pixel on your screen with ease ✨

  Dev tools · 2018 · pixelsnap.com

• 
  Sip by Product Hunt▲933

  Daily tappable tech news and stories.

  Life & fun · 2018 · sip.fyi

• 
  Logo▲866

  Clean, simple, hassle-free logo design

  Growth · 2018 · logo.shapefactory.co