Tag: Stackedit

The art of web page ascetics: an exploration of HTML and StackEdit

StackEdit:

Tools

file import platforms:
URLs
Disks
computer

Exports to:
URls
Disks
The Cloud

other uses:

converts HTML to markdown

Operators

Text can be italicized by wrapping the word in or _ symbols. Likewise, bold text is written by wrapping the word in ** or __.
* * creates list ,tab* indents the list and changes markers
* numbering is automatically indented
* “back tick marks create spaces and hold through encapsulated text
* Adding a > before any paragraph will render it as a blockquote element.
* Horizontal rules are produced when three or more -, * or _ are included on a line by themselves, regardless of the number of spaces between them.
* Images can be referenced using !, followed by some alt-text in square brackets, followed by the image URL and an optional title.
*Github
* To create a table within GitHub, use pipes | to separate columns and hyphens – between your headings and the rest of the table content.

*Inline links are written by enclosing the link text in square brackets first, then including the URL and optional alt-text in round brackets.
*Reference-style links are handy for footnotes and may keep your plain text document neater. These are written with an additional set of square brackets to establish a link ID label.

downsides to Stack editor

  • needs jetpack plugin to export to word press (cost $Money)
  • many people and publishers still expect traditional Word documents, PDFs, and other file formats.

command line editor

‘Command-Line Interface’ is main access to editor and GUI’s to process information

Unix shell

Command What It Does
pwd Prints the ‘present working directory,’ letting you know where you are.
ls Lists the files in the current directory
man * Lists the manual for the command, substituted for the *
cd * Changes the current directory to *
mkdir * Makes a directory named *
open or explorer On OS X, open followed by a file opens it; in Windows, the command explorer followed by a file name does the same thing.
cat * cat is a versatile command. It will read a file to you if you substitute a file for *, but can also be used to combine files.
head * Displays the first ten lines of *
tail * Displays the last ten lines of *
mv Moves a file
cp Copies a file
rm Deletes a file
vim Opens up the vim document editor.

### Hot keys/ shortcuts
*Shift+UpArrow-will move you down a page
*Shift+DownArrow-will move you up a page

Written with StackEdit.

HTML functions:

* Headings
* Paragraphs
* Styles
* Formatting
* Quotations
* Comments
* Colors
* CSS
* Links
* Images
* Tables
* Lists
* Blocks
* Classes
* Iframes
* JavaScript
* File Paths

HTML has its own:

*HTML Symbols
*HTML Charset
*HTML URL Encode
*HTML XHTML

HTML Graphics
HTML Canvas
HTML SVG
HTML Google Maps

HTML embeds

* Video
* Audio
* Plug-ins
* YouTube

other functions include

HTML APIs
HTML Geolocation
HTML Drag/Drop
HTML Web Storage
HTML Web Workers
HTML SSE

My experience

I only scratched the surface, by looking at CSS, Colors and Headings.

Cascading Style Sheets(CSS)

*Types of CSS
1. Inline – by using the style attribute in HTML elements
a. changes one specific element’s color
2. Internal – by using a style element in the head section
a. applies rule of thumb to document
3. External – by using an external CSS file

Colors function

1. Back ground coloring

2. Text coloring

3. Border Coloring

Headings

There are 6 different sizes and automatic spacing

I find StackEditor much more user friendly, but it doesn’t have as nearly as many “bells and whistles” as HTML. Luckily both are compatible so one can start in StackEdit and then add any extra functionality with HTML coding.