Refresh-canvas
Introduction
After learning Snake, I think it’s good to read the git repo that provided the tutorials, refresh-canvas.
I think this is more of a Mako example.
New things encountered:
- Mako: Mako is a template library written in Python.
- jQuery UI: really marvelous… quickly a modern, elegant UI,,
- Rsync: rsync is an open source utility that provides fast incremental file transfer. Tutorial in Chinese
- PyYaml
- a online editor for css
- algorithm ink
- NodeBox: NodeBox is a Mac OS X application that lets you create 2D visuals (static, animated or interactive) using Python programming code and export them as a PDF or a QuickTime movie. NodeBox is free and well-documented.
- Farbtastic: Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page.
- About static website generators
- jekyll
- jekyll themes: I like this
And, the presentation here is great… Excellent to teach coding. Can’t imagine how we can finish it in MS PowerPoint or Prezi. Since we run code right on the page. By pressing F11 in Firefox, it’s quite great for presentation.
Later maybe I will try to understand existing mako demos and rebuild the presentation in Mako haha.
Analysis of project
Summarry
From this repository I learnt the way to use python and mako to build a static site. Acquired a new workflow: Workflow: template.mak->yaml->make.py. But I think I will use jekyll to establish my blog since I mainly use it to test my web project and sort my writings out. No need to further understand Mako syntax and usages. Even for jekyll, I can just use the default and most simple ones and learn as the needs grow.
Further reading
Inside the project
- template.mak
- make.py
- rsync
- presentation
Ouside the project
- jekyll sites to learn about: jekyll