kristenward

front end meeting 8/29

Easy web improvements learned from Google

how to trim pounds off your website usability and performance issues while keeping your diet of ice cream and pizza bagels

Today I will share a couple of easy but often overlooked enhancements that can make sites work better. Many of these come from my experience at Google I/O back in May 2016. I will share related videos at the end.

Animation performance

• What triggers repaint? - absolute+ left, right animations, animating rgba color values as an opacity
• What gets handled by UI THREAD? - UI thread is single thread of browser, ie one thing handling all your css and js. so if you blow up your js with lots of requests those animations on the main thread will also suffer.

kristenward

Keybase proof

I hereby claim:

• I am kristenward on github.
• I am kward (https://keybase.io/kward) on keybase.
• I have a public key ASAgck1lL_kO-Bn51TzEhAhGP0eTq8pNEjN4cdiSjLdcLQo

To claim this, I am signing this object:

kristenward

### Keybase proof

I hereby claim:

  * I am kristenward on github.
  * I am kward (https://keybase.io/kward) on keybase.
  * I have a public key whose fingerprint is 63E5 94E3 EEE8 2F74 83A8  98AF 660C 8CB8 0D99 C715

To claim this, I am signing this object:

kristenward

TIL: Matching a pattern that start-to-end is NOT a given string

/^((badstring).+|(?!(badstring)).*)$/

will match:

badstring1
abadstring
bad_string