Google Powered Site Search with jQuery Martin Angelov By far one of the most requested features by Tutorialzine’s readers, is building a site-wide search. One way to do it, is to build it yourself from the ground up. Another way is to use the services of the one search engine that already knows everything about everyone. Important update (October 2014): Google has canceled the API that this search engine uses, so this script will no longer work. The HTML Lets start with the HTML markup. search.html <! In the body section, we have the main container element – the #page div. Inside the form is the text input box, after which comes the radio group for searching on the current site / the web, and the four search type icons, organized as an unordered list. Google Powered Site Search The CSS The CSS styles reside in styles.css. styles.css – Part 1 As mentioned above, the form’s functions are not limited to only submitting data, but also to act as a regular container element. styles.css – Part 2 styles.css – Part 3 The jQuery Conclusion
jPreLoader | A Preloading Screen to Preload Images jPreLoader | A Preloading Screen to Preload Images Plugin updated: New version of jPreLoader launched with new features like auto exit, one time preload and some bugs fixed. See change log for more details. Howdy, all! Today I would like to share with you a brand new jQuery plugin, called jPreLoader. jPreLoader can create a preloading screen for your website before all your images (including the images in CSS) are fully loaded. It will come in handy when you wish to preload all the images on your page before exposed to user. Well, you can also create a Splash Screen during preloading process to introduce your products, or describe about your page, or show the instructions of gameplay as well as put an advertisement during the waiting time of your user. jPreLoader works well with jQuery 1.7.1 (others haven’t tested yet) and compatible with IE7 and above, Chrome, Firefox and Safari. This idea is inspired by Gaya’s cool “QueryLoader2” plugin which able to preload your website in style. 1. 2.
liteAccordion v2 | Freelance Front End Developer London I’ve been promising to release liteAccordion v2 for ages, but I’ve been snowed under with client work as of late. Last night I finally found the time to complete the last few bits and pieces that I wanted to finish before release. Plugin Home Page: Version 2.2 (21/01/13) Development status: on indefinite hiatus After this update, I do not plan to continue developing this plugin. New in liteAccordion v2 Methods: liteAccordion now has play, stop, trigger next slide, trigger previous slide, destroy and debug methods. Mouseover activationSlides can now be activated onmouseover. Custom easingThe plugin now supports custom easing functions (easeOutBounce is one of my favourites ) using George McGinley Smith’s jQuery Easing plugin. Linkable slidesYou can now link to individual slides by assigning a name to a slide in your html, and setting the ‘linkable’ option to true.