because all media are new4D media 3 | concrete poetry marinettiJS Visit Marinetti Animated > Motion: phenomenal and literal The Italian Futurists revered the dynamic sensation of speed and motion. But their work did not employ actual motion in the manner of a Jean Tinguely drawing machine sculpture or a Jenny Holzer installation — although to be fair, those… read more »
4D media 3 | concrete poetry marinettiCSS Visit the finished Marinetti site > An act of artistic “forgery” Art is a lie that makes us realize the truth. —Pablo Picasso One of the surest tests is the way in which a poet borrows. Immature poets imitate; mature poets steal; bad poets deface what they take,… read more »
4D media 3 | concrete poetry videoMashHTML Visit the videoMash site here > Intermediate HTML (with a dash of CSS) We’ll use HTML tools that allow a great deal of visual order to create a curated website in an exercise we call Video Mash. Video Mash is a small, curated website that requires directory skills,… read more »
4D media 3 | concrete poetry helloWorld Visit the sample site here > Say hello to the sample site Hello World has become a tradition in programming: it’s the first program you write in a new language. First mentioned in a tutorial to the B programming language, it was popularized in a 1978 book introducing The C… read more »
4D media 3 | concrete poetry sftp Adobe Dreamweaver’s inscrutable connect-to-remote-server icon SFTP: the other protocol Have you ever wondered what HTTP or HTTPS means in a web address? It’s called a protocol, and in simplified terms, it’s there to allow a server (where the website lives) and a client (the device attempting access to… read more »
4D media 3 | concrete poetry webOrigins Sticker identifying a computer, used by Sir Tim Berners-Lee at CERN, as the world’s first web server: “This machine is a server. DO NOT POWER IT DOWN!!“ Web origins Where did the World Wide Web come from? Some might say from the mind, and the server seen above,… read more »
4D media 2 | a2z ABCnimation Sterno alphabet, from a studio by the author Animate the alphabet Synthesize your knowledge of e-typography, web file options, sophisticated web graphics, and animation in a project that reinvents the alphabet as a new image. Concept What kind of alphabet do you want to design? Do you want to… read more »
4D media 2 | a2z webAnimation Download sample files: GIF: Muybridge GIF + transparency: Catherine Wheel APNG, WEBP, AVIF + transparency : Bouncing Ball Creating web-ready animation files This set of simple exercises focuses on the creation of animated graphic file types. GIF files are the most common of these to find on the Web… read more »
4D media 2 | a2z wordImages Download sample files: JPG: Nevermind PNG: 1984 SVG: So Wet Word images When words and images are placed near each other in a composition, a relationship is formed between the two elements. In addition to formal properties, both words and images are loaded with meanings. Words have verbal or literal meanings… read more »
4D media 2 | a2z webGraphics Download sample file here Creating web-ready graphics Now that we know about graphic file types, how do we get a graphic image out of, say, TIFF, PSD, or AI and into a web-appropriate file type? How do we make decisions about resizing files, and most importantly, proper choices for… read more »