Dabblet, an open-source interactive CSS playground

Developed By Lea Verou, Site, GitHub Source

What is Dabblet?

Was watching Lea Verou - CSS Conf EU 2015| The missing Slice and I wondered what tool she was using to be able to edit CSS code and show the results instantly.

Doing some unrelated GitHub foraging, I came across Dabblet, her 0pen-source interactive CSS playground.

You know I've got to try it out.

To setup Dabblet to run locally using NodeJS + HarpJS

Should take you less than 5 mins to get up and running.

• Clone GitHub Source

• Change to the directory where the clone has been created e.g. cd /Users/dahukanna/static-harp/dabblet/

• Start the webserver e.g. for starting the Harp server on port 8080

  $ harp server --port 8080 `

------------ 
Harp v0.14.0 – Chloi Inc. 2012–2014 
Your server is listening at http://localhost:8080/ 
Press Ctl+C to stop the server 
------------    

References

Contains a collection of learning material and references

• Reference links.
• Books for learning and references.
• Other assets for further reading and reference.