JSON stylesheets - screw CSS frameworks, use JavaScript - JSSS

Re:JSON stylesheets - screw CSS frameworks, use JavaScript -... by robotron on Monday December 21, 2009 @06:16PM (#1008853)

The page does seem to be missing a "disadvantages of JSSS" section.

[ Parent | on HN ]

Re:JSON stylesheets - screw CSS frameworks, use JavaScript -... by JimBastard on Monday December 21, 2009 @06:20PM (#1008865)

if used in conjunction with a traditional CSS framework and you require javascript for your page, there are really no dis-advantages.

in my rich internet applications i will use traditional CSS for the initial "base" state of the application and then JSSS for all further states which are generated via JS (no page-reload)

[ Parent | on HN ]

Re:JSON stylesheets - screw CSS frameworks, use JavaScript -... by dasil003 on Monday December 21, 2009 @06:48PM (#1008922)

in my rich internet applications i will use traditional CSS for the initial "base" state of the application and then JSSS for all further states which are generated via JS (no page-reload)

Why not just have the dynamic style in a separate class next to the base class it's applied to and then use jQuery.addClass?

[ Parent | on HN ]

Re:JSON stylesheets - screw CSS frameworks, use JavaScript -... by JimBastard on Monday December 21, 2009 @07:17PM (#1008996)

you could implement a parser that used .addClass() and .removeClass() instead of .css()

if i release an official parser i think it would use those methods.

the whole point is to store your CSS in JSON and parse it with JS, the libraries used to do the parsing / assigning are kinda arbitrary.

[ Parent | on HN ]

Re:JSON stylesheets - screw CSS frameworks, use JavaScript -... by woid on Monday December 21, 2009 @06:41PM (#1008906)

one big drawback I'm seeing is binding styles directly to DOM elements (it will appear as style attribute).

this definitely has memory (many non-shared styles) and performance implications (may cause many reflows because you are setting styles individually) and it may interfere with existing code

I would expect this tool to generate real CSS stylesheet code and embed it into page dynamically

[ Parent | on HN ]

Re:JSON stylesheets - screw CSS frameworks, use JavaScript -... by axod on Monday December 21, 2009 @07:06PM (#1008969)

I don't think this is an issue. You're modifying the DOM directly. Those style properties exist anyway. You're just modifying them via js.

It only "appears as style attribute" if you serialize the DOM into HTML.

[ Parent | on HN ]

Re:JSON stylesheets - screw CSS frameworks, use JavaScript -... by woid on Tuesday December 22, 2009 @04:04AM (#1009637)

Have you ever looked at any open-source browser implementation?

Because of cascading nature of style definition. Data structures describing current styling form trees (for memory efficiency and easy manipulation from script). Effective styles are evaluated during rendering.

For example look at this talk and around 11:30 the guy is describing style-related data structure in Chrome/WebKit: http://www.youtube.com/watch?v=RVnARGhhs9w

Your statement "Those style properties exist anyway" is simply not true.

[ Parent | on HN ]