How are we going to implement the blocks?

[BookOwl]

see title.

[matthewr6]

DOM elements

[BookOwl]

OK.

[quat1024]

Dom elements with canvas block rendering like pixie? I tried to render cblocks with CSS and got nowhere useful. But maybe I suck at css

[PullJosh]

Just had a brilliant idea: SVG.

[BookOwl]

That is a good idea! It sounds much better than HTML + CSS

[an-OK-squirrel]

YES
I LOVE S'VG

[quat1024]

Svg 😀

[matthewr6]

How do you type in an SVG?

[quat1024]

I don't know much about the ins and outs of svg but stackoverflow says contentEditable works on text.

Hmm svg sounds like a bit of a hassle actually

[PullJosh]

Ah, I forgot about inputs. :P

[BookOwl]

Canvas?

[BookOwl]

We could use this: https://github.com/nathan/visual

[PullJosh]

If anyone can get it up and running, I'd love to see what it's capable of!

[BookOwl]

I'll try and make a simple project with it to see if it will work for us.

[PullJosh]

Okay, cool! :D

[BookOwl]

STOP THE PRESS!!! (Wait, we don't have press :P) I just found https://developers.google.com/blockly/ what do you guys think of it?

[an-OK-squirrel]

It's okay. It has my suggestion for properties implemented, but I still like making stuff ourselfs.

[robinp7720]

http://codepen.io/robinp7720/pen/JdmJYo
I know, it looks horrible and the design needs to be improved but this would be very easy to expand and would work for us as html is a markup language. Not a scripting lanuage. Blocky seams to be better for scripting languages. Could be used as a javascript IDE?

Also, I expected something like this to already exists, but this idea is apparently one of a type! This project might explode! :D Lets hope it doesnt die like go-anywhere or whatever it was called

[PullJosh]

@BookOwl I thought everyone had seen that... Apparently not. :P

@robinp7720 You're right - it doesn't look great now, but could be easily expanded on to be quite usable! :D

[BookOwl]

Status Report:
Blocky: as @robin7720 said, it would work great as a script editor, but not for markup. I don't think that it will work for elemental.
Visual: I tried to make the test. Really, I did! But visual is a long, cryptic piece of of code with no comments or documentation, and the only demo is pixie, which is equally confusing. It might work, but only if somebody smarter than me can figure out how to use it.
@robin7720's block thingie:
It. Looks. AWSOME! It still needs a little work, but I think we can use it!

[BookOwl]

Unless anybody has another idea, we will work on @robin7720's css block styles and use that.

[PullJosh]

I'd say try to adapt those styles and make them work, but I wouldn't set it in stone - if things don't go well, we should still be open to other options.

[mrjacobbloom]

what do you mean by c block wrapping?

[matthewr6]

Like how scratch lets you wrap a c block around a stack of blicks

[mrjacobbloom]

ahhh I gotcha

[matthewr6]

Ok thanks

[matthewr6]

btw made a branch for it

[mrjacobbloom]

ok so idk how to git, but I got it to work I think: http://jsfiddle.net/Airhogs777/qba7yL01/

[matthewr6]

want me to put it here for you

[mrjacobbloom]

yes pl0x

up next: c-wrapping

[matthewr6]

will put it on the repo when I get a chance

[mrjacobbloom]

I tried to git I swear. I put the url into c9.io but it copied the main branch and I gave up

[matthewr6]

windows.github.io

[mrjacobbloom]

noo I want to do it on the cloud, plus my mac doesn't do windows

[matthewr6]

mac.github.com
or use git in your terminal

[mrjacobbloom]

It doesn't run on computers as old as mine x(

[matthewr6]

oh

[matthewr6]

use your terminal

[mrjacobbloom]

WAIT I did something this might start to make sense soon

make sure you have a backup of the entire repo because idk what I'm doing

[matthewr6]

....
um please don't then

[matthewr6]

btw it doesn't work for some reason...
Uncaught TypeError: Cannot read property 'offsetLeft' of null

sometimes it happens but mostly it works

[mrjacobbloom]

I've half-got it working, but imma take a break so here's c-wrapping for now: http://jsfiddle.net/Airhogs777/baj4ndr2/

[matthewr6]

both are kind of glitchy right now :( (block stacks are still buggy for me for some reason? is it just me?)
anyways, this is so awesome :D

[matthewr6]

Fixed the block stacks issue
http://jsfiddle.net/Firedrake969/h9t2p7wf/

[PullJosh]

I've modified the padding of the blocks to be more sane. No way an entire HTML file would look half decent without the modification.

Somone do the git thing plz.

[matthewr6]

Working on it.

[PullJosh]

Thanks! :)

[matthewr6]

Yup, also made it so you have to be closer to the block to be able to stack them

[PullJosh]

Not sure I get what you mean on that one.

But it sounds useful.

[matthewr6]

It is :P