• usable
  
• accessible
  
• maintainable
  

• different types of devices
• different screen sizes
• different input devices

• detect user agent
• responsive site

window.navigator.userAgent 

• it's not feasible to detect every single browser
• you'd need to maintain the code any time a new browser comes out
• easier to just make a responsive site instead of serving different sites to different users

@media (max-width: 320px) {
  .desktop_header {
    display: none;
  }  .mobile_header {    display: block;  }
} 

• promotes collaboration
• less screw ups from collaborators
• less time to update code and fix bugs

• what the project is
  
• what dependencies there are
  
• what you are looking to do or have done
  
• info on how to get involved
  

• markdown: a readable plaintext-to-html conversion tool
  
• increasingly popular text editor on the web
  
• becoming the standard for web project documentation
  

pixelChat
=========

a node/websockets drawing chat adapted from [jsChat](http://github.com/jennschiffer/jschat)!

### Features
* websockets real-time chat
* draw your messages instead of typing
* sign and save artwork

### Install

1. add files to some directory on your server - [node must be installed](http://nodejs.org/download/).
2. go into the jschat directory and install dependencies by running: npm install (dependencies: express, socket.io)
3. to start chat server, run npm start
4. direct your browser to localhost:3000

### Notes 

1. works on browsers that support [socket.io](http://socket.io/#browser-support) and [html5 canvas](http://caniuse.com/canvas).

2. if you're lucky and I didn't take it down yet, you can see this in the wild on my own deployment at [chat.make8bitart.com](http://chat.make8bitart.com)

3. if you have suggestions and tips, please PLEASE [post an issue](https://github.com/jennschiffer/pixelChat/issues) or reach out to me . I'd love to get some insight and feedback from those of you who are experienced with these technologies 

<h1>header1</h1>

header1
=======# header1
<h2>header2</h2>

header2
-------## header2 or <h2>
### header3 or <h3>
#### header 4 or <h4>
(etc)

1. ordered list2. second item in list3. third item
* bulleted item* second bulleted item* a third one too

*italics*_italics_
**bold**__bold__
// both options exist so you can nest!__*bold italics*__

 // links[text of link](http://example.com)
// images![alt text](http://example.png)
// again, we can nest:[![alt text](http://example.png)](http://example.com)

// adding codehere is a block of text showing `<img>` this image tag instead of converting it to html
// blockquote> this is
> part of a blockquote> how easy!

• Title and your info
  
• What the project is
  
• What languages and/or libraries you used
  
• What each document in the project is and what it does
  
• What you would like to do in the future with the project
  

• contrasting colors
  
• keyboard shortcuts (can be done with javascript!)
  
• style based on your main demographic
  
• don't depend on noise to direct a user, but allow the site to be readable by a screen reader
  
• alt tags and titles in your links and images