learn.jsbin

The beginnings of a learning resource for JS Bin.

The idea

The overall idea is to create a collection of articles, each focused on a particular task that some users might want to use JS Bin for.

These will be linked to from a page (possibly the homepage) with a grid of JS Bin features. Articles relevant to that feature should be listed next to the feature.

The whole site should be searchable.

The plan

Note: Content should be being written throughout this.

• Finish off the single task template for mobile
• Add larger page styles for task page
• Finish feature list and build feature grid
• Add navigation to all articles (initially, a big list. This will be searchable later on)
• Search
• Add ask question box (maybe linked to search)

Content

Please add to this.

• Tasks
  • Teach a workshop about advanced JavaScript
  • Try out new browser features
  • Learn Coffeescript
  • Experiment with a new JavaScript API
  • Test my code in a old browser
  • Customise the code editor
    • Themes
    • Behaviour
  • Teach primary school kids how to make websites
  • Submit feedback
  • Host my own jsbin
    • Run on Heroku
  • Make jsbin better
    • Add a new library
    • Implement a new processor
  • Learn how to make websites
  • Test out my CSS on another device
  • Embed some example code in my blog
  • Use JS Bin's code runner
  • Hide or archive my old bins
  • Debug my code's output
  • Use my own library in jsbin
  • Import a gist into jsbin
  • Test some markdown
  • Quickly try out some code I’ve found on some site somewhere
  • Find an old bin
  • Sharing and embedding specific panels

Features

• Live rendering
• Interactive console
• Codecasting
• Remote rendering
  • Quiet mode
• Gist integration
• Processors
  • Markdown
  • Jade
  • Less
  • Stylus
  • Coffeescript
  • Processing
  • Traceur
  • TypeScript
• Debug mode
• Archive a bin
• Embed
• Self-host
• CodeMirror
• Custom template
• Library support
• Custom libraries
• Drag & drop file
  • File update binding
• Custom URLs
• Emmet (was Zen Coding)
• Hide toolbar
• Keyboard shortcuts
• Download
• Clone
• Shortcut URLs
  • /:user/last
  • /:bin/latest

FAQ

• Ask new question box
• Search
• Vote on what gets written
• Contexts
  • Developer
  • Teacher/Helper
  • Student
  • Advanced
• Questions
  • Why isn't JS Bin HTTPS?
  • Who makes JS Bin?

Design