test.ical.ly | getting the web by the balls

Nov/10

15

Call out to all Javascript, jQuery, CSS and HTML gurus out there – what would you improve?

2 Comments · Posted by Christian in Question

Well this is a bit of a long shot but I want to try to get some valuable feedback from the community to improve the gjPositionsPlugin. As far as I can tell all requirements are implemented. But the best part of this all is down to Javascript which I don’t really master (anymore).

I do have a strong feeling that I could’ve done better with the scripting and such and this is where you might come in.

Lets recap what I am on about.

It’s all about this administrational backend: http://improveme.experiment.ical.ly/demo_page/1/edit.

It consists of three columns.

  1. The page to be edited including the canvas (“Design elements”)
  2. The design elements lists
  3. The contents

Design elements can be dragged onto the canvas and ordered there. While contents can be dragged onto those design elements.

So a canvas can have many design elements and each design element can have many contents.

Design elements can be removed from the canvas by just dragging them outside the list. The same applies to contents.

So what can you do?

Well apart from clicking around and telling me when you encounter any problems I am wondering about the following questions:

I am really keen to learn from you experts out there. I’m sure there’s much to learn.

What I would like to achieve is the Javascript, CSS and HTML to be:

  • well structured
  • readable and easy to understand
  • easy to maintain!
  • easy to extend
  • easy to restyle with CSS only

I am not sure however if a call out like this will actually bring any result.. lets wait and see! :)

Any contributions is appreciated whether it be a comment on this post, a tweet, a mail with some code|advice or a GitHub pull request. Thanks in advance!

· · · · ·



  • Pingback: Tweets that mention • Call out to all Javascript, jQuery, CSS and HTML gurus out there – what would you improve? | test.ical.ly -- Topsy.com

  • http://jmikola.net Jeremy Mikola

    Try to avoid the wildcard selections in jQuery. While “.className” is rather innocuous in CSS, doing so in jQuery effectively forces it to filter through all tags on the page unless the browser provides getElementsByClassName() DOM method. But even if “.className” might not always be so bad, it’s a short jump away from doing things like $(‘:checkbox’), for which no DOM method will help you. In the latter case, $(‘input:checkbox’) would be much better.

    Still, it’s a good idea to restrict the search space of your queries whenever possible, either by finding within the scope of the ID of some parent or an existing jQuery context/selection.

<<

>>

Find it!

Theme Design by devolux.nh2.me
To top