Today is all about animations. In simple terms, animation is movement over time.
However, we won’t change multiple images over time as it is known from the cartoon, but animate parts of one entity on the canvas.
Tha basis for this will be the stickman (or our own logo) which we created in part I of this series.
What we need right now is:
a movement specification – which parts are animated and in which way
a time interval – how long will the animation run
the animation speed – how much movement do we want to have in one timeframe
This will be a beginners series about animating the WordPress header/logo.
One thing in advance: please use this technique carefully and ensure that visitors are not annoyed (I’m not a good example – I don’t care about my visitors )
List of contents:
I – Scaffolding & HTML5 Canvas Logo
a) Create a local Page Dummy
b) Dynamic Creation of the Canvas
c) Draw to Canvas (from graphics editor to code)
d) Overlay the Logo and make Adjustments
II – Animations: The Stickman comes to Live e) Animation Now and Then f) A simple Animation g) Time Controlled Animations
III h) Make it responsive i) Make it cross browser j) OO k) Going live: WordPress Integration
Hello and welcome to this week’s episode of “How to install Couchbase”
(I could have called it “How to debug AWS Elastic Beanstalk” but I wanted to keep the tradition)
Since more and more people stumble across my blog in search for Couchbase installation tips, I wrote this guide in the same style.
This time I tried to deploy my HelloWorld app to an AWS Elastic Beanstalk instance.
Unfortunately, the only solution that worked for me was a little bit hacky and is not scalable(!).
I would be very happy about suggestions! Continue reading →
Today I want to show another feature which is part of the core of JSDataViews
A lot of people are familiar with jQuery. The development of jQuery is driven by the fact that the DOM is a hierarchical, complex data structure and people need an easy way to access and manipulate different parts of it.
Today I discovered an interesting new way of declaring variables. I used a technique to mimic a principle which is called “Views” and which is well known in the database world.
DB Views !== UI Views
On the PostgreSQL website Views are described as follows:
The view is not physically materialized. Instead, the query is run every time the view is referenced in a query.
The principle can be simply visualized using a set of data entries where each “View” builds a subset of these entries (colored boxes) when executed:
Instead of declaring the final variable/dataset for the View we will create a function that behaves like a View object. I’ll call this a Virtual Instance since the data for this View is not existent before it is accessed. Instead, the function is evaluated and brings data into the variable at runtime. Continue reading →