Scotch.io's Real-World Vue Book is launching! Get 50% Off
We're live-coding on YouTube! Join us!

Community Coding For The Web

Community Coding For The Web

Open source barriers

Right now, it's too hard to contribute to open source.

This leads to a few things that are bad:

  1. People who have good ideas don't contribute
  2. Open source maintainers are overworked
  3. There's less useful open source software than there could be

We want to improve this, so:

We're building a community for web developers to build & share open source modules that work on any website.

There should be a place where you don't need anything "extra" to work on open source: no git, webpack, gems, repos, terminal commands, or non-code tools. If you know the code itself, you should be able to contribute directly without learning special commands.

We're working our way toward this with the first ever online code editor that compiles modules to work on any website:

More than a playground

There are a lot of code "playgrounds" out there for building demos or proofs of concept, but that can be pretty limiting. With the new approach, you can click

Essential Reading: Learn React from Scratch! (2019 Edition)

And that brings up code to add the actual module to your website. Not a sandboxed or iframe version -- the actual, working module. The code looks like this:

<html>
<head>

  <!-- Paste right before your document </head> -->
  <script id="Anymod-script">
    (function (m,o,d,u,l,a,r,i,z,e) {
      u[m]={Project:o,rq:[],Opts:r,ready:function(j){u[m].rq.push(j)}};function j(s){return encodeURIComponent(btoa(s))};z=l.getElementById(m+'-'+a);r=u.location;
      e=[d+'/page/'+o+'/'+j(r.pathname)+'/'+j(r.host)+'?t='+Date.now(),d];e.map(function(w){i=l.createElement(a);i.defer=1;i.src=w;z.parentNode.insertBefore(i,z);});
    })('Anymod','855EM8','https://cdn.anymod.com/v2',window,document,'script',{ toolkit: true, tips: true, priority: 3 });
  </script>

</head>
<body>

  <!-- Paste where you want the module: Animate CSS grid -->
  <div id="anymod-lllddn"></div>

</body>
</html>

A world of possibilities

Our hope is that an open platform for normal web developers to find, modify, and use modules will help us all to create a huge ecosystem of free, open-source software that works on any website.

Right now there is a library of hundreds of "verified" modules that are ready to use, with thousands more that have been created by developers.

From pre-styled page sections to forms, modular CMS, galleries, team pages, ecommerce, and more, there are lots of ready-to-use modules already available.

Join the community

You can find, clone, and use modules on the platform, and we are building even more tools to help with collaboration.

Soon you will be able to see which modules are looking for contributors, make changes in the browser, and have your updates merged into the original. Both the original author and you will then be listed on the module, and you'll be able to see where it's being used.

Our hope is that we can make open source participation a real option for all web developers by lowering the barriers to contribution.

If you're interested in collaborating, using cool modules, or simply claiming your username, we'd love to have you!

https://anymod.com

Like this article? Follow @twarnock on Twitter

This content is sponsored via Syndicate Ads.