instanceof me

Jun 30

Look, and Feel -

Affordances are the baby to skeuomorphism’s bathwater. When they engage our instincts just right, they create an emotional bond, and the unfamiliar becomes inviting. Without them, it’s just pictures under glass. It makes no difference how flat, how deep, how minimal, or how ornate the look-and-feel is if it can’t show us, when we look, how to feel.


Jun 27

There are no small changes -

Agreeing to features is deceptively easy. Coding them rarely is. Maintaining them can be a nightmare. When you’re striving for quality, there are no small changes.


Bob Mankoff picks his 11 favorite New Yorker cartoons -

The cartoon editor of the New Yorker magazine selects some of his favorite “idea drawings” from across the years.

Transform any tumblr listing into RSS

Just append /rss to the URL of the page. Works for home, tags, search results

(Source: redgetrek)

Jun 25

Text-align: Justify and RWD -

Did you know that one of the most powerful tools for fluid, responsive layout has been a native feature of every browser since HTML 4?

Achieve fluid responsive layout with text-align: justified & display: inline-block. Nice, simple technique, although it requires an additional empty element.


Jun 21

“Those who do not move, do not notice their chains.” — Rosa Luxemburg


Jun 12

Auticons: An automatic icon font -

An icon font powered entirely by CSS attribute selectors and attribute value patterns.

Just load up the Auticons CSS and links for secure pages, author pages, permalinks, your Twitter profile, PDFs, .doc files, JSON resources and many more are all “iconed up” automagically! That is, if your link elements are well-formed and semantic so… BE GOOD.


Jun 05

Regex: Emulate Atomic Grouping (and Possessive Quantifiers) with LookAhead

Some regex flavors (like JavaScript’s) do not support Atomic Grouping (nor possessive quantifiers), but fully support LookAhead. It can be annoying when atomic grouping usually improves performance and helps preventing catastrophic backtracking that would cause exponential matching time.

Fortunately, you can emulate atomic grouping with LookAhead. (?>a) becomes (?=(a))\1. It works by matching (and capturing) the sub-expression in a LookAhead non character-consuming assertion, then matching it (effectively consuming the characters) with a backreference, not allowing backtracking at this point.

As possessive quantifiers like a++ have a strict equivalent using atomic grouping (here (?>a+)), we can also leverage this technique: a++ becomes (?=(a+))\1.

There are two downsides though: it complexifies the regex and it inserts a possibly unwanted capturing group for the sole purpose of matching. But still, it may still be a useful trick to know since the JS regex flavor is a bit sub-par.

On a side note, REL implements this behavior when converting a regex for the JavaScript flavor.


Jun 03

The Oxford Comma and The Internet -

Writing online is so nearly effortless that reading (not to mention reflection, deliberation and thought) has become a chore in comparison. It’s easier to jot off a patronizing, indignant or self-aggrandizing missive than it is to take the trouble to read the whole article or give fair consideration to the author’s perspective. Thus the vicious circle sets in…

I find we also see effort being made in the other direction, with things like Pocket / Instapaper or Readable / Clearly.