Differences

This shows you the differences between two versions of the page.

--- projects:design_with_git:medialab_prado_log [2013/04/24 23:15] – [Day 10 : 24 April] Julien Deswaef
+++ projects:design_with_git:medialab_prado_log [2013/04/27 11:52] (current) – [Day 12 : 26 April (last day)] Julien Deswaef
@@ Line 3: / Line 3: @@
 From 15 April till 27 April, [[projects:design_with_git|Design with Git]] daily activity at Medialab Prado.
+===== Day 12 : 26 April (last day) =====
+  * Cooked a function to resize in-the-dom svg with CSS3 transforms
+  * Fetching github repo and navigating svg commit history was almost there. But had rendering problems and time too short before presentation.
+  * Static version of the project can be tested at: http://xuv.github.io/design-with-git/static-svg-diff/
+===== Day 11 : 25 April =====
+  * Documentation: filling info, drawing illustrations and taking screenshots.
+  * Chrom[e/ium] debug:
+    * Fails on static local: because "Cross origin requests are only supported for HTTP" (ref: canvg)
+    * SVG Dashed line not rendered properly into Canvas.
+Canvg patch for chrome dashed-line rendering:
+<code=javascript>
+// replace these
+ctx.webkitLineDash = lengths;
+ctx.webkitLineDashOffset = 2;
+// by these
+ctx.setLineDash(lengths);
+ctx.lineDashOffset = 2;
+</code>
+  * Renamed the Github repo for uniform naming convention: https://github.com/xuv/design-with-git
+  * (With gh3 in Chrome) Managed to get a list of svg files and commits from a [[https://github.com/xuv/svg-git-dummy/|dummy github repo]], but Github serves them as text, not svg mime-type. Which sucks bad at this state of my project.
+  * Pippin's solution to SVG scaling problem: CSS3 transforms.
 ===== Day 10 : 24 April =====
   * Dave suggested XSL to manipulate SVG styles in the browser.
@@ Line 14: / Line 40: @@
   * Dave's finding: [[http://libgit2.github.com/node-gitteh/|node-gitteh]], a node module wrapping git commands.
   * Ed wrapped up a small [[https://gist.github.com/etewiah/5454122|client-side github repo svg blob fetcher]] using gh3.
-  * [[http://roomandboard.github.io/vectron/|Vectron]] imports svg into [[http://raphaeljs.com/|Raphaeljs]] (Examples loaded from the repo don't work locally. Even the homepage of the project coiped locally displays incorrectly. ???)
+  * [[http://roomandboard.github.io/vectron/|Vectron]] imports svg into [[http://raphaeljs.com/|Raphaeljs]] (Examples loaded from the repo don't work locally. Even the homepage of the project copied locally displays incorrectly. ???)
-  * Trying [[http://d3js.org/|D3.js]]
+  * Trying [[http://d3js.org/|D3.js]].
+  * [[http://www.cyberz.org/blog/2009/12/08/svgpan-a-javascript-svg-panzoomdrag-library/|SVGPan]] has pan and zoom functionalities inside the browser.
+**Sum up of the day**: Trying to render a scaled version of svg/xml data in the browser isn't an easy task. Svg.js is the best solution. But not stable enough with svg (coming from inkscape?). As for now, this feature will be put on hold. Tomorow, last full working day at the Medialab Prado. TODO: pul data from git.
 ===== Day 9 : 23 April =====
   * Suggested by Ed: Meetup w/ Github engineer doing a [[https://madridrb.jottit.com/abril_2013|talk in Madrid]] on 25th.