Highlight the Web ✏️✨

Last update: Nov 14, 2022

Overview

Marker is a Browser Add-On that lets you draw on any Website.

Please first navigate to a website, then press on the toolbar button to activate the add-on. Once the interface appears on the page, please choose the desired mode. All drawings are Auto-Saved, revisit them anytime.

Status: Stable (expect bug fixes and minor updates)

Features

Pen
Eraser (With Backspace)
Mouse (With ESC)
Undo (With ⌘ Cmd Z)
Redo (With ⌘ Cmd Y)
Context Menu:
- Copy (With ⌘ Cmd C)
- Paste (With ⌘ Cmd P)
- Save (Download as PNG)

Roadmap

Coming Soon - (No ETA):

Additional Brushes You should be able to choose between Pen, Circle, or Spray Brush.
Geometry You can drag and drop, remove, resize, or rotate and zoom objects on the screen.

Powered by

If you like this Extension, consider Donating or Contributing to these Projects:

Draw on Page Open-source Drawing Extension by leocompson. Marker has been forked from Draw on Page.
fabric.js 5.2.0 Open-source JavaScript project for drawing on the HTML5 canvas element.

Install

This Project has been created for Mozilla Firefox. A Browser for people not for profit. To support an open Internet there is no intention to officially release this Add-On for Chromium based Browsers. Why?

Dynamic-web-development - Dynamic web development used CSS and HTML

Dynamic-web-development ASSISNMENT I just used CSS and HTML to make a mobile int

Feb 8, 2022

A minimal, modern, generic, hot-reloading local web server to help web developers

eleventy-dev-server 🕚 ⚡️ 🎈 🐀 A minimal, modern, generic, hot-reloading local web server to help web developers. ➡ Documentation Please star Elevent

Dec 31, 2022

Easily publish notes to the web This plugin integrates with obsius.site to publish markdown notes on the web.

Obsius Publish Easily publish notes to the web This plugin integrates with obsius.site to publish markdown notes on the web. Limitations The type of c

Dec 20, 2022

A small web app that tries to imitate the desktop web version of amazon site, you can add items to the basket, delete them, and have your user authentication feature thanks to Firebase.

Features Here's the feature's included in this project 👨‍👩‍👧‍👦 Login Page 📦 Products Page 🛒 Cart and Checkout Page 📝 Sign up function with Goog

Aug 22, 2022

Activate The Open Web ™ ("Activate Windows" watermark ported to the web)

Activate-Web The "Activate Windows" watermark ported to Open Web ™. Inspired by activate-linux. As of 0.1, it’s a Web Component written in TypeScript,

Jun 6, 2022

📈 AI powered web scraper that let's you scrape anything you want from the web including google search results

AI powered web scraper that let's you scrape anything you want from the web including google web search results from your terminal. And at the same ti

Dec 27, 2022

Progressive Web App (PWA) built in Node.js & Express that automatically reloads/refreshes your browser, web page, and app when developing.

Expresso ☕️ Checks for changes in your source and automatically reloads your browser, or web page, and app window. Makes development easier. Report Bu

Oct 6, 2022

Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript

Dec 29, 2022

💻 Countries Web is a web application that lets you view data for all the countries in the world and filter them by country name and continent.

🌎 Countries Web View Demo This is the Countries Web, a web application that lets you view data for all the countries in the world and filter them by

Jun 23, 2022

Comments

Add Contrasting Cursors

Is your feature request related to a problem? Please describe. Some Users reported they have a hard time seeing the Cursor sometimes on different Backgrounds

Describe the solution you'd like I created this example implementation: https://jsfiddle.net/vnsxrmqj/5/

Additional context None
enhancement

opened by robin-rpr 1
Color Picker does not open on Windows 10
Marker Version: 1.4.1 OS: Windows 10

What steps will reproduce the problem?

Start Marker on any website

Click on Pen to open Color Picker

What is the expected result? Opens System Color Picker

What happens instead? Color Picker (?) flashes quickly but does not open.

Please feel free to add additional Images / Links / Notes below to help us understand and / or reproduce the issue:

Issue Source: https://www.reddit.com/r/firefox/comments/y0u2k1/comment/is5p7cb/?context=3
wontfix
opened by robin-rpr 1
Flaky Storage on Initial Install
Marker Version: 1.5.2 OS: macOS

What steps will reproduce the problem?

Install Marker Extension

Draw something on Website

Close Marker

Open Marker again

What is the expected result? Show last drawing

What happens instead? A clean Canvas appeared

Please feel free to add additional Images / Links / Notes below to help us understand and / or reproduce the issue: Seems like the storage initialization is not being considered during the initial session. Maybe the Storage is not initialized and we are trying to auto-save. In the next session the Storage is initialized and auto-save works(?)
bug
opened by robin-rpr 0
Marker Shows blank Canvas on Reddit.com in Darkmode
Marker Version: 1.4.1 OS: macOS

What steps will reproduce the problem?

Go to Reddit.com

Enable Reddit's Dark Mode Setting

Start Marker

What is the expected result? Show Marker on Website with transparent Canvas as usual.

What happens instead? Marker opens and presents a white (non-transparent) Canvas

Please feel free to add additional Images / Links / Notes below to help us understand and / or reproduce the issue:

Reddit Light Mode:

Reddit Dark Mode:

This issue seems to affect all Versions of Marker. I checked versions back until 1.1.1
bug
opened by robin-rpr 0