Webmaker

https://webmaker.org/

http://hivenyc.org/teachtheweb/

https://thimble.webmaker.org/

http://www.hackasaurus.org/

Progression – Lots of commenters giving links to their “Hello World” sites -  https://p2pu.org/en/groups/webmaking-101-youre-live/content/lets-do-this/

—> Nicolem comment

—>  http://www.nicolemarshall.com.au/helloworld3.html  (uh oh!)

—>  http://www.nicolemarshall.com.au/  (Wow!)

YouTube -  http://www.youtube.com/

Vimeo -  https://vimeo.com/

MediaCore -  http://umwnewmedia.org/mediacore/

Instaposts to Media publishing site

Capture Procedure using MediaCore Capture app -  http://umwnewmedia.mediacore.tv/media/medicore-capture

Resulting video -  http://umwnewmedia.mediacore.tv/media/out-back

Embeds

Finding the Embed Code for Media

oEmbeds in WordPress

Web RTC -  http://www.webrtc.org/

http://www.html5rocks.com/en/tutorials/webrtc/basics/

https://appear.in/  - WebRTC form of Skype. Better quality, better performance. Chrome, Firefox, and Opera only.

https://pingo.upb.de/  - Pingo (free to students & teachers)

http://www.simplemeet.me/  - Online chat with simple code that you enter to join a room

http://todaysmeet.com/  - Backchannel service that creates rooms and integrates Twitter hashtags

Blogging from wherever you are

Tumblr

Pressgr.am

IFTTT

https://ifttt.com/wtf

Example: Favorite a Vimeo video and automatically Tweet about it.

Resources:

Domain of One’s Own -  http://umwdomains.com/

Webmaking 101 -  https://p2pu.org/en/schools/school-of-webcraft/sets/webmaking-101/

Ingredients:

Your Domain

Easy: https://www.hover.com/

Cheap: https://www.namecheap.com/

Also, most hosting sites will offer you a domain with hosting

Web Hosting

http://wordpress.com/

http://reclaimhosting.com/

http://asmallorange.com/

http://www.squarespace.com/

(Get reviews at  http://reviewsignal.com/webhosting  )

If you go with HTML5:

FTP

Filezilla: https://filezilla-project.org/

Cyberduck: http://cyberduck.io/

Text Editor

Notepad++: http://notepad-plus-plus.org/

Text Wrangler: http://www.barebones.com/products/textwrangler/

Templates – HTML5 Up: http://html5up.net/

Considerations:

“Responsive” – How it looks on other devices (mobile)

Light weight

Leads us into “instaposts” . . .

Resources:

Evernote -  https://evernote.com/

Clearly -  http://evernote.com/clearly/

Web Clipper -  http://evernote.com/webclipper/

Postach.io -  http://postach.io/

My Postach.io -  http://andyrush.postach.io/