-
JSS in Action
The first page to use JSS in the wild has recently been launched: reneelung.ca.
The page was designed by my fiancee Renee Lung and programmed by me. You'll notice if you look at the source that there is no JavaScript in the traditional sense. The page consists of three JavaScript files: the jQuery library, the JSS plugin, and a JSS stylesheet.
I hope this gives people an idea of the power of JSS. Read on for an annotated version of the JSS stylesheet used on that site (as of June 29th 2009).
-
JSS 1.0.0-beta2 released!
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.
-
JSS 1.0.0-beta1 released!
JSS 1.0.0-beta1 was released a couple minutes ago. This version of JSS should be mostly bug-free (although there are still many more tests to be written). For information on how to use JSS, see here and here.
More extensive documentation will be forthcoming as I move towards a 1.0.0 release.
-
The JSS Stylesheet, Part 1
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.
-
Introducing JSS
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.
-
Consuming a J2EE Web Service with PHP SOAP
-
New Arrayzing Command: merge()
Some nights, as I lay awake in bed, trying to sleep, I think about Arrayzing workflows. Lately, I've been thinking of the different ways users might use Arrayzing. In particular, I've been thinking of how a user could edit a subset of elements in a zing without disturbing other elements. The result of this thoughtstream is a new Arrayzing command:
merge(). -
Arrayzing vs. Array: get() and set()
What does Arrayzing provide that a normal Array doesn't? I hope to answer that question in my series of posts Arrayzing vs. Array. In today's installment, we'll take a look at what the get() and set() functions offer over an Array's traditional [] accessor.
-
Arrayzing Design Choices
-
Exploring Java and VB.Net Syntax, Part 1
The syntax of a programming language is a large part of how a programmer interacts with a language. Being somewhat of a programming language enthusiast, I'm always curious about how different programming languages stack up syntactically.
Today, I'm going to take a look at an variety of programming tasks and show how they are done in both Java and VB.NET (the .NET 1.1 version). Since both these languages have differing feature sets, I'll try to only use features that both the languages have, in order to compare them fairly. I know this might misrepresent the complexity of the languages, and I'm cool with that. The purpose of this post is merely to explore and discuss the syntax of each language.
subscribe via RSS