War is Peace.
Freedom is Slavery.
Ignorance is Strength.

Recap

  • “Public sphere” at a turning point
  • Transformation by automated agents and encoded text

Plan for the day

  • Brief lecture
  • Discussion: how do you respond to information abundance?
  • Break
  • More about HTML/CSS (if you’re stuck/don’t understand)

History in the age of scarcity

The members of prehistoric societies did not think they lived in prehistoric times. They merely lacked a good preservation medium. (Auerbach, quoted in Rosenzweig)

Scarcity

  • Historically, very little recorded
  • Even less preserved
  • historian’s task was to locate rare sources in faraway places

Implications

  • History skewed to those whose records appeared worth saving
  • record always fragmentary
    • Historian free to fill in gaps
  • BUT: often possible to read large percentage of relevant sources

Age of Abundance

Tentative efforts are afoot to preserve our digital cultural heritage. If they succeed, historians will face a second, profound challenge–what would it be like to write history when faced by an essentially complete historical record? (Rosenzweig)

Abundance

  • much more recorded than in the past
  • vastly more preserved, at least for now
  • increasing percentage of historical works as well

Mechanical Speech

  • auto-preservation
  • but by and for whom?

Problems of Preservation

  • physical media
  • software turnover & bitrot
  • capturing dynamic/interactive media

What big data means for old documents

digitization does provide scale (or quantity) but does so at the price of rich, largely manual encoding. Visualization, customization, personalization, and similar analytical services increasingly familiar to us depend upon born-digital objects in which a great deal of structural and semantic knowledge has been encoded. The information captured on page images is, by contrast, implicit and often not directly accessible to the machines that will be always their first, often their only, and arguably their most important readers. (CILR)

Can we tell stories? Can we do research?

  • no longer possible to read everything!
    • who will read it for us? How will we be experts? Can we automate our reading?
  • Narrative form ill-suited to massive quantities of data
    • can we develop new types of narratives?
  • Big questions may be answerable!
    • What used to be pure speculation, can perhaps now be made more concrete and compelling
      • How does role of religion in public discourse change over time?
      • how do railroads impact social and economic development?
      • others?

The Preservation Challenge

510243425.jpg

and this

1484933328844565.png
1484933375405914.png

and this too

trump-epa-changes.png

Remind you of anything?

The Party said that Oceania had never been in alliance with Eurasia. He, Winston Smith, knew that Oceania had been in alliance with Eurasia as short a time as four years ago. But where did that knowledge exist? Only in his own consciousness, which in any case must soon be annihilated. And if all others accepted the lie which the Party imposed -if all records told the same tale – then the lie passed into history and became truth. ’Who controls the past,’ ran the Party slogan, ’controls the future: who controls the present controls the past.’ And yet the past, though of its nature alterable, never had been altered. Whatever was true now was true from everlasting to everlasting. It was quite simple. All that was needed was an unending series of victories over your own memory. ’Reality control’, they called it: in Newspeak, ’doublethink’.

Remind you of anything?

Winston sank his arms to his sides and slowly refilled his lungs with air. His mind slid away into the labyrinthine world of doublethink. To know and not to know, to be conscious of complete truthfulness while telling carefully constructed lies, to hold simultaneously two opinions which cancelled out, knowing them to be contradictory and believing in both of them, to use logic against logic, to repudiate morality while laying claim to it, to believe that democracy was impossible and that the Party was the guardian of democracy, to forget whatever it was necessary to forget, then to draw it back into memory again at the moment when it was needed, and then promptly to forget it again: and above all, to apply the same process to the process itself. That was the ultimate subtlety: consciously to induce unconsciousness, and then, once again, to become unconscious of the act of hypnosis you had just performed. Even to understand the word ’doublethink’ involved the use of doublethink.

Everything.gov

  • Archive Everything
  • Write the query tools
  • “genome project” for government data

Openness

…ideas that were more-or-less serviceable in the world before networked computers–ideas about value, property rights, communication, creativity, intelligence, governance and many other aspects of society and culture–are now up for debate. The emergence of new rights regimes (such as open access, open content and open source) and the explosion of new information are manifestations of these changing costs. (Turkel)

Ideals of openness

  • rooted in Enlightenment
louvre-jean-baptiste-greuze-la-lecture-de-la-bible.jpg
jos-wri-airpump.jpg
  • at the foundation of scholarship
  • yet, not manifest in our scholarly journals & publishing regimes

Jefferson on Freedom of Information

