Articles tagged “animation”
-
Flash, In Memoriam
Part I of a two-part reflection on digital multimedia, yesterday and today: Macromedia launched Flash 1.0 in 1996 with the grand vision of a single multimedia platform that would work flawlessly in any browser or any computer. In its day, Flash triggered a wave of creativity and inspired millions of people around the world to create digital media for the web. At one time, 75% of all video content on the web was delivered via the Flash player.
-
Animating like you just don’t care with Element.animate
In Firefox 48 we’re shipping the <a href="https://developer.mozilla.org/docs/Web/API/Element/animate" target="_blank"><b>Element.animate()</b></a> API — a new way to programmatically animate DOM elements using JavaScript. Let’s pause for a second — “big deal”, you might say, or “what’s all the fuss about?” After all, there are already plenty of animation libraries to choose from. In this post I want […]
-
Firefox OS, Animations & the Dark Cubic-Bezier of the Soul
I’ve been using Firefox OS daily for a couple of years now (wow, time flies!). While performance has steadily improved with efforts like Project Silk, I’ve often noticed delays in the user interface. I assumed the delays were because the hardware was well below the “flagship” hardware I’ve become accustomed to with Android and iOS devices. Last […]
-
Treat Open Source Like a Startup
What am I getting myself into? I was never an open source contributor. I had never even filed a GitHub issue. I considered myself an entrepreneur who simply happened to be technical. But when the startup I wanted to build needed something that didn’t exist, I followed an unprecedented whim and paused everything I was working […]
-
Taking steps() with CSS animations
CSS animations are hot and a lot of experimentation is going on. A cool new feature of animations is the steps() option which allows you to cut an animation into steps instead of a transition from one state to another in one go. While this seems counterproductive on first glance there is a lot you […]
-
Calculated drop shadows in HTML5 canvas
One of the best new features of HTML5 when it comes to visual effects is the canvas element and its API. On the surface, it doesn’t look like much – just a rectangle in the page you can paint on and wipe. Much like an etch-a-sketch. However, the ability to transform, rotate and scale its […]
-
Rendering 3D with CSS and JavaScript with dom3d (guest post)
Today we have a guest post by James Long (@jlongster). James is the tech lead for mozilla.com on the Web Development team. James is passionate about interactive graphics on the open web. Today he explains how you can create 3D objects using CSS without having 3D transforms support. Take it away, James. Recently I was […]
-
Living on the Edge – new Adobe animation tool sparks necessary conversations
Adobe made quite some splash in the last days by releasing Edge, a Flash-like tool to create HTML5/CSS3/JS driven animations. There is a need for a tool like that and I for one am very happy to see that Adobe are recognising this. Other tools that try to tackle the same task are already around, […]
-
Spirit of Indiana (Jones) – syncing HTML5 Video with Maps
I’ve always been a big fan of the travel/flight sequences in the Indiana Jones movies and judging by the amount of copy attempts on YouTube I am not alone in this. As I don’t own any video editing software I thought it should be possible to create the same effect with web technologies and Google […]
