Cameron McKay

I’m proud to announce the release of JSS 1.0.0-beta2. Here are the changes:

• Fixed the way that {attributes} are handled when not using a selector. They should now properly grab the attribute from element that fired the event.
• Made it so each time a declaration block is applied, all the event handlers bound by JSS to the elements returned by that selector are unbound.
• Fixed the semantics of the {@attr} syntax. It now means that the eventTarget should always be used, regardless of whether or not a selector is defined. In order to access the attributes of a selector use {@attr} now.
• Added two new commands: set-data and remove-data. These commands use the jQuery functions data() and removeData(). They are similar to set-attr and remove-attr except instead of storing the information in an attribute, they are stored in a table. Data is accessed by using [data] syntax, similar to the {attr} syntax.
• Added new event property: setup. This event is fired when the JSS stylesheet is loaded (setup). This is useful in certain cases where the user wants to setup some variables using set-data.
• Made it so you can now set scroll-top and scroll-left via the set-attr command.
• Added trigger command. It can be used to trigger event properties on elements.
• Fixed bug where you could put a string | in a binary command due to the
  simplistic implementation. The new version requires any | to be escaped with \|.
• Added fade-to command, based on the jQuery.fadeTo() command.
• Added show and hide commands.
• Fixed issue with data and attribute replacements not working correctly (i.e. the first event would replace them for all events).
• Callbacks may now take string parameters. For example, “fade-out (#target) normal !callback str1 str2″.

I’ve also started writing documentation for the JSS commands. It is only partially completed but can still be helpful. Check out the JSS homepage for other documentation.

I’ve said previously that JSS is a lot like CSS. What is CSS?

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation (that is, the look and formatting) of a document written in a markup language.

If that blurb were written about JSS, it’d sound a little like this:

JavaScript Style Sheets (JSS) is a style sheet language used to describe the presentation (that is, the look and formatting) and functionality of a document written in HTML.

In this article, we will look at the syntactic structure of a JSS stylesheet. We will also talk briefly about including JSS stylesheets in your HTML documents.

Read more »

Ever wanted to make an image rollover, but you don’t know JavaScript? In this tutorial, we show you how JSS, a CSS-like language, makes this a breeze.

Read more »

Sometimes when you’re programming, you’ll want to generate an HTML document. This may be because you’re writing some sort of web app, or maybe you want your program to be able to output in a web-friendly format.

Read more »

In my last post, I mentioned that I had come up with a way to prevent tables in Internet Explorer 6 and 7 from looking like this. In this post, I’ll show you how to do it.

(Disclaimer: This method has been found to break if the a cell has a line break in it or is wrapped to a second line).

Read more »

So I’m currently doing a side job developing a web application to help pay for Wezzle and, y’know, food and shelter.

Basically, I’m making a system that displays tables grabbed from an Oracle database using elaborate queries.  That’s the easy part.  These tables need to be printed out.  That’s the hard part. We’ll talk about that here, specifically in relation to IE7 (the hacks here might not work for Firefox or Chrome).

(Disclaimer: This method has been found to break if the a cell has a line break in it or is wrapped to a second line).

Read more »