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.

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
2. • OUTSPOKEN • USER EXPERIENCE • GENERALIST • BROWNCOAT Friday, March 22, 13
3. WEB PROFESSIONALS ARE A SWISS ARMY KNIFE — AMANDA COSTELLO Friday, March 22, 13
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
5. teh twitters Friday, March 22, 13
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/
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/
8. twitter archive Friday, March 22, 13 How do I request my twitter archive? via your Twitter settings page. https://twitter.com/settings/account
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
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/
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
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
13. digital hoarding Friday, March 22, 13
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/
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/
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
17. snapguide Friday, March 22, 13 Make and share how to guides for just about anything. Available on iPad, phone. http://snapguide.com/
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
19. keepvid Friday, March 22, 13 Download and save videos from the web (remember to use your technology for good, not evil </PSA disclaimer>). http://keepvid.com/
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/
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/
22. design Friday, March 22, 13
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/
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/
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/
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/
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/
28. colour lovers Friday, March 22, 13 open community for creating color trends, palettes, and patterns for designers to explore. http://www.colourlovers.com/
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/
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/
31. bacon ipsum Friday, March 22, 13 bacon ipsum: a meatier lorem ipsum for placeholder text http://baconipsum.com/
32. pixlr Friday, March 22, 13 Free online photo editor allows you to edit, adjust, and filter images. http://pixlr.com/
33. typography Friday, March 22, 13
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/
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/
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/
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
38. typetester Friday, March 22, 13 An online application for comparison of fonts for the screen. http://www.typetester.org/
39. cloud coders Friday, March 22, 13
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/
41. css desk Friday, March 22, 13 Online html/css sandbox. Experiment, see the results live, and share code with others. http://cssdesk.com/
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/
43. process Friday, March 22, 13
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/
45. ami.responsivedesign.is Friday, March 22, 13 See how your site looks on multiple common screen sizes. http://ami.responsivedesign.is/
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/
47. critical knowledge Friday, March 22, 13
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
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
50. Get social with me. Firebrand Tribe www.firebrandtribe.com @Robin2go renegade element about.me/robin2go Friday, March 22, 13