We are at the stage in the project where we no longer own the code. Ownership is now with QA is it goes through a series of test environments on its way into production. Our customer is QA and their accounting mechanism known as bugs. Anything that does not match the spec, or customer expectations will be ruthlessly, and rightly, entered as a bug. As a consequence the code repository exists for satisfying those demands.

Via gui.tavares on flickr

We changed our view of quality for this project, incorporating the visual demands as an essential and integral part of the quality process. Previously we scheduled time at the end to do it all and due to the inevitable engineering pressures some of it squeezed out the wrong side of the project - ie was omitted.

The developers that were better at CSS produced high quality components, whereas those that were weak produced decent ones visually. CSS is not my strong point, unfortunately I am more the developer, but this was the reason for focusing on the visual side of things early on - otherwise developers just do code and algorithm and aesthetics are an after-thought.

From the customer's point of view though it is the first thing they see and the first impression they have of the product. Hence the focus on visuals and aesthetics early on in the quality process.

There are seven non-attribute selectors:

• Universal Selector.
  
  * {font-weight: bold;}
  
• Type Selector.
  
  p {font-weight: bold;}
  
• Descendent Selector.
  
  p em {font-weight: bold;}
  
• Class Selector.
  
  p.heavy {font-weight: bold;}
  
• ID Selector.
  
  p#heavy {font-weight: bold;}
  
• Child Selector.
  
  ul > li {font-weight: bold;}
  
• Adjascent Sibling Selector.
  
  p + ul {font-weight: bold;}
  

Interesting article on CSS Resetting. When I worked at the previous place we did some pretty hard core javascript and css. I predominantly worked in the javascript/java-controller area and didn't do a lot of direct css work but out specs had to be pixel perfect. If they [divs] were out by a couple of pixels we would get bugs on them.

I haven't used CSS Reset, nor was I aware of the technique of resetting every element to something equivalent to factory defaults so that the cross browser issues disappeared. The only thing I have done in the past is set the border, margin and padding to 0 on the body tag because of IE. That was usually enough to make things look the same in each browser.

Since I left the last workplace I haven't had to worry about Internet Explorer. All my home machines are Apples and I work on a Mac Pro. My development is now in middleware and backend technologies so I don't touch the front-end much anymore and have lagged a little in keeping up with the latest technologies.