$30 off During Our Annual Pro Sale. View Details »

Shotgunning Teh Awesome -- Redux

Shotgunning Teh Awesome -- Redux

Demonstrating ways to curate content, present information, collaborate with coworkers, and make things interesting using mad skills and disruptive technologies. Fifty slides in 10 minutes.

Robin Smail

March 18, 2013
Tweet

More Decks by Robin Smail

Other Decks in Technology

Transcript

  1. HighEdWeb NE Regional
    Mount Holyoke College
    18 March 2013
    Teh Awesome
    Shotgunning
    M
    Robin Smail
    renegade element
    F I R E B RA N D
    #ne9
    Friday, March 22, 13

    View Slide

  2. • OUTSPOKEN
    • USER EXPERIENCE
    • GENERALIST
    • BROWNCOAT
    Friday, March 22, 13

    View Slide

  3. WEB PROFESSIONALS ARE A
    SWISS ARMY
    KNIFE
    — AMANDA COSTELLO
    Friday, March 22, 13

    View Slide

  4. the challenge
    Demonstrate ways to curate content, present
    information, collaborate with coworkers, and
    make things interesting using mad skills and
    disruptive technologies. All within 10 minutes.
    Go!
    Friday, March 22, 13

    View Slide

  5. teh twitters
    Friday, March 22, 13

    View Slide

  6. packrati.us
    Friday, March 22, 13
    packrati.us follows your twitter feed and when it finds a URL, it’s added to your bookmarking service -- delicious, pinboard, diigo, instapaper, pocket.
    http://packrati.us/

    View Slide

  7. tweetbook.in
    Friday, March 22, 13
    tweetbookin creates a pdf ebook of tweets, hashtags, favorites -- good for event handouts, organizational accounts, curation.
    http://tweetbook.in/

    View Slide

  8. twitter archive
    Friday, March 22, 13
    How do I request my twitter archive? via your Twitter settings page.
    https://twitter.com/settings/account

    View Slide

  9. twitter archive via gDrive
    Martin Hawksey how to: http://mashe.hawksey.info/2013/01/sync-twitter-archive-with-google-drive/
    Friday, March 22, 13
    Synch and host your Twitter archive on Google Drive using Google Apps script. Accesses the Twitter API and auto update your twitter archive in a Google
    Spreadsheet. Store/host it on Google Drive for public access.
    blogpost (start here): http://mashe.hawksey.info/2013/01/sync-twitter-archive-with-google-drive/
    google spreadsheet (make copy): https://docs.google.com/spreadsheet/ccc?key=0AqGkLMU9sHmLdHRtbUF4OGh6ZnBZeFVsSjNhZlc1Z2c#gid=1
    how to video (watch this): http://www.youtube.com/watch?v=ce8G3sEOjAY

    View Slide

  10. twitter archive via gDrive
    Friday, March 22, 13
    Example of syncing and public hosting of Twitter archive on Google Drive, being used in a MOOC -- #ds106
    mooc use explanation (Alan Levine, aka @cogdog): http://cogdogblog.com/2013/01/22/martin-hawksey-genius/
    actual mooc site: http://etmooc.org/tweets/

    View Slide

  11. twylah
    Friday, March 22, 13
    Twitter aggregator breaks down your twitterstream into relevant topics; can curate topics and make them sticky. Can also be used for events.
    http://www.twylah.com/
    Example (mine): http://www.twylah.com/robin2go

    View Slide

  12. epilogger
    Friday, March 22, 13
    A real time event archiving application, aggregating tweets, blog posts, media, geo-checkins, links, and stats.
    http://epilogger.com/
    epilogger archive for #hewebne: http://epilogger.com/events/hewebne

    View Slide

  13. digital hoarding
    Friday, March 22, 13

    View Slide

  14. evernote
    Friday, March 22, 13
    Capture ideas, images, notes; access anywhere; find things fast. OCR scans of images too. Freaking awesome!
    (app, mobile app) http://evernote.com/

    View Slide

  15. ifttt
    Friday, March 22, 13
    IFTTT is a service that lets you create powerful connections (recipes) between applications (channels) with one simple “if this, then that” statement:
    http://ifttt.com/

    View Slide

  16. gimme bar
    Friday, March 22, 13
    Gimme bar allows you to store items in a personal library in the cloud, organize it, and share it with the world. Can also view other user’s public libraries.
    https://gimmebar.com/
    my gifs gimmebar: https://gimmebar.com/loves/robin2go

    View Slide

  17. snapguide
    Friday, March 22, 13
    Make and share how to guides for just about anything. Available on iPad, phone.
    http://snapguide.com/

    View Slide

  18. webpage screenshot
    Friday, March 22, 13
    Google Chrome extension. Looks cheesy as hell, but worth it’s weight in gold to capture entire web pages or webcams.
    https://chrome.google.com/webstore/detail/webpage-webcam-screenshot/ckibcdccnfeookdmbahgiakhnjcddpki?hl=en

    View Slide

  19. keepvid
    Friday, March 22, 13
    Download and save videos from the web (remember to use your technology for good, not evil ).
    http://keepvid.com/

    View Slide

  20. dropbox
    Friday, March 22, 13
    Extra space in the cloud; share large files with others. (Apps for iPhone, iPad, Android, Blackberry)
    http://www.dropbox.com/

    View Slide

  21. cheatsheet
    Friday, March 22, 13
    A mac-based app that lists all active short cuts of the current application you are working in. Simple as that.
    http://www.grandtotal.biz/CheatSheet/

    View Slide

  22. design
    Friday, March 22, 13

    View Slide

  23. gridfox
    Friday, March 22, 13
    A grid layout Firefox extension which overlays a grid on any website (works especially well with Firebug plugin to create gridfox + firebug aligned sites)
    http://www.puidokas.com/portfolio/gridfox/

    View Slide

  24. firebug
    Friday, March 22, 13
    A web development Firefox extension, allows you to inspect and edit html, tweak css, debug JavaScript, find errors, view and manage cookies, and more. (works
    especially well with GridFox.)
    http://getfirebug.com/

    View Slide

  25. gliffy
    Friday, March 22, 13
    Web-based diagram editor, allows you to create and share flowcharts, network diagrams, user interface designs, tech drawings online.
    http://www.gliffy.com/

    View Slide

  26. draftboard
    Friday, March 22, 13
    Collaboration tool for designers to manage and collaborate on mock ups with colleagues and clients. (30 day free trial)
    http://www.draftboardapp.com/

    View Slide

  27. adobe kuler
    Friday, March 22, 13
    Create and share color themes, edit color themes created by others, collaborate with the community. Explore by newest, most popular, highest rated.
    http://kuler.adobe.com/
    tutorial: https://kuler.adobe.com/links/tutorial/

    View Slide

  28. colour lovers
    Friday, March 22, 13
    open community for creating color trends, palettes, and patterns for designers to explore.
    http://www.colourlovers.com/

    View Slide

  29. placekitten
    Friday, March 22, 13
    Allows you to specify image height and width to get perfectly sized placeholder images...of kittens!
    http://placekitten.com/

    View Slide

  30. placezombies
    Friday, March 22, 13
    When kittens won’t do. Allows you to specify image height and width to get perfectly sized placeholder images...of zombies!
    http://placezombies.com/

    View Slide

  31. bacon ipsum
    Friday, March 22, 13
    bacon ipsum: a meatier lorem ipsum for placeholder text
    http://baconipsum.com/

    View Slide

  32. pixlr
    Friday, March 22, 13
    Free online photo editor allows you to edit, adjust, and filter images.
    http://pixlr.com/

    View Slide

  33. typography
    Friday, March 22, 13

    View Slide

  34. what the font
    Friday, March 22, 13
    Matches your image of an unknown font against a font database -- or connect with other font-o-philes in the forums.
    http://www.myfonts.com/WhatTheFont/

    View Slide

  35. identifont
    Friday, March 22, 13
    Massive directory of fonts, searchable by multiple options -- appearance, name, similarity, picture, designer, or fontsets.
    http://www.identifont.com/

    View Slide

  36. font squirrel
    Friday, March 22, 13
    Fonts that are 100% free for commercial use. Our go to site for fonts.
    http://www.fontsquirrel.com/

    View Slide

  37. font combos
    Friday, March 22, 13
    common font pairings -- pdf, iphone app
    iphone app: http://bonfx.com/font-combinations-app/
    blog post: http://bonfx.com/19-top-fonts-in-19-top-combinations/
    19 Top Font Combos pdf: http://bonfx.com/wp-content/uploads/2009/09/19-top-fonts-in-19-top-combinations-chart.pdf

    View Slide

  38. typetester
    Friday, March 22, 13
    An online application for comparison of fonts for the screen.
    http://www.typetester.org/

    View Slide

  39. cloud coders
    Friday, March 22, 13

    View Slide

  40. code anywhere
    Friday, March 22, 13
    A free browser-based code editor with an integrated ftp client and syntax highlighting, supporting html, php, JavaScript, css, xml.
    https://codeanywhere.net/

    View Slide

  41. css desk
    Friday, March 22, 13
    Online html/css sandbox. Experiment, see the results live, and share code with others.
    http://cssdesk.com/

    View Slide

  42. chop app
    Friday, March 22, 13
    Collaborative space to post code, write notes, share feedback. A little app that lets people slice up bad code and share their feedback to help put it back together.
    http://chopapp.com/

    View Slide

  43. process
    Friday, March 22, 13

    View Slide

  44. styletil.es
    Friday, March 22, 13
    More than a mood board, less than a full mockup. Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the
    essence of a visual brand for the web so you can develop design instead of fixed width.
    http://styletil.es/

    View Slide

  45. ami.responsivedesign.is
    Friday, March 22, 13
    See how your site looks on multiple common screen sizes.
    http://ami.responsivedesign.is/

    View Slide

  46. project of how
    Friday, March 22, 13
    An open interactive library of techniques and insights, that makes your creative output better.
    http://projectofhow.com/

    View Slide

  47. critical knowledge
    Friday, March 22, 13

    View Slide

  48. social media policy
    Don’t lie.
    Don’t pry.
    Don’t cheat.
    Can’t delete.
    Don’t steal.
    Don’t reveal.
    Farris Timimi, M.D., medical director for the Mayo Clinic Center for Social Media.
    Friday, March 22, 13
    Best policy ever, boiled down to twelve words.
    source: http://socialmedia.mayoclinic.org/2012/04/05/a-twelve-word-social-media-policy/
    slideshare: http://www.slideshare.net/practicalwisdom/12-word-social-media-policy

    View Slide

  49. red solo cups
    Friday, March 22, 13
    Because. The more you know...
    http://gizmodo.com/5918077/what-the-lines-of-a-red-solo-cup-actually-mean

    View Slide

  50. Get social with me.
    Firebrand Tribe
    www.firebrandtribe.com
    @Robin2go
    renegade element
    about.me/robin2go
    Friday, March 22, 13

    View Slide