Typeface: Noto

Google and Monotype launch Noto, an open-source typeface family for all the world’s languages

About CSS Grid Layout

• Grid layout is a much needed step-change for CSS
• CSS Grid Layout Examples

A Really Small Flexbox Grid:Fukol

Found the reference in Web Development Reading List #153 on Smashing Magazine:

Heydon Pickering wrote the probably shortest and smallest CSS grid framework possible: Fukol, a Flexbox grid that weighs in at only 93 bytes.

TinyPNG: Smart PNG and JPEG compression

TinyPNG:

"TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colors in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!"

SP2013 master page notes

Webparts in rich edit fields

• need AjaxDelta around editable area in order to insert webparts in them (see thread: Why do my Web Part properties not show up?)
• sometimes you just need to insert another webpartzone to be able to insert webparts in some placeholders
• not all the html editor controls could have webparts inserted; has to do with the hidden webpartzone used for those being in PlaceHolderMain (see http://sharepoint.stackexchange.com/questions/59423/cannt-add-web-part-to-publishingwebcontrolsrichhtmlfield)

If added/removed contentplaceholders in master:

• if you add/remove a contentplaceholder, you need to create a temporary page layout using that master page and see what changed in the head section and compare that with your existing page layouts and make similar changes;

Configuring git to use winmerge

Using github desktop, open a Git Shell (I have it configured to use Git Bash).
Then these commands to configure merge and diff tools (assuming you have winmerge installed):

git config merge.tool winmerge --global
git config diff.tool winmerge --global

And then to use it, type this in Git Bash:

git mergetool

(reference)

Newspaper columns

Quoted from this StackOverflow thread:

Using the column direction for Flexbox requires an explicit height in order for wrapping to work (see:http://codepen.io/cimmanon/pen/oyilE).
If you want to have newspaper style columns without using explicit heights, the multi-column module is what you're looking for.
http://codepen.io/cimmanon/pen/CcGlE

(Compass multicolumn module)