A drag and drop block-based coding environment for front-end web technologies.

README
Issues 21

Editor Demo: http://elementalcode.herokuapp.com/projects/editor
Website Demo: http://elementalcode.herokuapp.com/

A drag and drop block-based coding environment for front-end web technologies.

Scratch Forums topic: https://scratch.mit.edu/discuss/topic/134554/

Project Goal

The goal of Elemental is to act as a bridge between Scratch and front-end web technology. Any and all design decisions will focus on teaching how to write clean, easy-to-read, valid front-end code. There should be as little opportunity for error as possible, thus bridging the syntax gap. Users of Elemental should not be expected to continue using Elemental once they become advanced users. Instead, they should be encouraged to convert to text-based code, for a quicker, more powerful, and more extensible coding experience.

Developers

PullJosh

does things

Firedrake969

other people's things

BookOwl

neat things

TheInitializer

cool things

an-OK-squirrel

no things

=======

Dev Notes

If you're an Elemental Dev, be sure to read the Dev Notes to get up to speed on the rules and regulations for creating with the ElementalCode team. Happy coding! :)

21 Open More issues

Closed

Site admins and mods

who deleted my far-future tag...

anyways

Post here if you want to be a mod/admin when the site is built out more, create an account on the site, and tell me the account's name. I shall deem whether or not you are worth to be an admin or mod.

help wanted major

opened Jul 26, 2015 by matthewr6 248

Closed

How are we going to implement the blocks?

see title.

frontend major planning question

opened Jul 21, 2015 by BookOwl 244

Closed

Site Design

Current demo: http://codepen.io/PullJosh/pen/dogjOX

I talked a bit about this on the UI issue, #1, but I figured it really deserved its own topic.

The game plan, in case anyone is confused, is to have the site work a bit like scratch. There's a homepage that explains what elemental is and how it's helpful, and a link to the editor (the "UI", as I've been refering to it in the past.) That editor can be used by anyone, but projects can only be shared if you're signed up on the site.

I've made the UI, or at least a good portion of it. Now I'm beginning work on the site's homepage. I'll be using codepen so that the link at the top of this issue will always point to the latest version. Feel free to check it out, and let me know what you think. :)

opened Jul 28, 2015 by PullJosh 209

Closed

Layout (UI)

A big thing we need to figure out is the UI. What is the interface going to look like? Here are a few mockups, copy + pasted from the Scratch Forums.

^{^ The detail is much appreciated}

^ Click to zoom

frontend major planning

opened Jul 17, 2015 by PullJosh 126

Closed

Please people make the guy writing the WSF's life easier

And post your ideas for the WSF here. Some of the ideas going on here are going to be impossible to do, which sucks for me.

frontend help wanted major planning

opened Jul 25, 2015 by an-OK-squirrel 119

Closed

Quick questions

For when you don't need a whole issue.

quick question

opened Jul 20, 2015 by an-OK-squirrel 95

Open

Make it clear that "Open" is for project files, add HTML import feature

The option to open files is present, yet the file selected does not open.

block editor

opened Jun 12, 2017 by infinitytec 3

Open

Dropping block in palette only works when directly over trashcan – bad?

Ideally we'd be able to simply drag a block to anywhere in the block palette and have it be deleted. That's how Scratch and just about every other block editor I've seen works.

..I think this would fit a "misfeature" tag well. 📦

block editor misfeature

opened May 6, 2017 by towerofnix 4

Open

Dropping block while cursor is above another block doesn't hide trashcan in palette

Dropping the block anywhere else works fine, though (even dropping the block outside of the scripting area).

block editor bug

opened May 6, 2017 by towerofnix 0

Open

Highlighting 2

All the changes you loved about #262, now without the extra commits!

This implements the highlighting from #255 with some improvements:

[x] prettier highlighting for the blocks with rounded edges
[x] highlight both at the same time
[x] turn it on or off in the new View menu

in progress

opened May 5, 2017 by mrjacobbloom 0

Open

Search-bar behind blocks

Is this the intended behaviour? If not, it is easily fixable by adding z-index: 1; to #searchBar in the CSS.

block editor

opened Apr 18, 2017 by iamunknown2 3

Open

[mockup] block and element highlighting

I had an epiphany a couple hours ago and threw together this mockup: I have code that works but it's dependent on #249 and could use some refinement

block editor input wanted

opened Apr 17, 2017 by mrjacobbloom 8

Information

Category: Python / Miscellaneous
Watchers: 17
Star: 36
Fork: 10
Last update: May 6, 2021

Resource links

http://elementalcode.herokuapp.com

https://github.com/ElementalCode/Elemental

Share this repo

Related Repos

Miscellaneous

231

DEPRECATED: Being replaced with milksnake: https://github.com/getsentry/milksnake

DEPRECATED This project is (temporarily) deprecated in favour of milksnake. Milksnake lets you do the same thing as snaek but does it on a lower level so that (until we can generate significantly higher level bindings to Python) we put mo

Miscellaneous

Retrying library for Python

Tenacity Tenacity is an Apache 2.0 licensed general-purpose retrying library, written in Python, to simplify the task of adding retry behavior to just about anything. It originates from a fork of retrying which is sadly

Miscellaneous

382

A Python module for parallel optimization of expensive black-box functions

blackbox: A Python module for parallel optimization of expensive black-box functions What is this? A minimalistic and easy-to-use Python module that efficiently searches for a global minimum of an expensive black-box f

Miscellaneous

automating AWS with Python using boto3 library

automating-AWS-with-Python automating AWS with Python using boto3 library You have to add credentials and config files in the .aws directory. Just paste the following code Create the credentials file. By default, its

Miscellaneous

A module which fairly distributes a list of arbitrary objects among a set of targets, cons...

Project Vania - A Fair Distributor Fair Distributor is a module which fairly distributes a list of arbitrary objects through a set of targets. To be more explicit, this module considers 3 key components: object: some kind of

Miscellaneous

900

Content-Addressable Data Synchronization Tool

casync — Content Addressable Data Synchronizer What is this? A combination of the rsync algorithm and content-addressable storage An efficient way to store and retrieve multiple related versions of large file systems or

Miscellaneous

htmlpyever is a very single-minded binding to html5ever.

Miscellaneous

184

A pythonic way of writting latex.

lax A pythonic way of writting latex. I always found it boring and a pain to write some mathematical formulaes in latex. Mainly those with a lot of \frac{x}{Y} stuff. That is why i thought of implementing this small template sy