Chat April 7–Cross Browser Compatibility Principles

  1. Briefly describe the Box Model. Why do you need to understand this?
    The principle that every element on a page is essentially a rectangle (a box). The box calculates how much space an element takes up, the presence of borders, margins, padding and how they behave (overlap or collapse and the box’s position on a page. Because it works pretty much the same in all browsers, is important to understand it in order to achieve cross browser compatibility.
  2. Explain why a CSS Reset is a good idea. A CSS reset is a good idea because it improves cross browser experience. Margin and padding differences in different browsers, can be minimized by resetting everything to zero, giving more control over space and alignment.
  3. Why is Internet Explorer a pain? In general, IE has a lot of bugs and is inconsistent. Some CSS attributes just don’t work. What does Smashing Magazine disagree with the author of this article about? Smashing Magazine disagrees with what the author suggests regarding developing sites for IE first. Instead, they suggest developing sites for modern browsers.
  4. Why is Progressive Enhancement a good idea? Progressive enhancement provides a well-defined strategy for implementing CSS3 into the presentational layer of designs. Helps produce cleaner websites.
  5. Is there a tool in the second article that you’d like to try? Spoon
  6. What’s the biggest takeaway for you from reading these articles? That there are a lot of browsers and browser versions and if you want to achieve cross browser compatibility, you have to build it into your CSS.