With all the jabber and laws trying to control what people see on the web it’s a good time to point out this script by Greg Leuch and fffff.at Now you too can censor the internet with the Ctl+F’d Bookmarklet.
Here are some web-based interactive code environments for learning markup or programming via tutorials or just practicing or showing examples.
CssDesk allows you to create, test, and share HTML/CSS markup within an online editor. Good for quick demos.
The ProcessingJS website offers an IDE for writing and running Processing code within the browser. Great for workshops where installing software is not an option.
While not really focused on teaching, ScraperWiki’s PHP scraper creation environment actually let’s you run server-side code. It even let me run this statement which I thought was rather impressive.
$str = file_get_contents('http://owenmundy.com','');
$arr = explode("\n",$str);
- You may download and save the sample.html file from their website to work with but do not alter the html code.
- Use examples from the site to inspire your theme but do not steal a design or CSS file.
- The design should be well-considered, accessible, and use validated CSS.
- Your project should have some theme and title in the style of other accepted csszengarden designs.
Welcome to Web 2!
Please read Separation: The Web Designer’s Dilemma by Michael Cohen for Monday. Post your responses here and come to class prepared with questions!
Random bits: Anonymous Twitter Machine, The Yes Men, Calma, Scott Thomas, Conrad Shawcross, and Mike Rugnetta and Patrick Davison
Scott Thomas, who authored the book Designing for Obama, was the Design Director for President Barack Obama’s historic political campaign, in which branding, design, and the web worked together to build a base of like-minded constituents. In this excerpt from last spring’s 99% conference in New York, Thomas likens the campaign to “building an airplane in flight” and discusses the creative’s need for triage and the importance of keeping things simple.
Working in groups and as a class, recreate online the famous text/design collaboration of Marshall McCluhan and Quentin Fiore, “The Medium is the Massage.” Working in groups of 3-4 scan, type, and code in HTML/CSS sections of the book which you are assigned.
Begin the process by creating Photoshop mockups. Mimic the design of the book as close as possible by scanning original images and considering typography. Code the mockup in XHTML/CSS keeping in mind the following guidelines
- Use real text whenever possible
- Use web-safe fonts
- Hand code (do not use DW Design View)
- Each spread must be hyperlinked to the previous and next page spread in your group.
- Each series of group pages must link to the previous and next group’s portion so that a user will be able to click through the entire book.
- Make sure to check your HTML and CSS files using the W3C Validator.
Regarding group work
- You are all responsible for your group’s portion of the project
- You will receive a group grade, and disperse the points within depending on the amount you agree each earned. Consider this a scaled down version of self-governance and accountability.
Due in class on Monday, October 19.
Sigmund Freud, A Note upon the “Mystic Writing Pad” (1925)
Theresa Neil, Designing Web Interfaces: 12 Standard Screen Patterns