21,833 Matching Annotations
  1. Last 7 days
    1. Eric Simons CEO at StackBlitz making web development fast & secure. Viva la Web!

    1. Improving the developer experience of enterprise design systems

    1. StackBlitz Pricing

      Plans for you and your team

      Start with a free account to speed up your workflow on public projects or boost your entire team with instantly opening production environments.

    1. StackBlitz Pricing

      Plans for you and your team

      Start with a free account to speed up your workflow on public projects or boost your entire team with instantly opening production environments.

    1. You want it to be a mini operating system

      back to the future: NultIcs was not an operating system

      from: "Announcing StackBlitz Self-hos…" (blog.stackblitz.com)

    2. running non-web native languages like Python, Java, or R in the browser via WASI?

      running Java in the browser

    3. Thanks to Chrome’s PWA functionality, installing StackBlitz is as simple as a single click. Milliseconds later you have a desktop IDE you can launch from your dock.

      PWA rocks

    4. With StackBlitz you can keep working, without an internet connection, regardless of whether you’re on a train, in a plane, or backseat uber-ing in the rain

      Offline first

      local first

    5. Run servers. In your browser.

      Run servers in your browser!!!!

    6. Legacy online IDEs run your entire dev environment on a remote server

      not on a remote server

    7. Setting up local environments is a huge buzzkill

      buzzkill

    8. All code execution happens inside the browser’s security sandbox, not on remote VMs or local binaries.

      All running in the browser not on remote WMs

    9. Faster than your local environment. Builds complete up to 20% faster and package installs complete >= 5x faster than yarn/npm.

      faster then your local environemnt

    10. WebContainers runtime

    1. WebContainers runtime,
    2. Security that doesn’t compromise DX

      noc compromise DX security

    3. Announcing StackBlitz Self-hosted

      self hosted

    4. Drive library and design system adoption at scale

      design system adoption at scale

    1. The WebAssembly System Interface (WASI) is a group of standard API specifications for software compiled to the W3C WebAssembly (Wasm) standard. WASI is designed to provide a secure standard interface for applications that can be compiled to Wasm from any language, and that may run anywhere—from browsers to clouds to embedded devices.

      WebAssembly System Interface (WASI)

    Annotators

    URL

    1. simple to setup and easy to write.

      documentation site

    1. A plugin-driven WYSIWYG markdown Editor, inspired by Typora, built on top of prosemirror and remark.

      editor for freedom

    1. You're a special user and I'll take your suggestions and give you feedback for your projects that use milkdown.

      aim for it

    2. It's a markdown editor framework for freedom.

    1. Free to learn and experiment.Pay as you grow.

      play as you grow =

    1. Instant clouddevelopmentCodeSandbox gives you 24/7 collaborative cloud development environments (CDEs) that resume in 2 seconds.

      Description

    1. the common law right of private contract

      the foundation of modern law.

    2. network for the common good

      network common good

    3. "ecosystems of trust"

    Annotators

    URL

    1. Understanding Hydration in React applications(SSR) | Saeloun ...

    2. google.search: hydrate dehydrate data

    1. hydration/dehydrate

      dehydrate creates - a frozen representation of a cache

      that can later be hydrated with - Hydrate, - useHydrate, or - hydrate.

    1. e2e tests

      e2e

      end to end tests

    2. Nx Cloud adopts a new task-based CI model

      allows you to overcome both - the slowness and - unreliability

      of the current VM-based CI model

    1. Works like a charm. Make sure the fragment link is all in lowercase

      works like a charm

    2. Anchors in Markdown

      anchors in markdown

    1. (#some-markdown-heading)

      github does it

    2. brave.search: anchor in markdown

    1. Is there a way to add anchor tags in ckeditor5?

      anchor name CKEditor

      looks like no clean solution solution

      uses IDs instead of #

    1. Ecosyste.ms: Packages

      An open API service providing package, version and dependency metadata of many open source software ecosystems and registries.m)

      Registry of Registries

    1. Ecosyste.ms: Packages

      An open API service = providing package, version and dependency metadata of many open source software ecosystems and registries.

    1. 🕵 Sleuth or Spy emoji.

      🕵️‍♂️

      emoji - Man Detective

    1. Macros

      Macros are helpers that specify - how to handle a certain input and - apply it to the editor.

    1. locator and as an identifier was a poor design choice.

      Description poor design choice if you subscribe to the f**up theory about how we got to where we are.

      Given the huge push behind the web that eclipsed viable better ways, and considering that it was a fortuitous to have a proposal afoot at the right place (CERN!) at the right time to build an inherently centralizing system, that was by construction, and clearly muddled thinking that went unchallenged, due to compromises that did not seem at a time of total surrender, enclosable architecture on top of a decentralized unenclosable carrier

      Not to mention the consistent and persistent suppression sidelining of better alternatives

      It is not that there were no people who knew and would have done better:

      Having open protocols and a platform is so important we do have a chance to re-decentralization, we hope

      The future of the web, and in fact of computing with a human face and a chance for humanity to have a future at all is in its past.

      https://twitter.com/TrailMarks/status/1519794086898716674

      https://twitter.com/alexobenauer/status/1429834314372599814

      https://hypothes.is/a/4naMABF0Ee2QDROM-gFj1g

      .for - zooko's triangle

    1. You can also create your own plugin to support your awesome idea.

      awesome idea

  2. Apr 2024
    1. 21 Save this answer. Show activity on this post. You can await a dynamic import within Chrome's console:

      import chrome console

    1. Revealing Module Pattern in Javascript & quick tips

      ``` javascript var namesCollection = (function() { // private members var objects = []; // public members, exposed with return statement return { addName: addObject, };

      // Public Method
      function addObject(object) {
        objects.push(object);
        _printMessage(object);
      }
      
      // Private Method - Prefixed with single underscore
      function _printMessage(object) {
        console.log("Object successfully added:", object);
      }
      

      })(); ```

    1. aggregate modules
    2. effectively giving it its own namespac

      own namespace

    3. import each module's features inside a module object.

      import each module's features inside of a module object -

    1. Communica - Template

      x

    2. This template is mainly based on Communica an open-source knowledge graph querying framework
    1. 🍼 A plugin driven framework to build WYSIWYG Markdown editor.

      plugin driven framework

    2. The WYSIWYG Markdown Editor Framework

      iti

    1. Slash & Tooltip - Write fast for everyone, driven by plugin

      slash and tooltip

    2. Milkdown is a WYSIWYG markdown editor framework.

      found a way to annotate playground function scrub () { x = document.getElementsByTagName("main")[0] document.body.innerHTML=x.innerHTML document.head.innerHTML = document.head.innerHTML + '<link rel="canonical" href="' + location.href + '">' }

    1. perfect except not annotatable?

      Getting Started | Milkdown

      perm.ann0

    2. When shown in Playground annotations are not shown in the document pane

      prepare for annotations

      • switch to developer mode
      • copy paste the function bellow
      • invoke

      now document content can be annotated

      bonus

      the location of the page is set as the canonical address of the content so that even when a version of this is saved on IPFS annotations created on the original page will show up

      then we can use the existing Indy.Ann0 tool

      currently hosted at pinata custom gateway

      https://ipfs.indy0.net/ipfs/QmQz4CcH6Buwb48hi4skRuXbwf5wVvMPpDqJDbKcBbb4uB?p=QmeNKVuLSsK29UMHf2caeYyxkgZzb7xZTfTyap3MowHnce

      This scrubbibg mechanism can be used to exfiltrate content manipulated with existing

      milkdown play ground

      ``` function scrub () { x = document.getElementsByTagName("main")[0] document.body.innerHTML=x.innerHTML document.head.innerHTML = document.head.innerHTML + '<link rel="canonical" href="' + location.href + '">'

      } ```

    3. reate your own plugin

      to support your awesome idea.

    4. enable or disable
      • custom syntax and
      • feature you like,

      such as - table, - latex and - tooltip

    5. additional plugins

      provide - syntax, - commands and - components

      // Indy.Pad - structure - interpretation - transform - transmorph - morphic presentation

    6. tiny core

      provides a - plugin loader and - all kinds of internal plugins.

    1. 🍼 Milkdown is a WYSIWYG markdown editor framework. It aims to provide you the ability to build WSIWYG markdown editor that fit your imagine. The project is created by Mirone in 2021 and actively maintained.

      Description

    1. Understanding Headless Slash Plugin

      This is exactly what is needed for HPMIX

    1. Today, we're going to settle the question once and for all – which is superior? Documentation in a plain-text editor using Markdown, or creating content in ...
    2. Trix - A rich text editor for everyday writing. Tui Editor - Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.; UEditor - UEditor is a WYSIWYG ...
    3. Nov 22, 2019 — A minimal rich text editor, with on'y bold, italic, underline, bullets and font colors would be fantastic! david November 22, 2019, 5:18pm 4.

      Rich text editor for rich text field

    4. Jun 10, 2019 — The rich text editor producing markdown would be perfect, as it's WYSIWYG and pretty straightforward . I think a html to markdown converter ...
    1. (https://unpkg.com/turndown/dist/turndown.js 77) here:

      turndown

    2. extending that same rich text editor to also produce markdown output

      extend rich text editor to produce moarkdown

    3. https://github.com/leeoniya/reMarked.js 87, and produce markdown from the rich text editor

      remarked producing markdown

    4. Works great! I never realised you could add libraries. Cheers!

      add libraries to retool

      html to markdown conversion

      Description

    1. A project similar to Markdownify but executed on the client.

      produce markdown output

    1. here are currently no WYSIWYG editors for markdown, only WYSIWYM, which still require knowledge of markdown syntax and its many quirky flavors.

      no WYSIWYG editor for markdown only WYSIWM

    1. Today, we're going to settle the question once and for all – which is superior? Documentation in a plain-text editor using Markdown, or creating content in ...

      Markdown vs fitch formatting

    1. never dream of “linking” their bank accounts to anything?

      linking bankaccounts to anything

    2. task of designing a personalized experience to people who are very much used to giving their data away fell to us

      giving their data away

    3. Designing for Privacy

    1. break down when it comes to handling the messy markup

      third-party WYSIWYG implementations tend to - break down

      when it comes to - handling the messy markup - that those editors emit

    2. How to set up this bad boy

      trying to annotate

    3. Engineered for modern modules

      That is the way to go

    4. performing complex formatting and cleanup operations under the hood

      We can annotate it too

      not reallt

    1. Typester is a robust editor that is flexible, powerful, and— above all— simple. We have designed it to do what it's meant to do, do it well, and then stay out of the way.

      Designed it what it meant to do

    1. working on big documents and we need to be able to send links to certain parts.

      link to specific section

    2. Anchors don't work

      in Crypt.Pad

    1. Steps to Run

      snarf - !!-👀❓✔️-.❌📡 todo-checkout - HTMX Offline

    2. htmx-offline

      <svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle color-fg-default"> <path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path> </svg>

    3. apps that require offline functionality

      It is a widely held belief that - htmx cannot be used for apps that require offline functionality.

      This is a reasonable assumption given that htmx is all about - sending HTTP requests.

      However, a service worker can - intercept HTTP requests and - process them.

      The processing could include - interacting with an IndexedDB database.

      For some web applications, this enables all the functionality to work offline.

    1. HTMX Playground

      Description

    2. About A simple code sandbox for playing around with HTMX. No setup needed!

      📖✍️- 🎮| 🅈 ann0te - HTMX Playground

      from - 📖✍️- 🎮| 🅈 ann0te - HTMX Playground |  🅈

    1. Github repo: https://github.com/lassebomh/htmx-playground

      repo

    2. ​📖✍️- 🎮| 🅈 ann0te - HTMX Playground | ​ 🅈

    3. htmx is laser focused on
      • generalizing hypermedia controls in HTML
      • (anchors & forms)
    4. makes htmx more work, in general, to accomplish things but also less opaque

      more work less opaque

      todo-checkout - phoenix liveview

    5. "avoid writing javascript,

      not executing!

    6. multi-swap extension

      todo - dig - multi-swap extension

    7. Unpoly https://unpoly.com/ excels

      todo-dig - unipoly

    8. I made a HTMX Playground 100% in the browser (lassebomh.github.io)

      HTMX Playground

    1. Why Use Virtual Machines for Privacy and Security? Not Obvious! Top 6 List!

      Some may already know that there are cybersecurity benefits to using a virtual machine. But less known are the privacy benefits. There are threats that can't be solved unless you use a virtual machine for example, it may be the only solution against Facebook

    1. Google's Playstore offers millions of apps, but due to censorship, Google's anti-competitiveness, and platform restrictions, not every good app can be found in the store. So the only way to get such apps is by sideloading or manually installing them on your Android device.

      Google's Playstore offers millions of apps, but due to - censorship, - Google's anti-competitiveness, and - platform restrictions,

      not every good app can be found in the store.

      So the only way to get such apps is by - sideloading or - manually installing them on your Android device.

      for - APK

    2. How to manually install or sideload apps on Android as APKs

      concept : sideload

    1. Description <svg width="24px" height="23px" viewBox="0 0 24 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>android</title> <g id="Icons-2021" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard" transform="translate(-20.000000, -25.000000)" fill="#000000" fill-rule="nonzero"> <g id="android" transform="translate(20.000000, 25.000000)"> <g transform="translate(1.000000, 0.000000)"> <path d="M2.104,7.831 C1.33,7.831 0.534,8.464 0.534,9.239 L0.534,14.871 C0.534,15.644 1.33,16.277 2.104,16.277 C2.877,16.277 3.674,15.644 3.674,14.871 L3.674,9.239 C3.674,8.464 2.877,7.831 2.104,7.831 Z" id="Path"></path> <path d="M4.721,16.944 C4.721,18.11 5.648,19.343 6.814,19.343 L6.814,21.871 C6.814,22.643 7.086,22.482 7.86,22.482 C8.634,22.482 9.953,22.643 9.953,21.871 L9.953,19.343 L12.046,19.343 L12.046,21.871 C12.046,22.643 13.364,22.482 14.139,22.482 C14.914,22.482 15.186,22.643 15.186,21.871 L15.186,19.343 C16.351,19.343 17.279,18.11 17.279,16.944 L17.279,8.878 L4.721,8.878 L4.721,16.944 Z" id="Path"></path> <path d="M13.609,2.743 L14.499,1.022 C14.544,0.936 14.512,0.825 14.426,0.78 C14.338,0.735 14.232,0.766 14.188,0.851 L13.284,2.587 C12.575,2.315 11.806,2.164 11,2.164 C10.195,2.164 9.426,2.315 8.717,2.587 L7.813,0.85 C7.769,0.765 7.662,0.73 7.576,0.775 C7.49,0.82 7.455,0.927 7.5,1.013 L8.392,2.743 C6.398,3.645 4.955,5.738 4.704,7.831 L17.296,7.831 C17.044,5.738 15.602,3.645 13.609,2.743 Z M8.907,6.785 L7.86,6.785 L7.86,5.738 L8.906,5.738 L8.906,6.785 L8.907,6.785 Z M14.14,6.785 L13.093,6.785 L13.093,5.738 L14.14,5.738 L14.14,6.785 Z" id="Shape"></path> <path d="M19.896,7.831 C19.122,7.831 18.327,8.464 18.327,9.239 L18.327,14.871 C18.327,15.644 19.122,16.277 19.896,16.277 C20.671,16.277 21.466,15.644 21.466,14.871 L21.466,9.239 C21.466,8.464 20.671,7.831 19.896,7.831 Z" id="Path"></path> </g> </g> </g> </g> </svg>

    2. Brave Browser 1.64.113 A browser that incorporates AdBlock

      brave apk

      alternative to playstore

    1. APKPure is a totally free APK downloader for Android phone and tablet. Download apk directly from Android market even without Google play store account.

      Description

      for - APK

    2. The Best Google Play Store AlternativesTop App Stores and other similar apps like Google Play Store

      for - alternative.to - Google Play Store - indy0@cryptpad.fr

      for - apk

    3. no mandatory account creation or subscriptions,

      for - no account - manadaatory account creation - autonomous longtail software

    1. Search Result: google play store

      for - alternative.to - Google Play Store - indy0@cryptpad.fr

    1. low latencies

      To make the demo instance available - with low latencies in as many countries as possible,

      we use Cloudflare.

      One of the downsides is that Cloudflare intercepts all TLS traffic between your browser and the demo instance, which makes the demo unsuitable for private notes.

      ⚖️-🦔📏📝 evaluate - HedgeDoc | indy0

    2. Demo instance

    1. Features
      • real-time,
      • multi-platform
      • collaborative

      markdown note editor

    1. open-source, web-based, self-hosted, collaborative markdown editor.

      collaborative markdown editor

    2. HedgeDocIdeas grow better together.

      Self-hosted Stay in control of your data. Keep it on your server.

      from https://hyp.is/mq9c3vIQEe6ajGMqnH78jw/github.com/Peergos/Peergos/projects/2

    1. Privacy protections Leo is free to use and no user login or account is required. Leo does not collect identifiers such as your IP Address that can be linked to you. No personal data is retained by the AI model or any 3rd-party model providers.

      Brave Leo is a private AI smart assistant that enhances your use of the Internet.

      no user login

      or account -

    2. Brave Leo is a private AI smart assistant that enhances your use of the Internet.

      Ask Leo to summarize a webpage you’re viewing. Or ask questions about the page, and get answers, clarifications, and other viewpoints. Brave Leo can also create content, translate between different languages, and transcribe audio and video. It can even have back-and-forth conversations.

      Leo is free to use with limited access. Brave Leo Premium offers more models, higher limits and gives subscribers early access to new features.

    1. We have finally finished the LiaScript documentation
    2. See the video here, to get an impression:
    3. We made also some a screen-recording for every chapter

      Here is the introduction to hashtag#JavaScript in LiaScript, where we had re-imagined the usage and the capabilities of JavaScript. In our case JavaScript is used as a component, that serve multiple purposes:

      • In can simply perform a calculation and directly output the result as part of the text.

      • It can also output HTML or LiaScript

      • Users can interact with scripts, since they can be combined with different input elements

      • Users can inspect every calculation by double-clicking onto the result

      • Users can modify and rerun this code

      • Scripts can be combined with animations

      • Scripts can be combined with other scripts to form an execution graph, when on script finished, its result can trigger the execution of another script

      • Scripts can be combined with the Internationalization API for optimized formatting

      • And much more ;-)

    1. Potential App Ports From Potential App Ports Copy card link HedgeDoc - https://hedgedoc.org Added by ianopolous

      HedeDoc

    1. Visualization

      Processing.js - is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards

      VTK.js is a JavaScript library available for scientific visualization in your browser.

    2. Index of LiaScript Templates
      • Algebrite is a Javascript library for symbolic mathematics (technically, CoffeeScript) designed to be comprehensible and easily extensible.
      • a high-level grammar of interactive graphics. It provides a concise JSON syntax for rapidly generating visualizations to support analysis plantUML diagrams
      • Sequence Usecase Class Activity Component, State Object Deployment Timing ...

      MermaidJS - generating charts from text

      rextester - Support for 45 different programming languages

      Tau-Prolog - functional Prolog-Interpreter for JavaScript

      Curiosity-Prolog - Prolog-Interpreter implemented in 160 lines of JavaScript code.

      Skulpt: - Skulpt is an entirely in-browser implementation of Python. No preprocessing, plugins, or server-side support required, just write Python and reload.

      Pyodide: - The Python scientific stack, compiled to WebAssembly. It provides transparent conversion of objects between Javascript and Python. When inside a browser, this means Python has full access to the Web APIs.

      BiwaScheme: - a Scheme interpreter written in JavaScript.

      AlaSQL - is a lightweight client-side in-memory SQL database designed to work in browser and Node.js.

      Turtle - A port of tiny-turtle.js to LiaScript,

      Web Development - A general template that can be used to create online curses on web development including HTML, CSS, and JavaScript.

    3. Turtle A port of tiny-turtle.js to LiaScript,

      Must check out

  3. github.com github.com