Skip to content

alesya-h/slice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Slice

What is it?

Keyboard-oriented structural editor for HTML and CSS.

What does it look like?

screenshot

How to work with it?

3 layers:

  • Reference - draggable image that is put underneath the document you are working on
  • preview - html/css that you have created
  • tools - draggable window with dom and css panels. This is where the editing happens.

On the left you create a dom tree and assign classes. On the right you write rules for current node's classes. Current node/subtree is highlighted. Nodes/subtrees may be folded for convenience.

List of all keyboard shortcuts may be found here: https://github.com/alesguzik/slice/blob/master/src/cljs/slice/config.cljs#L26-L98

How to run it?

Run lein ring server and lein figwheel in two terminals and open your browser at http://localhost:3000

About

Write HTML/CSS interactively

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published