Paper’s Color Mixer

Paper by 53 (recommended app) now sports an innovative color mixer / color picker. Turns out it was quite a mathematical struggle to implement it too. We learned in elementary school that yellow and blue when mixed turn green. However when you plug in the values to this equation, you get a different result: Gray! …

The <main> Element

The ARIA role main is intended to serve as an alternative to a “skip to main content” link, something especially helpful to users accessing a site by way of assistive tech or navigating by keyboard alone. It provides the browser (or the users’ assistive software) with a predictable landmark for the page’s primary content so …

Facebook – Instagram

So Facebook bought Instagram back in April and the two entities would remain separate. As Zuck put it: We’re committed to building and growing Instagram independently. Yesterday Instagram announced profile pages, which resemble the Facebook Timeline header quite a lot imo. Today Faceboook released an update for their iOS app, adding photo filters. One cannot …

Facebook Demetricator

The Facebook interface is filled with numbers. These numbers, or metrics, measure and present our social value and activity, enumerating friends, likes, comments, and more. Facebook Demetricator is a web browser addon that hides these metrics. No longer is the focus on how many friends you have or on how much they like your status, …

Viewport Meta Tag For Non-Responsive Design

Even if your site is non-responsive, you’ll still want to use the viewport meta tag in certain cases. Don’t set it to scaling and such, but to a fixed width like so: <meta name="viewport" content="width=1024"> I myself needed this one for the EV-Point website where not all content was shown correctly before adding a fixed …

Apple’s Samsung Apology Statement

As court-ordered, the apology message is on the apple.co.uk homepage, yet Apple’s pulling some JavaScript magic to keep it below the fold: var HeroResize=AC.Class({initialize:function(b){this._height=null;this._hero=$(b); AC.Object.synthesize(this);this.__boundResizeHero=this.resizeHero.bindAsEventListener(this); if(typeof window.ontouchstart===”undefined”){this.resizeHero();Event.observe(window,”resize”,this.__boundResizeHero) }},setHeight:function(b){this._height=(b