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

Beginner's Guide to Competitive TF2

A Beginner's Guide to Competitive TF2

Opacity and pseudo elements and IE8

Tried something like this to implement semi-transparency to an element:

.faded:after {
    content: " ";
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:2;
    background:#fff;  
    zoom:1;
    -ms-filter: "alpha(opacity=30)";
    opacity:0.3;
    }

Well.  Turns out a filter gradient doesn't work for pseudo elements on IE8.

It works if you apply the filter directly to the element:
(had to include the img elements within the faded container; for some reason, IE8 doesn't apply the filter to them)

.faded, .faded img {
    position:relative;
    display:block;
    -ms-filter: "alpha(opacity=30)";
    opacity:0.3;
    }