Permalink
Browse files

add README in preparation for release

  • Loading branch information...
1 parent 217391a commit bf6a20553cd08932db7e66aecbea8bf49ac8e1f8 @maccman committed May 22, 2012
Showing with 117 additions and 108 deletions.
  1. +5 −108 README.md
  2. +112 −0 TODO.md
View
113 README.md
@@ -1,112 +1,9 @@
-A Photoshop replacement. Inspired by Keynote. Democratizing design.
+# Stylo
-##TODO
+Stylo is a web app designer written in [CoffeeScript](http://coffeescript.org) and [Spine](http://spinejs.com). It allows you to manipulate various HTML elements, add styles and edit text.
-Phase 1:
+![Stylo](http://img.svbtle.com/maccman-24077671832628-raw.png)
-* ✓ Move
-* ✓ Resize
-* ✓ Select
-* ✓ Select multiple items
-* ✓ Toolbar menu
-* Inspector panel (Element/Text/Ruler)
- * ½ Background (direction)
- * ✓ Border
- * ✓ Shadow
- * ✓ Text-shadow
- * Rotation
- * ✓ Opacity
- * ✓ content editable
- * ✓ context menu
- * Font alignment
- * ✓ Font family/size/color
- * ✓ Text-shadow
- * ✓ Text-spacing (line height)
+## More
-Phase 2:
-
-* ✓ Stage snapping
-* ✓ Color picker
-* Stage inspector
-* ✓ Z-index
-* ✓ Copy paste
-* ✓ Undo/redo
-* ½ Saving/opening
-
-Phase 3:
-
-* Resizing snapping
-* ✓ Edge snapping
-* ✓ Element snapping
-* Pen tool
-
-Nice to have:
-
-* HTML import
-* ✓ Keyboard shortcuts
-* Versioning
-* ✓ Exporting CSS
-* Share (dropbox/email?)
-* WebFonts
-* Layers?
-* ✓ Context menu
-* Similar distance snapping
-* Bootstrap integration
-
-##Elements
-
-* Triangle
-* ✓ Rectangle
-* ✓ Ellipsis
-* Checkbox input
-* ✓ Button input
-* ✓ Text Input
-* ✓ Text
-* ✓ Image
-* Line
-
-##Fixes:
-
-* Background image
-* Background gradient rotation
-* Drop image needs background image set
-* Color inspector movable window
-* Dragging right and up doesn't select elements - offset by the header
-* We want the resize to be around the selection?
-* ✓ We want the inspector not to completely re-render on selection
-* ✓ You can have negative widths
-
--------------------------------------------------------------------------------------------------------------------------------------
-
-#Save to png
-
-https://github.com/paulhammond/webkit2png/blob/master/webkit2png
-https://developer.apple.com/library/mac/#samplecode/ScreenSnapshot/Listings/ScreenSnapshot_ImageView_m.html#//apple_ref/doc/uid/DTS40011158-ScreenSnapshot_ImageView_m-DontLinkElementID_7
-http://www.cocoadev.com/index.pl?HowToAcquireScreenshots
-http://www.sticksoftware.com/developer/Screensnap.m.txt
-https://github.com/appcelerator/titanium_desktop/blob/master/modules/ti.Platform/PlatformMac.mm
-
-http://www.cssdesk.com/
-
-http://10k.aneventapart.com/2/Uploads/579/
-
-http://10k.aneventapart.com/2/Uploads/504/
-
-AN EASY WAY TO CHOOSE COLORS - I.E. BURN ETC
-Video of desiging various interfaces = include Stylo.
-Tool to generate noise.
-
-https://developers.google.com/webfonts
-https://typekit.com/
-
-Issue with border radius is that properties are being applied in the wrong order.
-Should 'selected' not be a property?
-Only save selection in history.
-We should have a benchmarking testing library.
-
---------------
-
-# Style
-# Decoration
-# Capitalize
-# Alignment
+For more information, please see the [blog post](http://blog.alexmaccaw.com/).
View
112 TODO.md
@@ -0,0 +1,112 @@
+A Photoshop replacement. Inspired by Keynote. Democratizing design.
+
+##TODO
+
+Phase 1:
+
+* ✓ Move
+* ✓ Resize
+* ✓ Select
+* ✓ Select multiple items
+* ✓ Toolbar menu
+* Inspector panel (Element/Text/Ruler)
+ * ½ Background (direction)
+ * ✓ Border
+ * ✓ Shadow
+ * ✓ Text-shadow
+ * Rotation
+ * ✓ Opacity
+ * ✓ content editable
+ * ✓ context menu
+ * Font alignment
+ * ✓ Font family/size/color
+ * ✓ Text-shadow
+ * ✓ Text-spacing (line height)
+
+Phase 2:
+
+* ✓ Stage snapping
+* ✓ Color picker
+* Stage inspector
+* ✓ Z-index
+* ✓ Copy paste
+* ✓ Undo/redo
+* ½ Saving/opening
+
+Phase 3:
+
+* Resizing snapping
+* ✓ Edge snapping
+* ✓ Element snapping
+* Pen tool
+
+Nice to have:
+
+* HTML import
+* ✓ Keyboard shortcuts
+* Versioning
+* ✓ Exporting CSS
+* Share (dropbox/email?)
+* WebFonts
+* Layers?
+* ✓ Context menu
+* Similar distance snapping
+* Bootstrap integration
+
+##Elements
+
+* Triangle
+* ✓ Rectangle
+* ✓ Ellipsis
+* Checkbox input
+* ✓ Button input
+* ✓ Text Input
+* ✓ Text
+* ✓ Image
+* Line
+
+##Fixes:
+
+* Background image
+* Background gradient rotation
+* Drop image needs background image set
+* Color inspector movable window
+* Dragging right and up doesn't select elements - offset by the header
+* We want the resize to be around the selection?
+* ✓ We want the inspector not to completely re-render on selection
+* ✓ You can have negative widths
+
+-------------------------------------------------------------------------------------------------------------------------------------
+
+#Save to png
+
+https://github.com/paulhammond/webkit2png/blob/master/webkit2png
+https://developer.apple.com/library/mac/#samplecode/ScreenSnapshot/Listings/ScreenSnapshot_ImageView_m.html#//apple_ref/doc/uid/DTS40011158-ScreenSnapshot_ImageView_m-DontLinkElementID_7
+http://www.cocoadev.com/index.pl?HowToAcquireScreenshots
+http://www.sticksoftware.com/developer/Screensnap.m.txt
+https://github.com/appcelerator/titanium_desktop/blob/master/modules/ti.Platform/PlatformMac.mm
+
+http://www.cssdesk.com/
+
+http://10k.aneventapart.com/2/Uploads/579/
+
+http://10k.aneventapart.com/2/Uploads/504/
+
+AN EASY WAY TO CHOOSE COLORS - I.E. BURN ETC
+Video of desiging various interfaces = include Stylo.
+Tool to generate noise.
+
+https://developers.google.com/webfonts
+https://typekit.com/
+
+Issue with border radius is that properties are being applied in the wrong order.
+Should 'selected' not be a property?
+Only save selection in history.
+We should have a benchmarking testing library.
+
+--------------
+
+# Style
+# Decoration
+# Capitalize
+# Alignment

0 comments on commit bf6a205

Please sign in to comment.