PaperJS is the Swiss Army Knife of Vector Graphics Scripting
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface. (more…)
Simple JS Draw sample demonstrating sensitivity to mouse acceleration
Small piece of demo code on jsfiddle that modifies the thickness of the line while drawing. A cool way to simulate pen stroke intensity when someone does not have a stylus connected to the workstation.
HTML5 Canvas Drawing Lines with Smooth Edges
Code Theory post on drawing inline within the browser and how to keep the lines very smooth. Seems to output html, css and js code in real-time.
Raphael Sketchpad is a simple drawing editor
Raphael Sketchpad is a simple drawing editor that you can easily include with your forms. It is similar to Mai'Nada.net's InputDraw, but does not require Flash. It is built on top of the Raphael Javascript vector graphics library. Raphael Sketchpad requires these Javascript libraries: Raphael, jQuery, and JSON.stringify. (more…)
DrawingboardJS is a canvas based drawing app
drawingboard.js consists of a blank canvas surrounded by a few UI elements that control it: a color picker, a pencil, a paint can, an eraser, a pencil size chooser, navigations and reset buttons. You can draw with mouse or touch on pretty much every browser that supports canvas. (more…)
Generating a Downloadable Word Document in the Browser
As a developer, generating files for a user to download from a website is a fairly common task. The use cases range from providing a PDF of event tickets or a receipt, to generating a custom image from user-entered data. Regardless of the purpose, a developer is faced with a decision, “Do I generate the file server- or client-side?” In most cases, generated files for user download should be created on the server. (more…)
Living Styleguides Made Easy
Devbridge Styleguide helps you create, share, and automate a living visual style library of your brand. Share your digital brand standards, improve team collaboration, and implement an independent easily-extendable modular structure. (more…)
DeckTape is a high-quality PDF exporter for HTML5 presentation frameworks
DeckTape supports all the features that you would expect from a PDF exporter like font embedding, selectable text, hyperlinks, SVG graphics objects, file compression. DeckTape is built on top of PhantomJS which relies on Qt WebKit for laying out and rendering Web pages and provides a headless WebKit scriptable with a JavaScript API. (more…)
11 Free Mind Mapping Applications & Web Services
Mind mapping is a way of taking notes, capturing ideas, exploring concepts and breaking down information into a more readily understood format. It’s a place where visual representations and written representations of things merge to create something that is more natural to the mind; it works with and represents the way we think, where as paragraph-based text is not representative of the thought process at all. (more…)
Wireframe Journey Maps and Storyboards on Pinterest
A search result on Pinterest for Wireframes returns a wealth of styles for journey maps and storyboarding concepts.
UX Map and Customer Journey Maps on Pinterest
Pinboard on Pinterest with a small collection of inspiring UX and customer journey maps.
A Collection of Inspiring Sitemaps and User Flow Maps
All websites should start with a good plan. Focussing on the design process first may be common for smaller sites. For larger sites, when user experienceis paramount, creating an initial sitemap or user flow map is an effective way of working out how you want visitors to use and navigate around. UX is key to a successful site. And always remember the 5PS of planning a site – Proper Planning Prevents Poor Performance. (more…)
A framework for easily creating beautiful presentations using HTML
reveal.js comes with a broad range of features including nested slides, Markdown contents, PDF export, speaker notesand a JavaScript API. There's also a fully featured visual editor and platform for sharing reveal.js presentations at slides.com. (more…)
JavaScript Library for HTML5 canvas based heatmaps
heatmap.js is a lightweight, easy to use JavaScript library to help you visualize your three dimensional data! Use it to add new value to your project, build a business based on it, study and visualize user behaviour, or why not build something completely crazy/awesome? (more…)