PreviousReadings
Created Tuesday 04 May 2021
HTML and CSS References and Resources
Week 13 - Multimedia!
Week 12 - Text, Revisited
Other links beyond regular "articles" included for your perusal
https://graydon2.dreamwidth.org/193447.html
https://www.thenewatlantihttps://us.bbcollab.com/collab/ui/session/playback/load/bae94689e20446ed9444800d6c9e3e80s.com/text-patterns/no-microsoft-word-really-is-that-bad
https://slate.com/technology/2012/04/microsoft-word-is-cumbersome-inefficient-and-obsolete-its-time-for-it-to-die.html
The alternative: WYSIWYM
https://www.developervoyage.com/2020/01/23/why-i-prefer-wysiwym-for-technical-writing.html
(another very long one that I think is worth it:)
http://cristal.inria.fr/~weis/info/commandline.html
HTML
https://www.lifewire.com/why-use-semantic-html-3468271
NOTE: the below are not readings, but resources to explore
Pandoc - Absolute swiss army knife here:
Markdown
Markdown, generally
https://www.markdownguide.org/tools/
https://ghost.org/changelog/markdown/
Tools that use Markdown
Pandoc, above - also:
https://remarkableapp.github.io/
https://github.blog/2016-08-22-publish-your-project-documentation-with-github-pages/
https://md2pdf.netlify.app/
https://stackedit.io/
https://itsfoss.com/open-source-static-site-generators/
The Markdown-alikes
Can probably convert:
Org-Mode
zim-wiki
Week 10 - Advanced CSS
https://www.w3schools.com/Css/css_boxmodel.asp
https://www.w3schools.com/Css/css_positioning.asp
https://alistapart.com/article/css-positioning-101/
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
Week 7 - Intro to CSS
https://www.freecodecamp.org/news/get-started-with-css-in-5-minutes-e0804813fc3e/
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
Week 6 - Colors Continued
https://www.arclab.com/en/kb/htmlcss/html-css-color-names-rgb-rgba-hex-hsl-hsla.html
Week 5 - HTML review, Intro to Binary and Colors
https://i.imgur.com/NQPrUsI.gif
http://www.mathsisfun.com/binary-decimal-hexadecimal.htm
If you want to be like a supergenius
https://www.dotconferences.com/2018/11/david-desandro-read-color-hex-codes
Week 4 - HTML Proper
First, a harsh and honest assessment of the web, via discussion
https://news.ycombinator.com/item?id=12477190
So basic, but a good place to start:
https://www.w3schools.com/html/html_intro.asp
Ditto
https://www.hostinger.com/tutorials/what-is-html
Good discussion of the "Is HTML a Language" thing.
https://www.thinkful.com/blog/thoughts-on-declarative-and-imperative-languages/
Week 2 - Linux, Files, and Servers
https://char.gd/blog/2017/the-web-is-swallowing-the-desktop-whole-and-nobody-noticed
https://www.howtogeek.com/117939/htg-explains-what-everything-is-a-file-means-on-linux/
https://towardsdatascience.com/web-servers-in-linux-and-beyond-1241ca557a4f
File Transfer
https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server
https://blog.robertelder.org/what-is-ssh/
(You don't NEED to read past "Using SSH with Github" — and even the key stuff might be a little obtuse, but we will go over it)
Text editing
https://www.computerhope.com/issues/ch000619.htm (solid, but not perfect rundown)
https://www.fastcompany.com/3037629/why-vim-an-80s-text-editor-is-still-the-ui-of-choice-for-power-users
Week 1 - Intro to the Modern Web
https://www.webfx.com/blog/web-design/the-history-of-the-internet-in-a-nutshell/
https://www.wired.com/2016/08/linux-took-web-now-taking-world/
Today?
https://neustadt.fr/essays/against-a-user-hostile-web/
Time permitting : A clever thing on CODE in general. Huge, but I've found it to be worth it.
https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/
IN CLASS SLIDES
Week 1 - https://jrm4.com/slides/LIS5362_-_Week_1_Slides_-_Intro_to_the_Web.html
Week 4 - https://jrm4.com/slides/LIS5362_-_On_Text.html
Week 5 - https://jrm4.com/slides/Languages_and_HTML.html
Week 7 - Binary Slides: ../5362-binary.pdf
https://jrm4.com/slides/The_Web_Stack_Today.html
Stacks and Such - https://jrm4.com/slides/StacksAndSuch.html
Additional Resources
HTML
https://www.w3schools.com/
https://developer.mozilla.org/en-US/docs/Web/HTML
Week 15 - From here
Week 14 - Web and Stacks
Additional Readings / Information
https://opensource.com/article/21/2/chromebook-linux
https://opensource.com/resources/virtualization
https://thenewstack.io/this-week-in-programming-the-docker-dogpile-continues/
https://www.ibm.com/cloud/learn/lamp-stack-explained
https://www.monterail.com/blog/django-vs-node.js-when-to-choose-which
https://medium.com/javascript-scene/top-javascript-frameworks-and-tech-trends-for-2021-d8cb0f7bda69
Readings in Reverse Chronological Order
Week 13 - The Primacy of Text, Revisited
Other links beyond regular "articles" included for your perusal
https://graydon2.dreamwidth.org/193447.html
https://www.thenewatlantihttps://us.bbcollab.com/collab/ui/session/playback/load/bae94689e20446ed9444800d6c9e3e80s.com/text-patterns/no-microsoft-word-really-is-that-bad
https://slate.com/technology/2012/04/microsoft-word-is-cumbersome-inefficient-and-obsolete-its-time-for-it-to-die.html
The alternative: WYSIWYM
https://www.developervoyage.com/2020/01/23/why-i-prefer-wysiwym-for-technical-writing.html
(another very long one that I think is worth it:)
http://cristal.inria.fr/~weis/info/commandline.html
HTML
https://www.lifewire.com/why-use-semantic-html-3468271
NOTE: the below are not readings, but resources to explore
Pandoc - Absolute swiss army knife here:
Markdown
Markdown, generally
https://www.markdownguide.org/tools/
https://ghost.org/changelog/markdown/
Tools that use Markdown
Pandoc, above - also:
https://remarkableapp.github.io/
https://github.blog/2016-08-22-publish-your-project-documentation-with-github-pages/
https://md2pdf.netlify.app/
https://stackedit.io/
https://itsfoss.com/open-source-static-site-generators/
The Markdown-alikes
Can probably convert:
Org-Mode
zim-wiki
Week 10 - Advanced CSS
https://www.w3schools.com/Css/css_boxmodel.asp
https://cssfordesigners.com/articles/things-i-wish-id-known-about-css
https://www.w3schools.com/Css/css_positioning.asp
https://alistapart.com/article/css-positioning-101/
Week 8 - CSS
Review last two weeks.
Week 7 - Intro to CSS/ Binary and Color Theory
https://i.imgur.com/NQPrUsI.gif
http://www.mathsisfun.com/binary-decimal-hexadecimal.htm
If you want to be like a supergenius
https://www.dotconferences.com/2018/11/david-desandro-read-color-hex-codes
Week 6 - Advanced HTML/Intro to CSS
https://www.w3schools.com/Css/css_intro.asp
https://cssfordesigners.com/articles/things-i-wish-id-known-about-css
Week 5 - HTML Proper
First, a harsh and honest assessment of the web, via discussion
https://news.ycombinator.com/item?id=12477190
So basic, but a good place to start:
https://www.w3schools.com/html/html_intro.asp
Ditto
https://www.hostinger.com/tutorials/what-is-html
Good discussion of the "Is HTML a Language" thing.
https://www.thinkful.com/blog/thoughts-on-declarative-and-imperative-languages/
Week 4 - Linux, files, and Servers
(this should have been in last weeks readings BUT I JUST FOUND IT. We will dig deeper into this around Week 13, but this is a good "Why learn HTML/CSS now")
https://char.gd/blog/2017/the-web-is-swallowing-the-desktop-whole-and-nobody-noticed
https://www.howtogeek.com/117939/htg-explains-what-everything-is-a-file-means-on-linux/
https://towardsdatascience.com/web-servers-in-linux-and-beyond-1241ca557a4f
File Transfer
https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server
https://blog.robertelder.org/what-is-ssh/
(You don't NEED to read past "Using SSH with Github" — and even the key stuff might be a little obtuse, but we will go over it)
Text editing
https://www.computerhope.com/issues/ch000619.htm (this is solid, except "control" which is *exactly* wrong)
https://www.fastcompany.com/3037629/why-vim-an-80s-text-editor-is-still-the-ui-of-choice-for-power-users
Week 2 - Intro to the Modern Web
https://www2.ed.gov/pubs/OR/ConsumerGuides/internet.html
https://www.webfx.com/blog/web-design/the-history-of-the-internet-in-a-nutshell/
https://www.wired.com/2016/08/linux-took-web-now-taking-world/
Today?
https://perezbox.com/2020/04/the-open-web-is-dying/
https://neustadt.fr/essays/against-a-user-hostile-web/
Time permitting : A clever thing on CODE in general. Huge, but I've found it to be worth it.
https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/
---
Week 11 - Languages and Applications
Review last week
https://kinsta.com/knowledgebase/what-is-wordpress/
We won't be *doing* the following, but an example
https://adityasridhar.com/posts/desktop-apps-with-html-css-javascript
Week 10 - Media Queries and Wrapping up
Review Week 3
https://www.php.net/manual/en/intro-whatis.php
https://www.wpbeginner.com/glossary/php/
https://javascript.info/intro
http://www.yourtechstory.com/2019/02/10/brendan-eich-founder-javascript-buggy-irreplaceable-programming-language/
Week 9 - Advanced CSS/Color Theory
Review below
Week 8 - Advanced CSS, Binary, and Color Theory
https://www.w3schools.com/Css/css_boxmodel.asp
https://cssfordesigners.com/articles/things-i-wish-id-known-about-css
https://www.w3schools.com/Css/css_positioning.asp
https://alistapart.com/article/css-positioning-101/
https://i.imgur.com/NQPrUsI.gif
http://www.mathsisfun.com/binary-decimal-hexadecimal.htm
Week 7 - Midterm Quiz
Slides for quiz
https://jrm4.com/slides/LIS5362_-_Week_1_Slides_-_Intro_to_the_Web.html
https://jrm4.com/slides/LIS5362_-_On_Text.html
https://jrm4.com/slides/Web_and_Internet_Basics.html
Week 6 - Advanced HTML/Intro to CSS
https://www.w3schools.com/Css/css_intro.asp
https://cssfordesigners.com/articles/things-i-wish-id-known-about-css
If you want to be like a supergenius
https://www.dotconferences.com/2018/11/david-desandro-read-color-hex-codes
Week 5 - HTML Continued
https://jrm4.com/slides/Web_and_Internet_Basics.html
+RawSlides:Web and Internet Basics
No new readings for the tech side of what we do. Do try to access Torch in preparation for hitting the ground with HTML next week.
Week 4 - HTML
First, a harsh and honest assessment of the web, via discussion
https://news.ycombinator.com/item?id=12477190
So basic, but a good place to start:
https://www.w3schools.com/html/html_intro.asp
Ditto
https://www.hostinger.com/tutorials/what-is-html
https://www.w3schools.com/htmL/html_blocks.asp
https://www.w3schools.com/htmL/html_attributes.asp
https://www.w3schools.com/htmL/html_links.asp
https://www.w3schools.com/htmL/html_images.asp
Week 3 - The Primacy of Text
http://jrm4.com/slides/LIS5362_-_On_Text.html
https://graydon2.dreamwidth.org/193447.html
https://www.thenewatlantihttps://us.bbcollab.com/collab/ui/session/playback/load/bae94689e20446ed9444800d6c9e3e80s.com/text-patterns/no-microsoft-word-really-is-that-bad
https://slate.com/technology/2012/04/microsoft-word-is-cumbersome-inefficient-and-obsolete-its-time-for-it-to-die.html
The alternative: WYSIWYM
https://www.developervoyage.com/2020/01/23/why-i-prefer-wysiwym-for-technical-writing.html
(another very long one that I think is worth it:)
http://cristal.inria.fr/~weis/info/commandline.html
HTML
https://www.lifewire.com/why-use-semantic-html-3468271
NOTE: the below are not readings, but resources to explore
Pandoc - Absolute swiss army knife here:
Markdown
Markdown, generally
https://www.markdownguide.org/tools/
https://ghost.org/changelog/markdown/
Tools that use Markdown
Pandoc, above - also:
https://remarkableapp.github.io/
https://github.blog/2016-08-22-publish-your-project-documentation-with-github-pages/
https://md2pdf.netlify.app/
https://stackedit.io/
https://itsfoss.com/open-source-static-site-generators/
The Markdown-alikes
Can probably convert:
Org-Mode
zim-wiki
Week 2 - Intro to the Modern Web
https://www2.ed.gov/pubs/OR/ConsumerGuides/internet.html
https://www.webfx.com/blog/web-design/the-history-of-the-internet-in-a-nutshell/
https://www.wired.com/2016/08/linux-took-web-now-taking-world/
Today?
https://neustadt.fr/essays/against-a-user-hostile-web/
Time permitting : A clever thing on CODE in general. Huge, but I've found it to be worth it.
https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/
(previous PREVIOUS readings)
Week 13 - Real life Markup and HTML
Seriously, Microsoft Word is TRASH
because WYSIWYG breaks down.
https://www.thenewatlantis.com/text-patterns/no-microsoft-word-really-is-that-bad
https://slate.com/technology/2012/04/microsoft-word-is-cumbersome-inefficient-and-obsolete-its-time-for-it-to-die.html
I'm seriously including the following article just so you can see how absolutely terrible and without merit arguments in favor of Word are:
http://www.slate.com/blogs/normal/2016/10/11/microsoft_word_s_haters_have_it_all_wrong.html
The alternative: WYSIWYM
https://www.developervoyage.com/2020/01/23/why-i-prefer-wysiwym-for-technical-writing.html
HTML
https://www.lifewire.com/why-use-semantic-html-3468271
Implementations and tools to try:
Pandoc - Absolute swiss army knife here:
Markdown
Markdown, generally
https://www.markdownguide.org/tools/
https://ghost.org/changelog/markdown/
Tools that use Markdown
Pandoc, above - also:
https://remarkableapp.github.io/
https://github.blog/2016-08-22-publish-your-project-documentation-with-github-pages/
https://md2pdf.netlify.app/
https://stackedit.io/
https://itsfoss.com/open-source-static-site-generators/
The Markdown-alikes
Can probably convert:
Org-Mode
zim-wiki
Week 12 - Code and Interactivity
https://www.php.net/manual/en/intro-whatis.php
https://www.wpbeginner.com/glossary/php/
https://javascript.info/intro
http://www.yourtechstory.com/2019/02/10/brendan-eich-founder-javascript-buggy-irreplaceable-programming-language/
Week 11 - Wrapping it up - see:
Week 10 - More CSS
https://www.w3schools.com/Css/css_boxmodel.asp
https://cssfordesigners.com/articles/things-i-wish-id-known-about-css
https://www.w3schools.com/Css/css_positioning.asp
https://alistapart.com/article/css-positioning-101/
Week 8 - Midterm
Week 7 - Intro to CSS
https://www.w3schools.com/Css/css_intro.asp
https://cssfordesigners.com/articles/things-i-wish-id-known-about-css
If you want to be like a supergenius
https://www.dotconferences.com/2018/11/david-desandro-read-color-hex-codes
Week 6 - More HTML and Binary
./5362-binary.pdf
https://i.imgur.com/NQPrUsI.gif
http://www.mathsisfun.com/binary-decimal-hexadecimal.htm
https://www.w3schools.com/htmL/html_blocks.asp
https://www.w3schools.com/htmL/html_attributes.asp
https://www.w3schools.com/htmL/html_links.asp
https://www.w3schools.com/htmL/html_images.asp
Week 5 - HTML
First, a harsh and honest assessment of the web, via discussion
https://news.ycombinator.com/item?id=12477190
So basic, but a good place to start:
https://www.w3schools.com/html/html_intro.asp
Ditto
https://www.hostinger.com/tutorials/what-is-html
Good discussion of the "Is HTML a Language" thing.
https://www.thinkful.com/blog/thoughts-on-declarative-and-imperative-languages/
Week 4 - Files and Servers
https://www.howtogeek.com/117939/htg-explains-what-everything-is-a-file-means-on-linux/
https://towardsdatascience.com/web-servers-in-linux-and-beyond-1241ca557a4f
https://www.howtogeek.com/196060/beginner-geek-how-to-create-and-use-virtual-machines/
https://www.burwood.com/blog-archive/containerization-vs-virtualization
File Transfer
https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server
https://blog.robertelder.org/what-is-ssh/ (You don't NEED to read past "Using SSH with Github" — and even the key stuff might be a little obtuse, but we will go over it)
Text editing
https://www.computerhope.com/issues/ch000619.htm (this is solid, except "control" which is *exactly* wrong)
https://www.fastcompany.com/3037629/why-vim-an-80s-text-editor-is-still-the-ui-of-choice-for-power-users
Week 3 - The Web and File Management
+Required Course Tools (these may need some updating, we'll talk)
Historical Documents to Browse:
https://www2.ed.gov/pubs/OR/ConsumerGuides/internet.html
https://www.webfx.com/blog/web-design/the-history-of-the-internet-in-a-nutshell/
Today?
https://neustadt.fr/essays/against-a-user-hostile-web/
Week 2 Readings
http://jrm4.com/Islides/LIS-5362-FIRST-new.html
A clever thing on CODE in general. Huge, but I've found it to be worth it.
https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/
https://www.inkandswitch.com/end-user-programming.html
https://www.zdnet.com/article/linus-torvalds-isnt-worried-about-microsoft-taking-over-linux/
https://itsfoss.com/windows-linux-kernel-wsl-2/