Transpilation allow us to use features of an input language into another. Recently Javascript has become a favorite target for Transpilers. The languages I’ve chosen to add are: ES6 through Babel:...
In the next sections we’ll go through a gulpfile I use to work with my athena-shell project. The directory structure for the project is like this: . ├── app │ ├── bower_components | ├── coffee │...
I haven't always advocated the need to have a build system but I've always used one: Make, Ant, RAKE, shell scripts and other tools sought to make compiling code and building projects easier and less...
In the last example we saw how we could make two separate animation players. In this example we’ll see how we can do multiple animations in the same object the pen below, based on code from Dan Wilson...
Let’s get started with a single animation. It is similar to the example form our introductory section but it does move the object (in this case a div) in a straight line in increments of 100 pixels...
Thanks to Rachel Nabors who first clued me in to the API and to Dan Wilson who provided the final kick in the butt with his articles on WAAPI to finally get me studying and learning. If you work...
The title of this post comes from the fact that I own three physical web beacons that I got at the Chrome Dev Summit last year. I hadn’t had much time to think about what I wanted to do with it and...
All the talk I hear about front end web development has to deal with frameworks, the best way to optimize Javascript and CSS and the best way to minimize the number of HTTP requests. But that’s not...
Specification and API subject to change. Be aware that the specification is not finalized and it may change in incompatible ways. Do not use responsive images in production yet. If you do you do so...
A grocery store in Melno Park, California sets up a special display to sell jam. At certain times, the display had six flavors to choose from. At other times, the display had 24 choices. Each person...