Skip to content

Latest commit

 

History

History
90 lines (70 loc) · 2 KB

README.md

File metadata and controls

90 lines (70 loc) · 2 KB
Raw

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
    • ½ Border
    • ✓ Shadow
    • Font alignment
    • Font family/size/style/color
    • ✓ Text-shadow
    • Text-spacing
    • Rotation
    • ✓ Opacity

Phase 2:

  • ✓ Stage snapping
  • ✓ Color picker
  • Scaling stage & size
  • ✓ Z-index
  • Copy paste
  • ½ Undo/redo
  • Saving/opening
  • Resizing snapping
  • Element snapping
  • Pen tool

Nice to have:

  • Keyboard shortcuts
  • Versioning
  • Exporting HTML
  • Share (dropbox/email?)
  • Clone HTML components
  • WebFonts
  • Layers
  • Context menu

Inherit Ellipsis from Rectangle (resizing & lines).

##Elements

  • Triangle
  • ✓ Rectangle
  • ✓ Ellipsis
  • Form elements
  • Text
  • Image
  • Line tool?
  • Link?

##Rulers & Snap

When moving element - cycle through all the other elements, compare the sides - inject rulers if necessary. Also show rulers for center of page. Need to think about how multiple selected items works.

Two types of snapping:

  • Line snapping to:
    • Center of page (x/y) axis
    • Bottom/left/right side of pages?
    • Sides of elements?
    • Middle of elements
  • Width snapping:
    • Detect distance between elements - snap when two distances are the same.

#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.