this post is about creating a Chrome Extension to enrich the functionalities of Google Contacts and to manage more than 10k entries in an easy way.
The story starts one month ago, when I was confronted with the following requirements:
- “Build a Chrome Extension that is capable of managing all our Google Contacts (12k+)”
- “We want a simple login”
- “We want inplace editing for some cells, as well as batch editing for a subset of all cells”
- “The extension should support fuzzy search, sorting, inverse search(exclude matching entries), multimail, quick filtering by age, notes/tags, …” – unfortunately, Google’s Contacts API is lacking a lot or nearly all this functionality right now
Continue reading Build A CRM Chrome Extension To Manage Over 10k Google Contacts
If you followed my series on how to create an animated HTLM5 logo for a WordPress blog you may encountered some issues and things that can be optimized. This post will address some more advanced concepts like window resize handler, responsiveness and iteration monitoring.
Continue reading Improvements for the HTML5 Logo
Welcome to the last part of this series on how to create an animated HTML5 logo for your blog.
Hopefully you’ve finished your animated logo and are now ready to integrate it into your WordPress blog. (You should have finished it – you had half a year to do so 😉 )
This post will be on
- how to improve the stability of our code
- some cross browser considerations
- we will introduce a multi purpose animator class
and finally go live with our logo!
Continue reading Make a fancy animated HTML5 Logo for your WordPress with pure JS (3/3)
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
Continue reading Make a fancy animated HTML5 Logo for your WordPress with pure JS (2/3)
I was very inspired by the amazing Google Doodles and decided to create my own animated HTML5 logo. There is an older post on how Google creates its Doodles on HTML5 Rocks: http://www.html5rocks.com/en/tutorials/doodles/lem/
This will be a beginners series about animating the WordPress header/logo. I will try to keep it simple but informative.
One thing in advance: please use the described techniques 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
h) Make it responsive
i) Make it cross browser
k) Going live: WordPress Integration
Continue reading Make a fancy animated HTML5 Logo for your WordPress with pure JS (1/3)
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 How to install Couchbase for Node.js on Amazon Elastic Beanstalk