Digital zines II: HTML and friends: Difference between revisions

From XPUB & Lens-Based wiki
 
(9 intermediate revisions by the same user not shown)
Line 2: Line 2:


Maybe better title: HTML and epub (or vice versa)
Maybe better title: HTML and epub (or vice versa)


* the "web trinities": URL, HTTP, HTML / HTML, CSS, JS
* the "web trinities": URL, HTTP, HTML / HTML, CSS, JS
* (meta)redirections, [https://www.w3.org/Provider/Style/URI.html cool urls don't change?!]
* XHTML/RDF... and the so-called semantic web... (and relations to the (historical) [[XML]] community)
* XHTML/RDF... and the so-called semantic web... (and relations to the (historical) [[XML]] community)
* Metadata (in SVG)
* Metadata (in SVG)
Line 11: Line 9:
* [[pandoc]]
* [[pandoc]]
* [[Regular expressions]], grep, sed?
* [[Regular expressions]], grep, sed?
some "old school" tricks worth understanding...
* (meta)redirections, [https://www.w3.org/Provider/Style/URI.html cool urls don't change?!]
* framesets
* [[iframe]] and postMessage style communication?
* [[iframe]] and postMessage style communication?
* tables?
Example from raspberry pi script:
Example from raspberry pi script:
<source lang="bash">
<source lang="bash">
Line 26: Line 31:
* Command-line html tools -- what exists?
* Command-line html tools -- what exists?
* API via URL ?
* API via URL ?
* Working with "living standards": https://caniuse.com/ , http://youmightnotneedjs.com/, http://youmightnotneedjquery.com/


<source lang="bash">
<source lang="bash">
Line 36: Line 42:
[[HTML]] Berners-Lee, CERN
[[HTML]] Berners-Lee, CERN


==1996==
===1996===
[[CSS1]]
[[CSS1]]


==1997==
===1997===
[[CSS2]]
[[CSS2]]


===1998===
===1998===
[[XML]]
[[XML]] [[CSS3]] stars...


===2000===
===2000===
[[XHTML]]
[[XHTML]]


==2014==
---
[[HTML5]] See also: [https://en.wikipedia.org/wiki/HTML5#W3C_and_WHATWG_conflict w3c + whatwg conflict]
 
Markdown was developed by [https://daringfireball.net/projects/markdown/ John Gruber] who writes on his website:
 
<blockquote>The overriding design goal for Markdown’s formatting syntax is to make it as readable as possible. The idea is that a Markdown-formatted document should be publishable as-is, as plain text, without looking like it’s been marked up with tags or formatting instructions. While Markdown’s syntax has been influenced by several existing text-to-HTML filters, the single biggest source of inspiration for Markdown’s syntax is the format of plain text email.
</blockquote>
As an example, he offers the [https://daringfireball.net/projects/markdown/index.text source] text of his own website.
 
== Markup ==
 
<blockquote>Ed Mosher, Ray Lorie, and I invented the first structured markup language in 1969, IBM’s “Generalized Markup Language” (GML). In 1970 I coined the phrase “markup language” in order to describe our invention.
</blockquote>
<blockquote>GML led to SGML, which I invented in 1974. SGML literally makes the infrastructure of modern society possible. Our incredibly complex systems and products require massive amounts of documentation – 4 million pages for a single model of aircraft, for example, which must be updated quarterly. That documentation couldn’t be created and managed without SGML.
</blockquote>
<blockquote>The same is true for the documentation of nuclear plants, oil rigs, government laws and regulations, military systems – and anything else that is too complex for a single person to understand and that has life-and-death significance. All of those things are documented with SGML.
</blockquote>
<blockquote>The World Wide Web is also powered by SGML. In 1999 the Society for Technical Communication recognized that synergy by conferring Honorary Fellowships on both Tim Berners-Lee and myself. It was the only dual award since 1974, when Buckminster Fuller and Frank Winship received the first two Honorary Fellowships.
</blockquote>
<blockquote>HTML is an SGML application, while XML is a Web-optimized subset of SGML. For a quick and clear explanation of XML, read XML in an Instant: A Non-geeky Introduction.
</blockquote>
Source: http://charlesfgoldfarb.com/
 
== Copy editing – “mark up” ==
 
[[File:proofreader-markup-1950s.jpg]] [https://elevenacres.tumblr.com/post/32642369170/proofreader-markup-symbols-a-lost-art-1950s image source]
 
[[File:copyedit.jpg]]
 
== Sheet music ==
 
[[File:Oregon_My_Oregon.jpg]]
 
[https://networkcultures.org/digitalpublishing/2014/04/30/mark-me-up-mark-me-down/ Mark me up, mark me down]
 
== A timeline ==
 
; 1989
: Berners-Lee [https://www.w3.org/History/1989/proposal.html proposal]
; 1993
: HTML(1), CERN
; 1994
: Håkon Lie’s [https://www.w3.org/People/howcome/p/cascade.html CSS proposal] and the [https://www.w3.org/Style/LieBos2e/history/Overview.en.html saga]
; 1993
: [http://1997.webhistory.org/www.lists/www-talk.1993q1/0182.html img tag]
; 1994
: [https://web.archive.org/web/20190208153335/http://blairmag.com/blair1/ blairmag]
; 1996
: animated gif support added to Netscape 2.0 [https://en.wikipedia.org/wiki/GIF#cite_note-31 src]
; 1997
: [https://web.archive.org/web/19961103044539/http://papermag.com/ papermag] compare with [https://www.papermag.com/ today]
; 1998
: [https://docstore.mik.ua/orelly/xml/xmlnut/ch01_04.htm XML1.0 published] + XSL + XSLT
; 2000
: [https://www.w3.org/TR/xhtml1/ XHTML] … “a reformulation of HTML 4 as an XML 1.0 application”
; 2007
: [https://en.wikipedia.org/wiki/EPUB#History EPUB2] – first publication of “epub” specification for electonic books, based on HTML/web technologies
; 2011
: CSS 2.1 adds rules for [https://www.w3.org/TR/CSS21/page.html “paged media”]
; 2014
: [https://html.spec.whatwg.org/multipage/ HTML5] and the “living standard”, see also [https://en.wikipedia.org/wiki/HTML5#W3C_and_WHATWG_conflict whatwg and w3c conflict]
; 2018
: [https://www.w3.org/TR/css-page-3/ CSS Paged Media Module Level 3]
 
== ftp ==
 
* ftp://test.rebex.net/ user: test, password: password
 
== html ==
 
https://www.december.com/html/spec/
 
== pandoc ==
 
[https://pandoc.org/ pandoc]: a universal document converter
 
[https://pandoc.org/MANUAL.html#pandocs-markdown pandoc’s markdown] and [[extensions|extensions]]
 
[https://pandoc.org/epub.html Creating an ebook with pandoc]
 
[http://pages.stat.wisc.edu/~yandell/statgen/ucla/Help/Producing%20slide%20shows%20with%20Pandoc.html making slides with markdown + pandoc]
 
== Platforms ==
 
* [http://www.gutenberg.org/ Project Gutenberg]
* [https://en.wikisource.org/wiki/The_Outdoor_Girls_at_Rainbow_Lake/Chapter_19 Wiki source] … [https://en.wikisource.org/wiki/Wikisource:Community_portal community portal] and [https://en.wikisource.org/wiki/Help:Introduction_to_editing_Wikisource Introduction to editing]
* [https://www.pgdp.net/c/ Distributed proofreaders] [https://www.algolit.net/mundaneum/distributed_proofreaders/ video]
 
 
 
[[Category:Post-Digital Itch]]

Latest revision as of 15:53, 31 January 2020

Construction.gif page still in development

Maybe better title: HTML and epub (or vice versa)

  • the "web trinities": URL, HTTP, HTML / HTML, CSS, JS
  • XHTML/RDF... and the so-called semantic web... (and relations to the (historical) XML community)
  • Metadata (in SVG)
  • EPUB
  • pandoc
  • Regular expressions, grep, sed?

some "old school" tricks worth understanding...

Example from raspberry pi script:

sed -i 's| init=/usr/lib/raspi-config/init_resize\.sh||' /boot/cmdline.txt
whiptail --yesno "COntinue" 20 20

Timeline

1989

HTML Berners-Lee, CERN

1996

CSS1

1997

CSS2

1998

XML CSS3 stars...

2000

XHTML

---

Markdown was developed by John Gruber who writes on his website:

The overriding design goal for Markdown’s formatting syntax is to make it as readable as possible. The idea is that a Markdown-formatted document should be publishable as-is, as plain text, without looking like it’s been marked up with tags or formatting instructions. While Markdown’s syntax has been influenced by several existing text-to-HTML filters, the single biggest source of inspiration for Markdown’s syntax is the format of plain text email.

As an example, he offers the source text of his own website.

Markup

Ed Mosher, Ray Lorie, and I invented the first structured markup language in 1969, IBM’s “Generalized Markup Language” (GML). In 1970 I coined the phrase “markup language” in order to describe our invention.

GML led to SGML, which I invented in 1974. SGML literally makes the infrastructure of modern society possible. Our incredibly complex systems and products require massive amounts of documentation – 4 million pages for a single model of aircraft, for example, which must be updated quarterly. That documentation couldn’t be created and managed without SGML.

The same is true for the documentation of nuclear plants, oil rigs, government laws and regulations, military systems – and anything else that is too complex for a single person to understand and that has life-and-death significance. All of those things are documented with SGML.

The World Wide Web is also powered by SGML. In 1999 the Society for Technical Communication recognized that synergy by conferring Honorary Fellowships on both Tim Berners-Lee and myself. It was the only dual award since 1974, when Buckminster Fuller and Frank Winship received the first two Honorary Fellowships.

HTML is an SGML application, while XML is a Web-optimized subset of SGML. For a quick and clear explanation of XML, read XML in an Instant: A Non-geeky Introduction.

Source: http://charlesfgoldfarb.com/

Copy editing – “mark up”

File:Proofreader-markup-1950s.jpg image source

File:Copyedit.jpg

Sheet music

File:Oregon My Oregon.jpg

Mark me up, mark me down

A timeline

1989
Berners-Lee proposal
1993
HTML(1), CERN
1994
Håkon Lie’s CSS proposal and the saga
1993
img tag
1994
blairmag
1996
animated gif support added to Netscape 2.0 src
1997
papermag compare with today
1998
XML1.0 published + XSL + XSLT
2000
XHTML … “a reformulation of HTML 4 as an XML 1.0 application”
2007
EPUB2 – first publication of “epub” specification for electonic books, based on HTML/web technologies
2011
CSS 2.1 adds rules for “paged media”
2014
HTML5 and the “living standard”, see also whatwg and w3c conflict
2018
CSS Paged Media Module Level 3

ftp

html

https://www.december.com/html/spec/

pandoc

pandoc: a universal document converter

pandoc’s markdown and extensions

Creating an ebook with pandoc

making slides with markdown + pandoc

Platforms