diff --git a/enter/.obsidian/workspace.json b/enter/.obsidian/workspace.json index 957bcf9..6be7e65 100644 --- a/enter/.obsidian/workspace.json +++ b/enter/.obsidian/workspace.json @@ -55,8 +55,7 @@ } ], "direction": "horizontal", - "width": 255.5, - "collapsed": true + "width": 255.5 }, "right": { "id": "a4f595dc05b75a93", diff --git a/enter/Coding Tips (Classical)/Terminal Tips/Languages/HTML & CSS.md b/enter/Coding Tips (Classical)/Terminal Tips/Languages/HTML & CSS.md index b6c3c56..ef7817f 100644 --- a/enter/Coding Tips (Classical)/Terminal Tips/Languages/HTML & CSS.md +++ b/enter/Coding Tips (Classical)/Terminal Tips/Languages/HTML & CSS.md @@ -24,10 +24,9 @@ Stuff Goes Here. Leave the Credit in the blog text. -On a more serious note, HTML is used everywhere. HTML (**Hypertext Markup Language**) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript. -Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document. +On a more serious note, HTML is used everywhere. HTML (**Hypertext Markup Language**) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript. Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document. -HTML has been in use since 1991, but HTML 4.0 was the first standardized version where international characters were given reasonably complete treatment. When an HTML document includes special characters outside the range of seven-bit ASCII, there are two aspects should be taken into consideration: the information's integrity, and universal browser display. +**HTML has been in use since 1991,** but HTML 4.0 was the first standardized version where international characters were given reasonably complete treatment. When an HTML document includes special characters outside the range of seven-bit ASCII, there are two aspects should be taken into consideration: the information's integrity, and universal browser display. ```
@@ -124,7 +123,17 @@ Here is the sample HTML code for a website visitor [counter](https://www.websi +### Other notes: +There a lot of philosophies about a "website" such as the [IndieWeb](https://indieweb.org/) which I think is great. +via IndieWeb: +### Beyond Blogging and Decentralization + +The IndieWeb effort is [different](https://indieweb.org/different "different") from previous efforts/communities: + +- **[Principles](https://indieweb.org/Principles "Principles")** over project-centrism. Others assume a [monoculture](https://indieweb.org/monoculture "monoculture") of one project for all. We are developing a [plurality of projects](https://indieweb.org/principles#Plurality "principles"). The IndieWeb community has a [code-of-conduct](https://indieweb.org/code-of-conduct "code-of-conduct"). +- **[Publish on your site](https://indieweb.org/use_what_you_make "use what you make")** instead of emailing a list. Show before tell. Prioritize by [making what you need](https://indieweb.org/make_what_you_need "make what you need"), [creating](https://indieweb.org/create "create"), iterating on your own site. +- **[Design](https://indieweb.org/Design "Design")** first, protocols & formats second. Focus on good UX & [using your own prototype features](https://indieweb.org/use_what_you_make "use what you make") to create minimum necessary [formats](https://indieweb.org/formats "formats") & [protocols](https://indieweb.org/protocols "protocols"). --- #### What is PUG? @@ -132,6 +141,7 @@ Here is the sample HTML code for a website visitor [counter](https://www.websi There is a template engine used for Node.js called Pug, formerly known as JADE, that is being used much more frequently nowadays because it compiles down to HTML. This makes for much more readable, html formatted code. ![[Pasted image 20230607204133.png]] - [Pug to HTML ](https://codebeautify.org/pug-to-html-converter#:~:text=This%20tool%20that%20converts%20the,to%20Hyper%20Text%20Markup%20language.) converter +- Alternatively, there is also [this HTML encoder](https://www.w3docs.com/tools/html-encoder/) tool --- @@ -156,14 +166,3 @@ Ah the design and creative part of front end coding. This is what I started out --- -### Other notes: -There a lot of philosophies about a "website" such as the [IndieWeb](https://indieweb.org/) which I think is great. - -via IndieWeb: -### Beyond Blogging and Decentralization - -The IndieWeb effort is [different](https://indieweb.org/different "different") from previous efforts/communities: - -- **[Principles](https://indieweb.org/Principles "Principles")** over project-centrism. Others assume a [monoculture](https://indieweb.org/monoculture "monoculture") of one project for all. We are developing a [plurality of projects](https://indieweb.org/principles#Plurality "principles"). The IndieWeb community has a [code-of-conduct](https://indieweb.org/code-of-conduct "code-of-conduct"). -- **[Publish on your site](https://indieweb.org/use_what_you_make "use what you make")** instead of emailing a list. Show before tell. Prioritize by [making what you need](https://indieweb.org/make_what_you_need "make what you need"), [creating](https://indieweb.org/create "create"), iterating on your own site. -- **[Design](https://indieweb.org/Design "Design")** first, protocols & formats second. Focus on good UX & [using your own prototype features](https://indieweb.org/use_what_you_make "use what you make") to create minimum necessary [formats](https://indieweb.org/formats "formats") & [protocols](https://indieweb.org/protocols "protocols"). \ No newline at end of file