I’m always interested in the development details of other products, particularly their styleguides and approach to CSS. Given my penchant for the otherwise inane CSS details, I decided to write a bit about GitHub’s CSS. Always great to see how a company organises its code. It’s an honest piece, also covering stuff that should improve. …
Speed in Software Development
Every single CEO of any IT company wants to build software faster. Time is the most expensive and valuable resource. You can’t waste it on re-work, refactoring, meetings, physical activities. Right? It depends… Many companies grow up, slow down, and die. Good development pace is essential for surviving. Unfortunately options 1 (Extreme Sprint) and 2 …
Icons changing colors on scroll
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 …
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 …