Essential jQuery plugins

As a newbie to the Javascript World, it is important to get some very very simple jQuery plugins. I pick and find a few that are so simple and yet works well in all browsers.

NivoSlider

NivoSlider
One of the slider that can do all the other slider can do, combined. While it already started to sell commercial support, but you can pretty much get some support by just Google it. Yes, it works perfectly fine with WordPress, either by the plugin provided or you can get your hand dirty on it too.

Uniform

Uniform
Spice up your form easily with this form beautifying plugin. You can either set to style all the inputs or by adding class to any of them. Best of all, it can easily change theme just by editing some images sprite and/or CSS.

jQuery Slide Menu

jQuery Slide Menu
A very simple multi-level menu jQuery plugin. All you need is to style the menu to enable at least 2 level of dropdown and add this little plugin to it. Simple enough? It works well even with 5 level!

MediaQueries

MediaQueries
We cannot deny the existing of mobile browser. This plugin basically help older browser (Especially IE6) to enable media querie, so you can set different screen resolution to different stylesheet. Best of all, you don’t need to do anything beside adding the script line.

HTML5shim

html5shim
Let’s face it, we are all living at tomorrow today. Although HTML5 and CSS3 are still on development stage, but it has been widely used. Well, only the few tags. But it is more than enough to make one headache with older browser (IE, duh!). This little plugin helps on enabling the common tagslike header, aside, footer and etc to work well. Some suggest Modernizr, which both works pretty much the same just more support on HTML5 tags.

WordPress built in contact form, literally

After you installed your WordPress, you thought about the SPAM, so you went on and registered yourself at WordPress.com to get use Akismet. Then you need the blog to be SEO friendly, so you installed another SEO pack, and suddenly you remember the server usage and installed WP optimizer, the thinking and go on and on just to make sure your blog works well.

That is exactly why I like to cut down all the possible plugins and have a better life. Remember, when it is time to backup or perhaps, changing a host, you will spend a lot of time to construct back the plugins.

The other day while I was adjusting a comment section, I feel stupid to know that WordPress does not have a contact form built in. Again, the A-Ha! ;)

Literary, your comment form IS the contact form, they notify you too.
WP page template
Create an exact same page.php template, name it as Contact.

<?php /*
Template Name: Contact
*/ ?>
<?php get_header(); ?>
<!-- Page.php content -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Do not delete anything in the template. Instead of include the comment.php, I copy all the content in comment.php to the template.

<?php /*
Template Name: Contact
*/ ?>
<?php get_header(); ?>
<!-- Page.php content -->
<!-- Comment.php content -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Comment.php content will be placed after the page.php original content. So here are what I did:

  1. Remove the comment listing (privacy for sender)
    Dump this section:

    <?php if ( have_comments() ) : ?>
    <h3 id="comments"><?php comments_number('No comment', 'One comment', '% comments' );?></h3>
    <div class="navigation">
    <div class="alignleft"><?php previous_comments_link() ?></div>
    <div class="alignright"><?php next_comments_link() ?></div>
    </div>
    <ol class="commentlist">
    <?php wp_list_comments(); ?>
    </ol>
    <div class="navigation">
    <div class="alignleft"><?php previous_comments_link() ?></div>
    <div class="alignright"><?php next_comments_link() ?></div>
    </div>
  2. Change the label name (it’s a contact form not comment form)
  3. Add a “Reset” button (to make it look more like a contact form?)

    <input name=”reset” type=”reset” value=”Reset” />

WP builtin contact form

The outcome is not that bad. However, there is one last thing I’m still applying though – Ajaxify the comment section. Currently, like normal WP comment behave, refresh the page, comment on the comment list. As my edition has take away the comment list, it is hard to tell the message is sent or not.

Choosing a CMS

Not going for WordPress thingy now. Just a thought after no idea about my life :lol: Seriously, if not because of the boring life I have had, I wouldn’t go for those if else thingy.

Anyway, it’s been sometimes I choose WordPress as a CMS for quite a few websites. The main point were:

Ease of use

Ease of use
CMS was a system created for non-tech savvy. Who knows nothing but clicking here and there to get their content update. A few successful CMS like WordPress (duh), Joomla and Drupal has a very simple yet easy to understand admin interface. That is what I called, click and submit. The ease of use.

Search engine friendly

Google search engine
Just how many website actually created for search engine friendly? A lot of developer forgot this part (well, maybe not for GetSimple CMS :) ). By saying search engine friendly, I mean laoding speed, validation of the source and the technology used. Of course those customisable CMS always make a good search engine friendly because the template… And hack :P

Extensions

Extensions
This is one function that cannot be missed. I notice that a lot of CMS doesn’t comes with a contact form :( I am pretty satisfy with GetSimple CMS contact form, exactly like Contact Form 7 ;) WordPress listed more than 8,000 plugins, Joomla with more than 4,000 extensions. You’ll be amaze what you can do with one simple CMS.