Skip to content

CodeAnalogies Blog

Visual explanations of HTML, CSS and JavaScript concepts

Tag: 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 Selectors Explained By Going Car Shopping

CSS Selectors Explained By Going Car Shopping

November 21, 2016February 4, 2018 Posted in css2 Comments

This visual explanation will help you understand how to use selectors in CSS.

cssDesignLearning To CodeProgrammingWeb 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
CSS Positioning Explained By Building An Ice Cream Sundae

CSS Positioning Explained By Building An Ice Cream Sundae

August 27, 2016March 4, 2018 Posted in css3 Comments

This visual explanation will help you understand CSS positioning by showing how the parts compare to an ice cream sundae.

cssDesignProgrammingTechWeb 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

  • Are You The “Joel Embiid” Of Tech Startups?
  • Docker Containers Explained by Renting Office Space
  • Visualized Algorithm Challenge 2: Finding the Difference Between Two Arrays
  • Pull Requests Explained by Giving A Presentation
  • State (in JavaScript) Explained by Cooking A Simple Meal

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