Safari or iOS8 breaks SharePoint 2010 site

The solution was the Safarifix.browser mentioned here plus the note about compat.moss.browser mentioned at the bottom of this post.

Adding custom styles on the SharePoint 2013 ribbon

New Custom Styles and new bulleted styles to SharePoint 2013 Rich Text Editor

Dropdowns with autocomplete and synonyms

The Redesigned Country Selector:

'The technically correct term for this would be something like an “auto-complete text field with loose partial matching, synonyms and weighted results.”'

Font units relative to viewport

Whoa!  Did not know (or had forgotten) that CSS3 has font units that are relative to the viewport.  See:

• Font scaling based on width of container
• Viewport Percentage Units
• Support stats
• Viewport Sized Typography at CSS-Tricks

Branding SharePoint 2013

• How to Provision Your Design Files in SharePoint 2013

CAPTCHA alternatives

• Think Your Site Needs CAPTCHA? Try These User-Friendly Alternatives.
• Non-obtrusive alternatives to form captchas (tutorial)

Monospaced fonts

Top 10 Programming Fonts

Dishes and Drinks Everyone Should Know How to Make At Home

10+ Dishes and Drinks Everyone Should Know How to Make At Home (Including You)

Field Guide to Web Apps

Bert Appward's Field Guide to Web Applications

HTML5 tutorials

A collection of useful links here:
http://stackoverflow.com/questions/5827758/html5-and-css3-tutorials

Study guide for MS Exam 70-480

• SPMatt's guide to passing exam 70-480 (Programming in HTML5 with JavaScript and CSS3)
• Developing in HTML5 with JavaScript and CSS3 Jump Start
• Windows Store Apps with HTML5 Refresh

jQuery vs document performance testing

jQuery vs. document.querySelector

Facebook Debugger

Facebook debug tool:
"Enter a URL to see some helpful feedback about your page markup. Enter an access token to see its expiry and user."

Used it to check my og:image meta tags.

Getting parts of a URL without using regex

As this response on StackOverflow says, have the browser do it for you:

var a = document.createElement('a');
a.href = 'http://www.example.com:123/foo/bar.html?fox=trot#foo';

['href','protocol','host','hostname','port','pathname','search','hash'].forEach(function(k) {
    console.log(k+':', a[k]);
});

/*//Output:
href: http://www.example.com:123/foo/bar.html?fox=trot#foo
protocol: http:
host: www.example.com:123
hostname: www.example.com
port: 123
pathname: /foo/bar.html
search: ?fox=trot
hash: #foo
*/

Or, with jQuery:

var lnk = $('<a href="http://www.example.com:123/foo/bar.html?fox=trot#foo" />')[0];
$.each(['href','protocol','host','hostname','port','pathname','search','hash'], function(idx, k) { 
  console.log(k+':', lnk[k]); 
});

Aptana notes

• TFS plugin from Microsoft
• additional syntax highlighting plugin
• setting the editor tool (use similar steps to associate HTML editor to .aspx)

Prop Lightsabers

Info:

• Lightsaber Archives
• Comparison of Skywalker lightsabers at The Rebelscum Registry

Sellers (or about the sellers):

• Ultra Sabers
• Parks Sabers
• Star Wars thread on RPF
• FX-Sabers (with crystal chambers!)

Free icons

Free icons and other stuff at Smashing Magazine freebies page.

Notes on Touch Events on IE10+

• Unifying touch and mouse: how Pointer Events will make cross-browsers touch support easy
• Detecting touch: it’s the ‘why’, not the ‘how’
• Using aria-haspopup to simulate hover on touch-enabled devices
• Make your site touch-ready (Internet Explorer)

HTML Entities and a CSS content calculator

Nice reference for HTML characters with entity, decimal, and hex columns.
Use that info with the CSS content calculator linked on this article about CSS Content from CSS-Tricks.

Notes on Learning AngularJS

The tutorials that got me to understand what I'm looking at (in order that I remember watching them):

• Miško Hevery and Brad Green - Keynote - NG-Conf 2014
• AngularJS Fundamentals in 60-ish Minutes
• Google I/O 2013 - Design Decisions in AngularJS
• Introduction to Angular.js in 50 Examples
• AngularJS Tutorial at Thinkster
• John Lindquist's egghead.io

Some cool stuff:

• AngularJS Twitter Search

Resources:

• AngularJS
• AngularJS: Getting Started
• AngularJS: Tutorial
• AngularJS at Codecademy
• Dan Wahlin's Blog

IE11 Emulation and Conditional Comments

Conditional comments will work for IE9 and below emulation modes if meta X-UA-Compatible is set to the version that's being emulated.

From Conditional comments do not work when emulating document modes via F12 Developer Tools:

Conditional comments ... are only supported in legacy document modes of Internet Explorer (see http://msdn.microsoft.com/library/ms537512.aspx). In IE11 GA, legacy mode conditional comments are not enabled when choosing a document mode through F12 Developer Tools. Choosing a document mode through X-UA-Compatible, however, does enable conditional comments for the legacy mode.

Test for touch events/device using Javascript

Discussion here:  http://stackoverflow.com/questions/4817029/whats-the-best-way-to-detect-a-touch-screen-device-using-javascript