It would be curious then, if an idea, the fugitive fermentation of an individual brain, could, of natural right, be claimed in exclusive and stable property. If nature has made any one thing less susceptible than all others of exclusive property, it is the action of the thinking power called an idea, which an individual may exclusively possess as long as he keeps it to himself; but the moment it is divulged, it forces itself into the possession of every one, and the receiver cannot dispossess himself of it. Its peculiar character, too, is that no one possesses the less, because every other possesses the whole of it. He who receives an idea from me, receives instruction himself without lessening mine; as he who lights his taper at mine, receives light without darkening me. That ideas should freely spread from one to another over the globe, for the moral and mutual instruction of man, and improvement of his condition, seems to have been peculiarly and benevolently designed by nature, when she made them, like fire, expansible over all space, without lessening their density in any point, and like the air in which we breathe, move, and have our physical being, incapable of confinement or exclusive appropriation. Inventions then cannot, in nature, be a subject of property.

the web as open space

  • Origins of Web wrapped up in ideologies of Freedom

“Information wants to be free - because it is now so easy to copy and distribute casually - and information wants to be expensive - because in an Information Age, nothing is so valuable as the right information at the right time. (Brand, ca. 1984)

When information is generally useful, redistributing it makes humanity wealthier no matter who is distributing and no matter who is receiving. (Stallman, ~1990, quoted by Dening)

  • but different freedoms compete
  • “walled gardens” vs open access
  • Struggles only intensifying, with battle lines not quite stable
    • net neutrality
    • the Facebook problem
    • Digital Public Library of America
    • archive.org

Summary

  • Information Abundance comes with many challenges
  • Preservation
  • Interpretation
  • Access

Future of the web and of historical scholarship depends on continued struggle over these contested values.

And Now: CSS!

CSS Basics

  • Cascading Style Sheets
  • Style sheet
  • that “cascades” = overwrites prior values
  • web pages link to stylesheets, as many as desired

With and without CSS

nytimes-w-css.png
nytimes-no-css.png

CSS Selectors

h1 {
    color:blue;
    font-family:serif; 
    font-size:24px; 
}

div {
    border: 1px solid black;
}

div.main p {
    color:red;
}

#specialid {
    float:left;
}

Selector types

More Selectors

div.main p {
      color:red;
  }

Descendant Selector

Fonts, colors and borders

div.main {
      color: rgb(150,150,150);
      background-color: (#b0c4ee);
      text-align: center;
      text-decoration:underline;
      font-family: "Times New Roman", Times, Serif;
      font-style:italic;
      font-size:1.25em;
      border: 4px green solid;
      border-radius:20%;
  }

Fonts and Colors in Action

Box Model

One important notion to understand in CSS is the so-called “Box Model”, which accounts for the distribution of whitespace around elements. A lot of the grief you will encounter when designing websites will come back to the box model, so it’s important to learn it:

wpid-boxmodel.png

Padding’s Effects

Box-sizing Border-box

Positioning

This is a difficult subject. When you are dealing with lots of different screen sizes and resolutions, and different devices with different fonts installed, etc., it is not trivial to position every element precisely where you want it. You will find a lot of your teeth-gnashing time is spent trying to get various columns of content to line up pretty, center themselves, etc.

The CSS “position” property has four possible values, whose names are impossible to remember and anyway don’t make sense. The four most important are:

.static {
  position: static;
}
.relative1 {
  position: relative;
}
.relative2 {
  position: relative;
  top: -20px;
  left: 20px;
  background-color: white;
  width: 500px;
}
.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 200px;
  background-color: white;
}
.absolute {
  position: absolute;
  top: 120px;
  right: 0;
  width: 300px;
  height: 200px;
}
  • Static positioning is the default. A statically-positioned element is said to be “unpositioned”.
  • Relatively positioned elements are displaced relative to the position they “ought” to be occupying (according to the defaults). But meanwhile, the space it “ought” to be occupying is still considered “taken” by the browser, which won’t put anything else in that space unless you force it to do so.
  • fixed elements have their position fixed to a spot on the screen (which is called “the viewport” in CSS talk). This is great when you want a fixed header or footer.
  • absolutely-positioned elements are like fixed elements, only they’re positioned relative to the closest positioned ancestor, usually an element with a position property value of “relative”.

Understanding this well involves fiddling a lot with code; rather than make a bunch of fiddly exercies myself, I’ll direct you the codeacademy positioning exercies, which have a great help system that makes things a little easier.

Positioning 2: Float

So, that’s one way to position elements. Another is to use the float property, which imagines the page flowing like water. The element will “float” left or right, and everything else will flow around it. To stop the flowing – that is, to require the next element to appear below a floated element – that next element will need to apply the clear property, which stops the float.

Let’s play around with this briefly in JSBin.

Changes Comin’ Round Real Soon

All of what you just learned is in the process of changing dramatically. A new CSS module, flexbox, makes a lot of this stuff much easier, but takes some practice to understand.

Here is a very quick introduction to flexbox. You may want to look at this cheatsheet, this slightly more verbose one, or this very detailed specification. Meanwhile, there are lots of other new CSS features coming along, which will be supported by more and more browsers as we move forwards. They are pretty fun; if you want, you can check out transitions and learn a little bit about animations.

Exercise

Let’s do a Habermas exercise