299: Chris suggestion

Chris modified my typographical hierarchy for my portfolio.

I moved wireframe from ID to XD and modify it.

Fixed on the XD instead of ID, I will copy it to ID to fix the wireframe in ID also.

Now I will design sub pages using XD.

Also, I will finalize the typographical hierarchy in Type Test.

Also, I was considering changing the background colors for each of the subpages as in 18F.gov. Chris said that Apple has a tool to change the background color for each of the CD – most appropriate color by checking the graphics of CD. I may change the background designs of each sub pages; such as one is art nouveau-ish, ukiyoe-fu, kusama yayoi-fu etc.




299: Programming started Feb. 5, 2018 – the beginning

Programming started and I started to understand what is needed to have.
How interesting that I did not draw the framework before the start of coding. Another interesting is that I wanted to listen to a music and searched for Jim Campbell by mistake and found this artist. And this today I found him again at Lauren McCarthy’s website.


Code generated arts, algorismic arts(Wiki), generative arts(Wiki), painting with code(IDEO), happycoding Processing, Processing.org





299: a John Doe Site – How minimally it is set.

Suggestion from Chris:

Start coding the website.

Start CSS with Table of Contents and No reset *{margin 0; padding 0;} etc.

Browser view and view its source HTML


Base Layout from ART128

ART299: How to set up a local server on Mac to test for develop p5.js on local computer. & DC2

There are lot of ways to develop using Processing. Using Processing language and create pde file, using p5.js locally or editing online.

1) Today I used Processing language using P3 sketch, which is different from p5.js. For example, setting the canvas size is “size(600, 400);” whereas p5.js is “createCanvas(600, 400);”. P3 creates pde file and play button generate visuals. However, Processing is written in Java and it creates applets, which often crashes systems according to Daniel Shiffman.

2) I also used p5.js by downloading p5.js library and folder set up.

3) I can also use p5 editor at https://alpha.editor.p5js.org/
You can view the visual by open the index.html file, which opens sketch.js to show the visual.

But it is better to set up an local host in your development computer, the instruction are at https://github.com/processing/p5.js/wiki/Local-server.
In case of Mac, run terminal to run Python local server by entering:
“python -m SimpleHTTPServer”.

It will set up local IP address on port:8000.

Then go to browser to enter:
http://localhost:8000” then go to the folder where index.html and sketch.js resides.
It will open the http://localhost:8000/p5/empty-example/ to show the visual.

In case of browser p5.js editor, you can save code if you have an account.


ART299: Processing3, p5.js and Portfolio & DLC

Finish ART299 goals

– Human lives in a digital culture –

What would be updated way of living in this digital culture.
What would be the new library for the next generation? Is there a new study on Library 2.0?
The knowledge access is more limited than before for non-students.
How to keep democracy alive without knowleageable citizens?

It reminds me of Marshall McLuhan’s “The medium is the message.”

Then how about our privacy?

Issue of shall I backup all on my iMac contents to backup in cloud?
It is effective in data storage time and organization to avoid data loss, but what would I lose?
Is it important?
How would I know?

Separately, I was thinking what if all the typing keys of keybord, documents, seach engine use and all the accessed web url’s, all the forms and are kept tracked, would machine can understand my subconscious or unconscious self better than myself? Would it be OK? What would I lose?

Any way, all our telephone conversations are said to be stored somewhere (security conference 200? at Waikiki), do we still need to keep our privacy private?

The Dark Side of Cloud Computing address following issues.
This podcast talks about security concerns of cloud computing. For example, Amazon S3 cloud server, how secure they are. How the security is managed? Is it possible of being sold some information? In case of crash of those machines? Other issues to worry about? Location of the server – data security laws and regulations are different in different countries. Read the end-user agreement carefully – be careful on who owns the data etc..

Art Basel 2017

Mark Changizi: Topography of Language

Reading in the Brain Introduction section is available on-line.

Anatomy of a Program

Processing Tutorials

p5.js libraries and how to use them in html.

<!doctype html>
  <script src="p5.js">
  <script src="p5.sound.js">
  <script src="sketch.js">