blog

May 28, 2016

When jQuery come in handy?

spread the word:
keywords:

This may come in handy:

  • jQuery:
    how to install?
  • Blogger templates from scratch
    ...a conceptual guide.
  • jQuery for humanists
    I do not consider Myself a programmer - I don't have a strict, 'mathematical' mind, and definitely I don't love logic ;) .

    But, interestingly, I do program, write some code for web-design purpose.

    To know that I'm able to write code without having that 'strict mind' is important - because it is encouraging not only for 'born programmers' to learn that field.

Note:
This article may be most useful if You already know HTML & CSS.

I discovered jQuery probably when My Friend Jack decided to write a manual explaining this technology step by step, from the very basics. When I read the draft I knew it's gonna work. I mean: I knew I would comprehend it, to My surprise (because I wasn't used to comprehend various programming languages). But Jack explained it pretty well.

Over the time I've found many ways for jQuery to be useful or helpful in My work. Here are some examples:

In the general web-developer's work:

  1. It usually comes in handy when You want (or need) to fix something quickly (having no time to study HTML/CSS code). In that case You just add some jQuery commands which work as an overlay on existing template.
  2. Also it can help You when You don't know (yet) how to solve some issue with already existing HTML/CSS code - then You can use jQuery as a temporary solution.
  3. If You care about Your projects to be multi-browsered, You can derive benefits out of jQuery - because in some areas it is more universal than classic CSS (for example, in some web-browsers CSS animations don't work - but similar animations written in jQuery do).

 

With regard to Blogger (and not only):

It can be extremely helpful if You aren't able to design Blogger templates from scratch (yet ). Then You can find multiple applications of jQuery used as an overlay on existing Blogger template (served as a "HTML/JavaScript" gadget). For example, with jQuery You can:

  • fix imperfection of some existing gadgets, e.g.:

    - the "Pages" gadget doesn't provide "target" attribute to hyperlinks - but You can use jQuery to add this attribute to all of them - or selected ones (click for more information),

    - the same with the "Image" gadget: if You need to attach a hyperlink with 'target="_blank"' attribute to the image - You can't do that with the gadget alone, but You can with jQuery,

    - the "Popular Posts" gadget has a weird ailment: if You are using image thumbnails, they have inbuilt 'target="_blank"' attribute - fortunately using one line of jQuery You can remove it (click for more information);
  • You can differentiate look and content of Your website depending on what type of site is currently displayed - You can do it by writing instruction which detects if - for example - current site is the home page, post page, archive page, tag (label) page, and so on (this way You can create a welcome page - a feature absent in Blogger),
  • You can modify very specific elements on Your site (e.g. hyperlinks containing some particular phrase),
  • You can change some elements' position - also in a way which seems to be unavailable within standard Blogger options (e.g. if You'd like to have a horizontal list of "Popular Posts" just under the top image),
  • You can add dynamic content displayed when some specific conditions are met (like "Notes" on the side - which could be shown only if currently displayed post has a particular tag/label),
  • You can add life to Your project by incorporating some animations, also triggered by some action (for example, hovering the cursor over some element),
  • You can do many other things depending on Your imagination (sky's the limit :) ) - another example is "Tags" section in which You could use jQuery to add label-related pictures);

No comments:

Post a Comment