Software, Development, and WordPress

SlideNote For jQuery

SlideNote is a jQuery plugin that I created in an attempt to make it easy to display sliding notifications on your website or in your web application.

You can check out more information, download the plugin, and see a demo on SlideNote’s homepage.


  1. Brian Notess

    I like this plugin. Maybe you could also include a “how-to” for implementing it in WordPress. I tried and failed, but I am a JS n00b.

    It could be a conflict with another jQuery plugin I was trying to run.

    Thanks for sharing.

    • Tom

      Thanks Brian!

      I’m actually thinking of wrapping SlideNote as a WordPress plugin. If I end up going that route, it’ll be posted here and on the SlideNote page.

  2. chris kluis

    Tom – great looking jQuery plugin. Only 1 issue is that you have to specify a URL for the content – instead of being able to put the content directly in the Javascript.

    • Tom

      Hey Chris,

      Thanks for this – I’ve been tracking specific requests that people have sent me over the past few days in order to see about getting them included in the next update.

      For now, this particular feature is by design – either include the content for the notification in the page’s markup, or have the plugin pull it from another URL. You’d like the ability to specify the HTML content in JavaScript?

  3. chris kluis

    Yeah, instead of a URL – just a content area directly in the Javascript for it to pull from. If you have to add additional urls – that’s additional urls to control in the robot.txt file, sitemap, etc.

    Making it be standalone would allow for easier management.

    • Tom


      Yeah – the plugin doesn’t support elements in the JavaScript but you aren’t confined to URL’s either.

      It’s built in such a way that you can include the content that you wish to display as a sliding note in the markup of the page. Check out the ‘container’ options in the SlideNote’s homepage.

      The demo file in the repository on GitHub also shows how you can use existing element’s in a page. Specifically, look at the “leftNote” div element.

  4. Pali Madra

    Seems like an excellent plugin but the website is not available and neither is the code on github. Is it possible to get the plugin from somewhere else?


Leave a Reply

© 2020 Tom McFarlin

Theme by Anders NorenUp ↑