From 15 April till 27 April, 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.
Day 11 : 25 April
Canvg patch for chrome dashed-line rendering:
// replace these
ctx.webkitLineDash = lengths;
ctx.webkitLineDashOffset = 2;
// by these
ctx.lineDashOffset = 2;
Day 10 : 24 April
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
Day 8 : 22 April
Static-SVG-Diff viewer only works in Firefox for now.
Choose a license for publishing (Samer)
Design students on tuesday (3-5pm)
Spanish wrap-up of the project
) own reddish pixel diff implementation and master class about pythagorian pixel manipulation
Day 7 : 21 April
And on the seventh day God finished his work that he had done, and he rested on the seventh day from all his work that he had done.
Well, not really ;)
Day 6 : 20 April
SVG to Canvas (dashed line) rendering
can import SVG and draw dashed lines into the Canvas. See Line testing example
. But it seems Paperjs doesn't like the svg structure coming out of Inkscape (Issue
) So my test case is failing. Going for another lib.
is yet another (seems to be nice) canvas library. But couldn't get that SVG import working.
Day 5 : 19 April
Day 4 : 18 April
Day 3 : 17 April
Day 2 : 16 April
Planning for the week
The plan is to have a browser-based visalisation of git commit history and be able to visually compare two blobs. considering that the only versioned files taken into account are SVG files. To achieve that, we need to review existing js libraries that will display timelines, compare files and interface with git (or with a git repository). Then choose the best ones for the job and make them work together.
Git js interfaces
Promissing project, just funded
through Kickstarter (end of March 2013). Guess will have to wait from 3 to 6 months to have a working code.
Github js interfaces
Here's a github repo full of svg with commit history to test a script
Timeline js interfaces
This would be used to display a list of commits. This requires a “special” timeline application that can display concurrent timelines (necessary to display branching).
Beautiful project but doesn't have the concurrent timeline feature or to be more precise, the feature called “tags” could be used but it's limited to 3 or 6 tags maximum.
Day 1 : 15 April
Presentation of the project to all the participants
Git data object persentation by Pippin
Discussions with Dave (@davelab6
), Pippin, Capo, Edu and advisors about possible outcome for the 2 weeks.
Going for a web based interface of visual git history and diff of SVG files
Looking for inspiration and possible tools: