Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
09 Aug

Open Source Browser Plugin for Annotating, Shifting the Web

  • License Free, Tools
  • Leave a Comment

ShiftSpace is an open source layer above any website. It seeks to expand the creative possibilities currently provided through the web. ShiftSpace provides tools for artists, designers, architects, activists, developers, students, researchers, and hobbyists to create online contexts built in and on top of websites.

By pressing the [shift] + [space] keys, a ShiftSpace user can invoke a new meta layer above any web page to browse and create additional interpretations, contextualizations and interventions – which we call Shifts. Users can choose between several authoring tools we’re working to develop – which we call Spaces. Some are utilitarian (like Notes and Highlights) and some are more interventionist (like ImageSwap and SourceShift). Users will be invited to map these shifts into Trails. These trails can be used for collaborative research, curating netart exhibitions or as platforms for context-based public debates.

Notes is a Space that allows a ShiftSpace user to leave post-it annotations on websites. Highlights is one we’re still developing, which would allow a user to highlight text on the page. Some Spaces lead more naturally to an interventionist usage. Two such Spaces that we have implemented are ImageSwap, which allows a user to grab any image on the web and swap it in place of other image, and SourceShift, which allows users to freely edit a page’s HTML code.

When a user visits a modified (’Shifted’) webpage, the small ShiftSpace icon (§) pops up in the bottom left side of the screen. Pressing the [shift] + [space] keys reveals the ShiftSpace console. From the console, the user can browse through existing Shifts, choosing to enable those that might be of interest. Holding down the [shift] key shows a small contextual menu, allowing the user to create Shifts of her own. The user can then choose whether to share her Shifts or to keep them private.

Source: http://www.shiftspace.org/

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Genfavicon Generates Favicon For Your Websites Online

Genfavicon Generates Favicon For Your Websites Online

Add Notes to Any Images with jQuery Notes

Add Notes to Any Images with jQuery Notes

Define Your Custom Scroll Path with jQuery Scroll Path

Define Your Custom Scroll Path with jQuery Scroll Path

Stunning Full Page Image Gallery with jQuery

Stunning Full Page Image Gallery with jQuery

How to Build a Dynamic Flash Gallery with Slider Control

How to Build a Dynamic Flash Gallery with Slider Control

Create a Draggable 360 Preview with jQuery ThreeSixty

Create a Draggable 360 Preview with jQuery ThreeSixty

Comments

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • How to Create Realtime Multi-player Games in HTML5
  • A True Responsive jQuery Lightbox Plugin for Free
  • Create an Amazon-like Navigation Menu with jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • Super Smooth CSS Transitions for jQuery
  • Free Responsive HTML5 + CSS3 Site Templates
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
  • Ghost: A Revolutionary Open Source Blogging Platform
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes25
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools294
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free740
  • MIT License411
Sponsors
Advertise Here
Partners
MaxCDN