Quite a simple technique: use :before and :after to inject two colored panels, each taking up 50% of the height. Then lay your inverted icons on top of them, and presto. Icons Filling Effect → Icons Filling Effect Demo → If you like this, you’ll definitely like these too: Skrollr – CSS animations linked to …
Category Archives: Elsewhere
Polyscape
The mess we made
Windows Phone 8.1 Update includes hundreds of Internet Explorer 11 enhancements that greatly increase compatibility with the mobile web. … We updated the User Agent string in IE on Windows Phone to increase the number of sites that would correctly deliver the best mobile content. … In Windows Phone 8.1 Update, we added a mapping …
The Visual Microphone: Passive Recovery of Sound from Video
Pixels are expensive
Forward to the 16:00 mark to get a good overview of how browsers go from receiving a tad of CSS to actual pixels on screen, a process known as the rendering pipeline: Recalc styles Layout Paint Composite Layers If you like reading more than watching a video, a write-up is also available: Pixels are expensive …
Human Cities
Human helps people move almost twice as much in six weeks. Every day, people track millions of activities with our app. We visualized 7.5 Million miles of activity in major cities all across the globe to get an insight into Human activity. Walking, running, cycling, and motorized transportation data tell us different stories. The site …
Faking iBeacon signals
sudo hcitool -i hci0 cmd 0x08 0x0008 1E 02 01 1A 1A FF 4C 00 02 15 B9 40 7F 30 F5 F8 46 6E AF F9 25 55 6B 57 FE 6D 00 0C 00 17 C5 00 iBeacons are really really simple devices. […] Cloning prevention is hard to implement, as there is …
Keynote does Material Design
Google’s “Material Design” recreated using Keynote. Wasn’t even aware of the “magic move” effect Keynote sports. The .key file itself can be downloaded right here. Note: Ever since last year we’ve been seeing quite a lot of these type of animations being sported on websites. Be it animations linked on the current scroll position, animations …
NYC Taxis: A Day in the Life
Bayhem
There are filmmakers we love and then there’s Michael Bay. Even if you dislike him (as I do), Bay has something valuable to teach us about visual perception. This is an exploration of “Bayhem” — his style of camera movement, composition and editing that creates something overblown, dynamic and distinct. Watch this if you – …