Barry M. Wong

UI Engineer + Designer

Blog

CSS Hex Words!

September 13, 2013 at 10:01 pm | css

Yes!!! Form words in Hexadecimal!

Here are some of my favorites:

item {
  background-color: #BADA55; /* BADASS */
  border: 1px solid #C0FFEE; /* COFFEE */
  color: #ACCE55; /* ACCESS */
}

Here’s the whole list: http://hexwords.info

CSS Performance

September 7, 2013 at 5:02 pm | css

We’re all aware that there are ways to optimize javascript to run faster, but we often overlook that CSS has performance issues as well. With single page apps being the rage these days, this becomes more important. This was emphasized in a couple of my interviews.

Reflow vs. Repaint
Repaint has to do with the rerendering of an element on the page where it doesn’t not effect the layout. So if you change the background color or border. Reflow changes the layout. So if you changes the size of an element, modify class attributes, inline style attributes. This one is more costly because it causes a whole lot of other elements to be rerendered.

Topics to be discovered: