Socks - A javascript UI toolkit inspired by Shoes

http://wiki.github.com/petejkim/socks

by desheikh • 17 years ago

40 9 17 years ago

wiki.github.com

Introducing Socks. An easy to use javascript UI toolkit with Shoes (http://www.shoooes.net) like syntax. Build webapps quickly and easily with no knowledge of HTML or CSS.

jcapote• 17 years ago

Looking over the api it's pretty thorough and the custom controls look very polished; nice work.

Sephr• 17 years ago

IMO, a better MIME type would be application/socks+ecmascript or application/socks+javascript instead of application/javascript-socks. That looks closer to how content types that are built on XML have their MIME types. For example, XHTML's MIME type is application/xhtml+xml, not application/xml-xhtml.

Also, a shoes-like syntax is already available in JavaScript, though it would be very hard to utilize as-is (in <JS 1.7, wrap in a function and use `var' instead of `let'):

    app: {
      stack: {
        para("Foo 1"); // para as a function
        para: "Foo 2"; // para as a label
        button: {
          let bar = new Button("Bar");
          bar.onclick = function() { alert("Baz!") }
        };
        flow: {
          style: ({ // CSS block
            color: "red",
            after: {
              content: "!"
            }
          });
          para("This is red and ends with an exclamation point");
        }
      }
    }

raingrove• 17 years ago

thanks a lot for your insight. will look into fixing those in future releases

omouse• 17 years ago

I started a similar project last year during the summer: http://github.com/omouse/sandals/tree/master

I called it Sandals and it's dead mainly because I'm lazy but also because I find it stupid to re-invent the wheel. YAY yet another UI toolkit to learn grumble

chaosmachine• 17 years ago

This project makes the same mistake Prototype does: Using the unmodified name of an existing tech concept.

andreyf• 17 years ago

That doesn't look like JS syntax... am I missing something, or are they using JS to parse/interpret it?

jayro• 17 years ago

It's JavaScript object literal syntax.

misuba• 17 years ago

No - the application/javascript-socks scripts are putting Ruby-style code blocks in places JavaScript doesn't generally allow them. Presumably that's the reason for the alternate MIME type on the script.

helium• 17 years ago

Hmmm... pretty cool. I wrote a little sample app for this that will generate a sierpinski triangle:

http://cloud.github.com/downloads/petejkim/socks/socks-chaos...

And the code: http://gist.github.com/113435

Socks - A javascript UI toolkit inspired by Shoes

Related Stories