Web developer Chris Pattle posted a CSS side project onto Github that renders characters from the TV show The Simpsons using CSS.
 |
| Project Page with CSS Code |
He first broke the characters down into simple shapes, as an artist may do when geometricizing a figure, and then tackled the more complex shapes and finishing touches.
 |
| (source) |
By using a CSS style tester such as CSSDESK, you can help your students work on their web development skills in CSS by having them tweak the Simpsons characters. They will need both the CSS code and the HTML code of their favorite character to begin to work on this. If they are really ambitious, they can try their own hand at rendering cartoons (or perhaps create cartoons of philosophers, explorers or sonneteers?) themselves.
 |
| My own example — of course I chose Lisa! |
Emerging digital humanists looking to change a character’s color would at least have to look up both the HTML hex color code and the RGB numbers as well. If she is interested in changing the pupil sizes, or making the character cross-eyed, she would look under the pupil headings. A possible assignment based off of this would be to give Bart, Lisa, or Maggie rainbow-colored hair, with each hair portion (they are numbered in the original code) a different color.
Coding Concepts for the Humanities: Simpsons CSS
4/
5
Oleh
Unknown
