Soft Reject jquery performance, visual hierarchy & spacing and alignment

can anyone please tell me what to improve …
My Template : https://goo.gl/MBmRbq

  1. PROPER EVENT BINDING: Consider using the preferred .on() method
    rather than .click(), .bind(), .hover(), etc. For best performance and
    concise code use event delegation whenever possible: http://code.tutsplus.com/tutorials/quick-tip-javascript-event-delegation-in-4-minutes--net-8961

  2. JQUERY PERFORMANCE NEEDS IMPROVEMENT: Your jQuery code can benefit
    from some performance tweaks. Please make sure that your jQuery is
    properly formatted, commented and that you are caching and chaining
    whenever possible. For more information please read: http://code.tutsplus.com/tutorials/10-ways-to-instantly-increase-your-jquery-performance--net-5551

  3. TYPOGRAPHIC HIERARCHY: The typographic hierarchy of this item requires additional work. For more information, please read: http://webdesign.tutsplus.com/articles/understanding-typographic-hierarchy--webdesign-11636

  4. SPACING AND ALIGNMENT: There are spacing and alignment issues in
    this item. Please make sure that all elements are aligned properly and
    spacing is consistent from section to section. Here are some articles
    with more information regarding negative space and proper spacing: http://webdesign.tutsplus.com/articles/using-white-space-or-negative-space-in-your-designs--webdesign-3401,\ http://webdesign.tutsplus.com/articles/adding-space-to-your-designs--webdesign-14836

pls help me

i am waiting for help pls

So basically you need help on each of these 4x points?

Happy New Year

thank for reply

yes you help me

tell me what problem

i am waiting for your response.

i am waiting for your response.

That’s pretty clear and very good feedback from the reviewer - what else do you want?

Happy New Year

thank for reply

My 4 point issue soft reject i have fixed but you check any problem my jquery, proper event binding and design issue.

any problem tell me

  1. PROPER EVENT BINDING: Consider using the preferred .on() method
    rather than .click(), .bind(), .hover(), etc. For best performance and
    concise code use event delegation whenever possible: http://code.tutsplus.com/tutorials/quick-tip-javascript-event-delegation-in-4-minutes--net-8961

  2. JQUERY PERFORMANCE NEEDS IMPROVEMENT: Your jQuery code can benefit
    from some performance tweaks. Please make sure that your jQuery is
    properly formatted, commented and that you are caching and chaining
    whenever possible. For more information please read: http://code.tutsplus.com/tutorials/10-ways-to-instantly-increase-your-jquery-performance--net-5551

  3. TYPOGRAPHIC HIERARCHY: The typographic hierarchy of this item requires additional work. For more information, please read: http://webdesign.tutsplus.com/articles/understanding-typographic-hierarchy--webdesign-11636

  4. SPACING AND ALIGNMENT: There are spacing and alignment issues in
    this item. Please make sure that all elements are aligned properly and
    spacing is consistent from section to section. Here are some articles
    with more information regarding negative space and proper spacing: http://webdesign.tutsplus.com/articles/using-white-space-or-negative-space-in-your-designs--webdesign-3401,\ http://webdesign.tutsplus.com/articles/adding-space-to-your-designs--webdesign-14836

i am waiting for your response.

  1. Proper Event Binding: if you have done the js work on the template, then you should know what this means. If you didn’t do js work, then find some experienced with the jQuery. He/she will solve it minutes.

  2. JQUERY PERFORMANCE NEEDS IMPROVEMENT: You have to comment out the js file you used (like the html or css) and also js script needs to be formatted, you may use this http://jsbeautifier.org/

  3. TYPOGRAPHIC HIERARCHY: The color and font-weight doesn’t seem to be consistent. Maybe use darker color for p tags. Also use some color for h tags, maybe change the font too.

  4. SPACING AND ALIGNMENT: Double check the margin padding you used in the different parts of the template. It doesn’t seem to be consistent as well. For example, see the about section, you will notice gaps are different. Also feature div vertical gaps are too big. Pay attention to each elements.

Additional suggestions: try to use some transitions. For example, in the header.

Hope that helps.

Cheers

1 Like