resources

Professional Website

tools

text editor:Brackets

also recommended:

FTP program:Cyberduck

HTML tutorials

HTML Dog

HTML/CSS templates — no Wix, no SquareSpace!!

free!

$$$$!

tutorials for modifying the Story template and other templates

web building resources

fonts

icon resources

favicon resources

tiling background images

responsive design

accessible design

design & coding inspiration & discussion

website analytics

Website evaluation criteria

Print Portfolio

Multimedia Project

for blog projects:

options are presented more or less in order of technical difficulty and complexity

Multimedia Communication website

Screencast-o-matic

SlideDoc

Thinglink

ESRI Storymaps

Knightlab: a suite of open source tools for digital storytelling; developed for journalists and media makers, but easy to use and engaging for novice users

  • Timeline JS: present a story that occurs over time
    • can include text, image, and video to present and analyze an event
    • also great for an interactive resume
  • Soundcite: add soundclips to text
    • here’s a soundclip you can use: http://sorapure.net/guitar.mp3 (just paste this where Soundcite prompts you for an audio URL)
    • works best with WordPress; in other words, create the soundclips in Soundcite and attach them to text that you publish with WordPress
  • Storyline: attach annotations to a basic line chart to tell the story behind the numbers (still in beta but works fine)
    • here’s my example with numbers from the Professional Writing Minor

HTML/CSS/JavaScript packages