I use the community based https://materialdesignicons.com/

Try figma, import your sketch file and just hook up the prototype interactions. Easy.

Interesting use of slick slider in that hero banner as well. Dont think it does that out oif the box.

The "pretty text underline" is not needed in newer versions of chrome.

You should try to make it fluid, if the content needs to have a maximum with then just set that. Problem solved!

I regard Canvas as magical wizardry because I don't understand it... yet.

Rather than documenting your typography for the developer, why don't you go one step further and set up the css style relationships yourself, it will save time going back and forth. I made this for you to tweak: http://codepen.io/dropside/pen/8938a1cdb198bcccdaa9c113ebf2b59a?editors=110

You could use a min/max media query to target a 4/3 aspect ratio and wider for the desktop view. For example: @media screen and (min-aspect-ratio: 4/3) and (max-aspect-ratio: 33/1){} http://codepen.io/dropside/pen/d1a9c95dcfb1d2ec9ff84f8814c84982

No problems here, Macbook Pro. Sounds like something to do with your screen callibration? http://theultralinx.com/2013/03/macbook-air-hack-screen or http://osxdaily.com/2012/06/29/fix-dull-color-contrast-on-mac-screen-calibrate-display/

I've been collecting them for a while now. https://www.dropbox.com/sh/ul6tjvx00ue9zad/AAD8UXQnFkGmh7LQ6pwv0MOBa?dl=0 It's a little annoying but the bulky file size of the higher quality gif's make using them for hero backgrounds a bit rough. A good trick would be to re-upload them to imgur and download the mp4 (gifv) version.