Author Marten Claridge

Codename: The Seeker


mcseeker2

If you've been looking under chairs and tables, trying to find the key to the pop-up searchbar fable... then your search is over. The Seeker is here. And it'll help you find what you're after. With style.

The Seeker Animated Searchbar Snippet Pack and Workshop

Visit The Seeker's dedicated website where you can learn how to easily create your own animated searchbars and incorporate them into your RapidWeaver projects. In the Workshop you will learn how to:

  • Work with Snippets
  • Create Your Own Snippets
  • Combine HTML, CSS and jQuery
  • Move your parts with Fresh Me's Move Parts Snippet
  • Enhance Your Seeker Searchbar with RapidSearch
  • Easily Create Your Own Animated Searchbars

Download the Seeker Project Pack and use the included Photoshop templates to create and customise your own searchbar styles, or choose from more than fifty ready-to-use styles. The Snippet Pack contains:

  • 1 Searchbar jQuery Header Snippet
  • 1 Searchbar HTML Snippet
  • 1 Searchbar HTML (RapidSearch) Snippet
  • 1 Fresh Me Move Parts Snippet
  • 1 Searchbar CSS Snippet
  • 58 Search Icons
  • 3 Search Icon PSDs
  • 50 Searchbar PNGs
  • 3 Searchbar PSDs
  • 1 RapidSearch 3 Demo Plugin
  • 1 RapidWeaver Project File
  • 1 Tutorial URL

So here it is, RapidWeaver Central's first workshop. Have fun.

A Parallax Universe


Here's a something I've been playing around with recently. It's a jQuery effect called Parallax. After seeing it in action it didn't take me long to decide my Bad Bullet Day banner was just sitting there begging to be parallaxed. Of course the final effect doesn't really add anything to the site — except one more reason for IE users to curse the unrighteousness of an interweb that regularly conspires against them — but for me it is one more door of perception opening on a new jQuery dimension. If you fancy implementing Parallax in RapidWeaver then Tobias Vogel has written a tutorial here. Now of course I'm wondering if I can incorporate it in my experimental Bad Bullet Day website here...


header7_f


Animated jQuery Searchbar for Rapidweaver

There has been such a call lately for an animated pop-up searchbar for Rapidweaver — similar to the one used in the Realmac Forums — that I have assembled a team of top boffins to work on the research and development of a Tutorial and Snippet Pack to meet those desperate needs. Although Project Secret Animated jQuery Searchbar for Rapidweaver is still under wraps in the initial stages of testing, you can crawl under the canvas and take a sneak peek at its progress here. But don't tell anyone.

If you look under the hood you'll notice a few changes. Although my initial code was inspired by Elixir Graphic's elegant Float theme I have now rewritten it from scratch using Messrs Karl Swedberg and John Chaffer's Learning jQuery 1.3 as my mentor and guide. But guess what? I still can't make it work in IE6 and IE7. Should that be news? Not in this decade. Should I even try to make it work? I'll let the fickle finger of fate pick that particular nose.

You'll also notice that I've incorporated Tobias Vogel's incredibly potent Moveparts snippet, which is a simple Javascript you can use to move elements to different parts of the page. If you haven't experimented with this script, I urge you to do so now because even if it doesn't make you a better lover it will certainly make you think you are. Meanwhile I'm working on the graphics.