Skip to content

CodeAnalogies Blog

Visual explanations of HTML, CSS and JavaScript concepts

Tag: css

CSS Specificity Explained By Hopelessly Shopping for New Clothes

CSS Specificity Explained By Hopelessly Shopping for New Clothes

February 15, 2018 Posted in cssLeave a comment

This visual tutorial explains how CSS determines specificity between multiple selectors.

css
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
  • 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...