Project 06 is visually very different, but programmatically, not very different. For this project, instead of adding styled, but empty, div tags on the page, I am putting a random letter in each div and styling that instead.
For this project, I am only using lowercase letters and one typeface, but there is tons to explore here in future projects.
One of my main interests in adding type is that it is another way to get some curves and shapes other than rectangles on the screen. I think this is far more effective than the rounded corner approach. Some times the letters seem to be adding up to words, however, it is still completely random.
I also increased the speed at which elements are added and faded in and out for this project, as it seemed to be running a little too slow.
Code Snippets for 06
On the example page, I set the project to use the font stack below. On the project page it is actually using Futura.
Outside of changes in the createBox() function, I added a function that generates an array of letters, then a variable that uses that function. I also made a variable that will give me a random number between 0 and 25, to pull a letter from the array.
The updates to the createBox function are fairly minor. Instead of just creating a div element, applying styles to it, and adding it to the page, this function puts a letter in the div and styles that instead. I also bumped up the chances of getting more elements on the page and bumped up the speed that createBox() goes, making it add an element every second, instead of second and half.
The only changes to these two functions is the speed at which elements fade has been doubled, so they should fade in and out twice as fast.