marcojakob / tutorial-dart-dartagram

Dartagram

Work in progress ...

Inspirations

• Instagram
• Snapchat
• Building an Instagram clone - Part 1
• Building an Instagram clone - Part 2
• Make a Web App with Instagram-like Filters
• Tizengram, Instagram-Style Camera App From Japan

HTML5 Capture Image/Video

GetUserMedia

no support for iOS Safari :-(

• Capturing Audio & Video in HTML5

HTML Media Capture

<input type="file" accept="image/*" capture="camera">

Support for (almost) all mobile browsers but styling needs a hack

• Accessing User Device Photos with the HTML5 Camera API
• MDN: Introduction to the Camera API
• How to Style a HTML file upload button in Pure CSS
• Total input[type=file] style control with pure CSS
• The Problem Of CSS Form Elements - scroll down to The Strange Case Of File Inputs
• Styling an input type="file"

Image Filter

• CamanJS
• Dart Interop Example

HTML5 Canvas Stuff

Drawing on Canvas (snapchat like)

• http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

Dragging on Canvas

• A simple HTML5 Canvas dragging example using object oriented programming