Skip to content

CodeAnalogies Blog

Visual explanations of HTML, CSS and JavaScript concepts

Tag: Web Design

The CSS Box Model Explained by Living in a Boring Suburban Neighborhood

The CSS Box Model Explained by Living in a Boring Suburban Neighborhood

March 27, 2017October 28, 2019 Posted in cssLeave a comment

This visual explanation will help you understand the CSS Box Model with an analogy.

cssDesignTechnologyWeb DesignWeb Development
CSS Flexbox Explained by Road Tripping Across the Country

CSS Flexbox Explained by Road Tripping Across the Country

October 22, 2016October 28, 2019 Posted in cssLeave a comment

This visual tutorial will explain to learn Flexbox via a roadtrip analogy

cssDesignProgrammingWeb DesignWeb Development
CSS Floats Explained By Riding An Escalator

CSS Floats Explained By Riding An Escalator

September 20, 2016October 28, 2019 Posted in css1 Comment

This visual tutorial will help you understand floats in CSS by showing you they are similar to an escalator

cssDesignLife LessonsWeb DesignWeb Development
6 Absurd Ideas For Building Your First Web App

6 Absurd Ideas For Building Your First Web App

May 18, 2016October 28, 2019 Posted in webLeave a comment

Here are 6 funny ideas for building a web app, if you are looking for sample projects.

DesignFront End DevelopmentTechnologyWeb DesignWeb Development
  • Home
  • About
  • Get Latest Tutorials (Email)
  • Try Interactive Version
  • Contact

Recent Posts

  • Merge Sort Explained By Trying To Become A Tennis Champion
  • Web Development Explained by Trying to Run a Restaurant
  • Recursion and the Call Stack Explained By Reading A Book
  • Bubble Sort Algorithm Explained By Picking Teams At Recess
  • Async/Await Explained By Doing Your Morning Routine

About CodeAnalogies

Hi, I’m Kevin! I teach web development a littttle differently than anyone else. I use analogies and imagery. In fact, this is the way your brain naturally learns best!

I started publishing on Medium (profile here), and now I am focusing on building my own blog!

Follow Us

  • Medium
  • Twitter
WordPress.com. CodeAnalogies Blog
 

Loading Comments...