BigScreen — Using the JavaScript Full Screen API

BigScreen makes it easy to use full screen on your site or in your app. It smoothes out browser inconsistencies and bugs, especially if the element you’re working with is inside of an <iframe>. It will also intelligently fall back to the older video full screen API if the element contains a <video> and the …

Zero-config development with Apache’s VirtualDocumentRoot and xip.io

# Use name-based virtual hosting. NameVirtualHost *:80 UseCanonicalName Off # ~/Sites/ vhost configuration – sends foo.bar.dev to ~/Sites/bar/foo <VirtualHost *:80> VirtualDocumentRoot /Users/dave/Sites/%2/%1 <Directory "/Users/dave/Sites"> Options Indexes FollowSymLinks MultiViews AllowOverride All Order allow,deny Allow from all </Directory> </VirtualHost> What that VirtualDocumentRoot does is map the above company and project to the %2 and %1 variables, respectively. …

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 …