Wielding the tools from CSS and browser layout can enable stunning visualizations for web content. Using web features like CSS filters, WebGL, HTML5 video, SVG, canvas and evolving future tech like CSS Regions, CSS Shapes and CSS Custom Filters promises a hugely expanded creative landscape. National Geographic: Forest Giant (Demo) → Next Generation Web Layout: …
Jake Archibald – Rendering without lumpy bits
Right, we’ve got a new project, we have to calculate and draw 500,000 pixels, and the deadline is in 16.67 milliseconds. When we’re done, we’ll do it again, and again. Web performance has always been about delivering those pixels on time, but the target has shifted. Optimising pure JavaScript (loops, string concatination, arithmetic) is more …
Continue reading “Jake Archibald – Rendering without lumpy bits”
Computer-Assisted Vision
Liat Negrin, an employee at OrCam who has limited sight, demonstrates the Orcam device, which helps her cross streets, read menus and shop at the supermarket. Impressive. Very impressive. As Tim put it: This is the future of wearables. Meanwhile, Google Glass is trying to figure out how to make the life of rich people …
The geography of Tweets
Give every Twitter user a brush and they will paint you the world — if they geotag their Tweets. Plot all geotagged tweets on a white canvas and you get back a view of the world according to Twitter’s users. Note how on the map above maritime traffic also is shown. The geography of Tweets …
Text-align: Justify and RWD
Check out this Pen! Did you know that one of the most powerful tools for fluid and responsive layout has been a native feature for every browser since HTML4? A tad ugly due to those hardcoded placeholders, but sometimes you have to break a few rules to get an easy to work with result. Text-align: …
Fan TV
This Is The One. Simplify your living room with one device that does it all. Fan TV combines live TV, DVR and streaming in one single place. Hardware/Evolved version of the aforementioned Fanhattan (dd. 2011). This is a device I’d buy (given that it would work with the Belgian operators) and something the Belgian distributors …
Pure
Become a Javascript Console Power-User
Level up on the Javascript console in the Chrome DevTools. Look at XHR requests, learn console helper functions to monitor events or explore objects better. Paul Irish from the Chrome team gives you a rundown. We all know console.x, but there’s some more stuff to do in the console … sure that $0 shorthand will …
re:publica ’13 Visitor Flow Analysis Using the Conference Wifi
How did the visitors of re:publica 2013 move from one session to the other? By mapping the wireless connections onto the floor plan we can visualize the visitor flow. (Translated the above from German. Lovely word, that Besucherstromanalyse … which translates to visitor flow analysis) re:log – Besucherstromanalyse per re:publica W-LAN →
1Keyboard
1Keyboard is a virtual bluetooth keyboard application for OS X. Turn your Mac into a Bluetooth keyboard that works with all of your devices, comfortably type on your iPhone, iPad, Apple TV or game console. Recommended for anyone with a multitude of iDevices. Works like a charm! 1Keyboard → Note: Make sure your AppleTV is …