Tag Archives: Canvas

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?

Continue reading

Quick-Hints #5

  1. Für umfangreiches debuggen von JavaScript Client- und Server-Code: https://trace.gl/
  2. Mehr Performance im Siteflow dank Prefetch dank HTML5: Link
  3. Ein Blogsystem, kein CM-System; Ghost will die Alternative zu WordPress für Blogger werden und hat dafür ausreichend Kapital per Kickstarter eingesammelt.
  4. Schon heute in ES6 entwickeln und als ES5 ausliefern, Addy Osmani hat beschrieben wie es geht. Dank Grunt.js kann dies völlig automatisiert geschehen.
  5. two.js ist eine API für 2D-Grafiken im Browser unabhängig vom Context.
  6. Noch mehr Performance für WebApps gibt es dank den Tipps von Mozilla für Apps auf Firefox OS in JavaScript.