Tech Field

Markup, Coding & Tech

HTML

BASIC HTML TEMPLATE AREA
<!DOCTYPE html> <html><head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <title>Hello World</title> </head> <body> <p>Hello world!</p> </body> </html>

BASIC STYLE (goes in head)
<!DOCTYPE html> <html><head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"><style> html{font-size:16.000000px;} li{margin: 2px} .myDiv { border: 2px solid; grey; text-align: center; margin: 10px; padding: 8px; } body{max-width:808px; padding:24px;} del { background: whitesmoke; text-decoration: none; } </style>

COMMENT

BLOCKQUOTE
<blockquote>"This is a quote."<div class="Citation">-<a href="source.org">source</a></div></blockquote>

"This is a quote."
-source

DIV ELEMENT
<div class="myDiv"> <h2>This is a heading in a div element</h2> <p>This is some text in a div element.</p> </div>

This is a heading in a div element

This is some text in a div element.

DROPDOWN DETAILS & SUMMARY
<details><summary>This is the summary of the details</summary>this is the details</details>

This is the summary of the details

this is the details

SUBSCRIPT & SUPERSCRIPT
<p>This phrase contains <sub>subscript</sub> text. This phrase contains <sup>superscript</sup> text.</p>

This phrase contains _subscript text. This phrase contains ^superscript text.

LISTS
<ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>

Coffee
Tea
Milk

Coffee
Tea
Milk

SPAN ELEMENT
This text is in <span style="color:blue; font-weight:bold">blue</span>.

This text is in blue. The span tag is much like the div element, but div is a block-level element and span is an inline element.

IMAGE
<img src="pics that go hard/The-Heros-Journey.png" alt="The-Heros-Journey" width="200" height="200">

The-Heros-Journey

TEXT AREA
<textarea rows="4" cols="50">Lorem Ipsum</ textarea>

CSS

PARAGRAPH STYLES
<style> p.dotted {border-style: dotted;} p.dashed {border-style: dashed;} p.solid {border-style: solid;} p.double {border-style: double;} p.groove {border-style: groove;} p.ridge {border-style: ridge;} p.inset {border-style: inset;} p.outset {border-style: outset;} p.none {border-style: none;} p.hidden {border-style: hidden;} p.mix {border-style: dotted dashed solid double;} </style>

https://www.reddit.com/r/VintageApple/
https://www.macintoshrepository.org/ I wonder if this is a safe website. I wish I knew how to tell these things.
https://www.reliablesoft.net/what-are-search-terms/
https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow
https://en.wikipedia.org/wiki/Internet_safety
https://en.wikipedia.org/wiki/DEFCON
Color Library htmlcolorcodes.com
https://www.w3schools.com/js/js_htmldom.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow
https://shotkit.com/jpg-vs-png/
https://en.wikipedia.org/wiki/JPEG
https://thecrashcourse.com/topic/computerscience/

The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory. Usually it refers to JavaScript, even though modeling HTML, SVG, or XML documents as objects are not part of the core JavaScript language. mdn web docs (aka developer.mozilla.org)

Mac Apps

Amphetamine
"Welcome to Amphetamine, the most awesome keep-awake app ever created for macOS. Amphetamine can keep your Mac, and optionally its display(s), awake through a super simple on/off switch, or automatically through easy-to-configure Triggers. Amphetamine is extremely powerful and includes advanced features for those who need them, yet remains intuitive and easy-to-use for those who don't need all of the bells and whistles."

EdgeView 3
"EdgeView 3 is fast image viewer has elegant user #interface

EdgeView 3 is developed and designed for modern #MacOS.

It can open various image files such as JPEG, PNG, TIFF, BMP, and RAW file of DSLR, EPS and PDF, AI(Adobe Illustrator). Can open image files in archive directly without extraction.

User can open files, rename files, delete files from EdgeView's file browser. Also can access to SMB/AFP/FTP network volume.

User can navigate images quickly by using keyboard shorcut, mouse wheel, trackpad gesture. EdgeVew show EXIF information, play animation GIF/PNG/WebP smoothly. Save last status to history, and restore when reopen file.

EdgeView 3 will be the best choice when viewing and managing image files."

Keka
A well reviewed file archiver $7.99 CA

Github Flavored Markdown
Create sophisticated formatting for your prose and code on GitHub with simple syntax.

Beauty meets function: Students revive ancient cooling technology for modern application
"White porcelain structures, varying in shape and texture, lined a table in the College of Architecture, Arts, and Design research demonstration facility on Inventive Lane in Blacksburg. Many of them will be included in a ceramics exhibition in Richmond before returning to Blacksburg to undergo further study." Article written by Lindsey Byars of Virginia Tech News

Blurb Blocker
"This script will hide AO3 work blurbs that contain one or more of the words or phrases you specify. The blacklisted terms can appear anywhere in a blurb: title, author, tags, summary...
The script is currently set to hide work blurbs that contain the terms "explicit" or "mature." You can remove these terms and add as many as you like by editing the part of the script that reads var blackList = new Array('explicit', 'mature');
You can whitelist terms as well. This will show blurbs containing the specified terms even if the blurbs also contain a blacklisted term. That can be changed in the the part that reads var whiteList = new Array('general audiences'); If there are no terms you want whitelisted, use var whiteList = new Array();
Updated to Version 1.4 on 8 October 2013."