Permalink
Browse files

First public version

  • Loading branch information...
glennjones committed Feb 2, 2011
1 parent 49b96aa commit 6e138cc10efde19f2b7a2685418876f0c4e82deb
View
@@ -0,0 +1,9 @@
+<img src="http://draggables.com/images/draggables-white.png">
+============================
+
+Draggables is a javascript library that allows users to exchange data between web sites using drag and drop. Its based on the HTML5 Drag and Drop and File APIs. It allows data to be exchanged between unrelated sites and between the desktop and a browser.
+
+Having observed users connect to sites using OAuth without really understanding what exchange of data has taken place, I decided to investigate other metaphors/conventions that might be more transparent. Draggables is a series of demos that explore the use of drag and drop to directly exchange data between web sites.
+
+
+*[Demos and Documentation](http://draggables.com/)*
View
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
View
Binary file not shown.

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -0,0 +1,125 @@
+/*!
+ draggables.ccs
+ http://draggables.com
+ Copyright (C) 2011 Glenn Jones. All Rights Reserved. MIT license
+
+ Draggables add the following classes during interaction
+
+ dragIconOver - When a user moves the cursor over the drag icon
+ dragIconDown - When a user holdes down the mouse button on a drag icon
+ dragIconStart - When a users is dragging the icon
+ dropTargetOver - When a user drags a item over the drop zone
+
+*/
+
+
+
+
+/*
+ Example CSS used on the draggables site
+ ---------------------------------------------------------------
+*/
+
+.dropArea
+{
+ background-position: center 10px;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 0.9em;
+ font-weight: bold;
+ text-align: center;
+ position: relative;
+ -moz-border-radius: 1em;
+ -webkit-border-radius: 1em;
+ border-radius: 1em;
+ border: 1px solid #eee;
+ background-image: url('box.png');
+ background-repeat: no-repeat;
+ display: block;
+ padding: 1em;
+ padding-top: 6em;
+ margin-bottom: 2em;
+ width: 10em;
+}
+
+
+.dropTargetOver
+{
+ background-image: url('box-selected.png');
+}
+
+.drag-group
+{
+ width: 128px;
+ text-align: center;
+ position: relative;
+ -moz-border-radius: 1em;
+ -webkit-border-radius: 1em;
+ border: 1px solid #eee;
+}
+
+.drag-text
+{
+ display: block;
+ position: absolute;
+ top: 50px;
+ left: 0px;
+ z-index: 10;
+ width: 100%
+}
+
+#dragicon
+{
+ padding: 10px;
+ margin-bottom: 2em;
+}
+
+
+.drag-icon:focus
+{
+ outline: none;
+}
+
+
+#dragicon.dropIconDrag
+{
+ background-color: transparent;
+ border: none;
+}
+
+
+#draggablesPopup
+{
+ position: absolute;
+ width: 10em;
+ padding: 0.3em;
+ background: #ccc;
+ color: #000;
+ border: 1px solid #000;
+ top: 10px;
+ left: 10px;
+ cursor: default;
+ z-index: 1000;
+ list-style-type:none;
+}
+
+
+#draggablesPopup li
+{
+ text-align: left;
+ margin: 0.3em 0;
+ padding: 0 0.2em;
+}
+
+
+#draggablesPopup li.draggablesPopupHover
+{
+ background: #00c;
+ color: #fff;
+}
+
+
+#draggablesPopup li:focus
+{
+ outline: none;
+}
+

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
@@ -0,0 +1,7 @@
+/*
+hResume
+Copyright (C) 2010 Glenn Jones. All Rights Reserved.
+License: http://microformatshiv.com/license/
+Version 0.2
+*/
+if(ufShiv){(function(){var hresume={className:"hresume",properties:{contact:{datatype:"microformat",microformat:"hCard",plural:false},summary:{},affiliation:{plural:true,datatype:"microformat",microformat:"hCard"},education:{plural:true,datatype:"microformat",microformat:"hCalendar"},experience:{datatype:"microformat",microformat:"hCalendar",plural:true},skill:{plural:true,datatype:"microformat",microformat:"tag",microformat_property:"tag"}}};ufShiv.add("hResume",hresume)})()};

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
View
Binary file not shown.
Oops, something went wrong.

0 comments on commit 6e138cc

Please sign in to comment.