Quick-Hints #13

Animiertes SVG mit Clipping Masks

Mit dem nötigen Talent oder dank einer engen Zusammenarbeit mit Grafiker, können dank Clipping Mask sehr einfach sehr coole Animationen mit SVG entstehen. So wird in folgender Demo ein iPhone 5C nach und nach aufgebaut, alles im puren SVG: http://www.pencilscoop.com/demos/animating-svg-clipping-masks/; dort findet ihr auch das entsprechende Tutorial.

Canvas für mehr Performance?

ECMAScript 6

Eine schöne Auflistung der neue Features der kommenden JavaScript Version gibt es hier: https://github.com/lukehoban/es6features

Monkey-Testing mit JavaScript

Lass eine Horde Affen, oder in dem Fall Gremlins, deine WebApp testen: https://github.com/marmelab/gremlins.js

Monkey Test

Monkey Test – (c) marmelab

Ein Monkey Test sind wilde Eingaben in Input-Feldern und wildes Rumgeklicke, auch dort, wo du es nicht erwarten würdest. So stellst du die Robustheit deiner Anwendung sicher. Auch menschliche Besucher (und Tester) klicken gerne mal random auf der Page rum oder hauen ihre Finger an der Tastatur wund. Mit Monkey Tests solltest du sicher stellen können, dass kein Besucher in Memory Leaks stolpert, nur weil er mal wild rumklickt. Das Ziel ist es also, random Errors zu erkennen, bevor ein Besucher sie findet.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>