Digital zines II: HTML and friends: Difference between revisions
(→1996) |
(→2014) |
||
(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 | ||
* 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] | |||
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
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...
- (meta)redirections, cool urls don't change?!
- framesets
- iframe and postMessage style communication?
- tables?
Example from raspberry pi script:
sed -i 's| init=/usr/lib/raspi-config/init_resize\.sh||' /boot/cmdline.txt
- WHATWG ...
- YAML metadata & templates, DPT workflow tutorial
- alternatives / parallel histories? (plato, bbs, dartmouth, ... )
- https://sammacbeth.eu/blog/2019/03/22/dat-for-firefox-1.html
- maybe try a realtime editor like: https://demo.codimd.org/
- https://casual-effects.com/markdeep/
- Redirection (meta refresh style?)
- Command-line html tools -- what exists?
- API via URL ?
- Working with "living standards": https://caniuse.com/ , http://youmightnotneedjs.com/, http://youmightnotneedjquery.com/
whiptail --yesno "COntinue" 20 20
Timeline
1989
HTML Berners-Lee, CERN
1996
1997
1998
2000
---
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
Sheet music
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
- ftp://test.rebex.net/ user: test, password: password
html
https://www.december.com/html/spec/
pandoc
pandoc: a universal document converter
pandoc’s markdown and extensions
making slides with markdown + pandoc