New blog domain: kula.blog

By K -
It's still work in progress but new posts will be published on  https://kula.blog/ Thanks to 11ty base blog RSS is working from the start so it should be easy to add to your reader if you still use any :) If now then I hope you can sign up to the newsletter where I'll be publishing new posts and interesting articles to it from time to time. Please use  kula.blog  from now on.
Post a Comment

Book Review: Foundation HTML5 Animation with JavaScript by Billy Lamberta and Keith Peters

By K -


When I first asked about it on gamedev.js group. Michal Budzynski was discouraging me from this book, especially because of code quality but added that there are some good theoretical things to read about. I was brave enough to decide to ignore code quality all the time and only look at animation and theoretical ideas in the code.

It took me a couple of months to start reading it, then a couple of months to digest it. Sometimes it was really much more about Math than JavaScript.

My edition has many bugs in code samples so it was fortunate all examples are live on github pages: http://lamberta.github.io/html5-animation/. You can find even some extras :)


After reading this book I can't say I'm right now animator, or that I know 3D. For sure it helped me think about many animation related topics. I found myself using things like easing from time to time in places I wouldn't think of before.


For me it was really good reading. I know more about animations, examples in JavaScript are much easier for me to understand than in any other language.

Rating: 8/10   (it could be 9 or even 10 if my edition was better and code was a little bit better structured).

Comments

Post a Comment

Comments:

Popular posts from this blog

How to simulate slow connection (developer proxy in Node.js)

By K -
Image
Update: If you use Chrome then you can use "Throttling" so simulate slow network for all your assets. This should be easier than proxy. Toggle device mode   Choose Network type. Refresh the page https://developer.chrome.com/devtools/docs/device-mode  Proxy: For some time I wanted to use some proxy for development and testing of eg. slow internet connection, but it was hard to find something useful and free. I know there is Charles but buy it to use it at most one in a month is not for me. I started thinking about Node.js, maybe I can write proxy for me? But fortunately I found one. https://github.com/nodejitsu/node-http-proxy With this module I can write really short code to create slow server: var http = require('http'), httpProxy = require('http-proxy'); httpProxy.createServer(function (req, res, proxy) { var buffer = httpProxy.buffer(req); setTimeout(function () { proxy.proxyRequest(req, res, { host:...
Read more

Safari Mobile CSS VW and VH units bug.

By K -
Image
Recently we have created new version of mobil.aftenposten.no but soon after serving it to some users we spot this tweet:  https://twitter.com/Al3x4nd3rR/status/452047498111369216 . Basically titles were missing.... Then it started our effort to reproduce this bug. ... It was nightmare! First how to reproduce it: Open  http://krzychukula.github.io/vw_bfcache/  in Mobile Safari.  Click "Go to another page" link Leave phone for 60 seconds (longer is better) Click back button If you were lucky you should see some missing paragraphs and missing green boxes. How it looks: Bug: This one uses vw and vh for font-size. Both are 0 so we can see only 2 from 8 paragraphs. Those two are using only em for font-size. I was curious if it's only for font-size so I have added another test. I have added two boxes with width and height set in vw and vh with green background color. They parents have red background for contrast.  ...
Read more