pen - enjoy live editing (+markdown)

•    Javascript

---

You can clone the source code from github, or using bower.You can set defaults.textarea to a piece of HTML string, by default, it's <textarea name="content"></textarea>。This will be set as innerHTML of your #editor.

editor wysiwyg pen pen-editor wysiwyg-editor rich-text-editor html-editor

jotted - Environment for showcasing HTML, CSS and JavaScript, with editable source.

•    Javascript

---

Environment for showcasing HTML, CSS and JavaScript, with editable source. It's like JSFiddle or JS Bin for self-hosted demos. Initialize Jotted with new Jotted(elementNode, optionsHash).

demo fiddle pen code editor

WPF Ink Canvas Toolbar

•    WPF

---

WPF InkCanvas Toolbar helps WPF developers use pen input in TabletPC or UMPC apps. WPF's InkCanvas control can draw, erase, select, move, & resize strokes but there is no exposed UI. This project wires those functions to a toolbar similar to Leszynski's InkToolBar for WinForms.

inkcanvas inktoolbar pen tablet tabletpc umpc

path-illustrator - a simple client for illustrating vector paths

•    Javascript

---

Work in progress. A client interface for drawing lines, curves and shapes with familiar Photoshop tools and keybaord shortcuts.The end goals for the project described here.

illustrator path client paths bezier quadratic canvas curve curves quadraticcurveto beziercurveto illustrate pen ink tool tools photoshop inkscape

penplot - [WIP/EXPERIMENTAL] a development environment for generative and algorithmic art

•    Javascript

---

An experimental and highly opinionated development environment for generative and pen plotter art.You can install this with npm.

pen plot plotter plotterart ink svg 2d makeblock xy axidraw axidrawv3 evil mad scientist

postcss-focus-visible - Use the :focus-visible pseudo-selector in CSS

•    CSS

---

PostCSS Focus Visible lets you use the :focus-visible pseudo-class in CSS, following the Selectors Level 4 specification. It is the companion to the focus-visible polyfill.

postcss css postcss-plugin focus ring pseudos selectors accessibility a11y keyboards pointer cursor mice mouse pen touch trackpad button input select textarea contenteditable js

sketch - Turn a canvas into a sketch pad

•    Javascript

---

Turn a canvas into a sketch pad. Turn the given canvas into a sketch pad.

canvas pen drawing sketch

node-wintab - node.js wintab addon for getting wacom tablet pressure

•    C++

---

node.js wintab binding for getting wacom tablet pressure data. Windows only.

wacom tablet pen pressure wintab api

live-draw - A tool allows you to draw on screen real-time.

•    CSharp

---

A tool allows you to draw on screen real-time. When you need to draw or mark something with presentation, you may use some tools like Windows Ink Workspace, but all of them are actually taking a screenshot and allowing you to draw on it. That's actually annoying when you want to presentation something dynamic.

ink pen draw presentation annotation