Last November I was lead technical reviewer for a book titled Google Maps JavaScript API Cookbook. On December 26th – my birthday, of all days – the book was released on Packt Publishing. It’s a very practical book with lots of code (hence it being a cookbook) touching basic map interactions, custom layers, drawing stuff …
Author Archives: Bramus!
CSS Animated Content Switching
A trend I’m seeing for the coming year is the rise of Transitional Interfaces on the web. A fine example is the aforementioned Fluidbox, or this interface (extract from the post linked): Sparked by the post linked — which you should read — I started goofing around with CSS transforms and transitions a bit. The …
Fluidbox
I adore the smooth transition offered by Medium’s lightbox module — no disruptive modal window, and opening/closing of the lightbox is intuitive and straightforward. So I tasked myself with a little challenge — replicate it, and improve on it, if possible. CSS transitions and transforms FTW Fluidbox Demo → Fluidbox Source (GitHub) → Fluidbox Explanation →
Skrollr – CSS animations linked to scroll position
Having seen a few single-page year in review minisites the past few weeks, it’s clear that Skrollr has become the de facto standard to implement parallax scrolling effects into your websites. The idea behind Skrollr is straightforward: link a target CSS property+value to a given scroll position, via data-* attributes: <div id="example" data-0="width:100%;" data-1500="width:0%;"></div> Skrollr …
Continue reading “Skrollr – CSS animations linked to scroll position”
Graffiti General
Graffiti General is an immersive WebGL plunge into an abandoned building near Paris and the countless graffiti works that it enshrines. On the eve of it’s restoration, the memory of the building in its current state is preserved and accessible to everybody. Graffiti General was made possible thanks to a combination of the very latest …
Sherlock: Many Happy Returns
Noah
Noah, a short film that debuted at the Toronto International FIlm Festival, illustrates the flitting attention span and lack of true connection in digital culture more clearly than anything else in recent memory. (Chatroulette appearing in the short, so #NSFW) You Need To See This 17-Minute Film Set Entirely On A Teen’s Computer Screen → …
Our Drone Future
In the near future, cities use semi-autonomous drones for urban security. Human officers monitor drone feeds remotely, and data reports are displayed with a detailed HUD and communicated via a simulated human voice (designed to mitigate discomfort with sentient drone technology). While the drones operate independently, they are “guided” by the human monitors, who can …