malihu

Cursor following menu

malihu — Sat, 11 Dec 2010 16:28:42 +0000

A website navigation menu that follows the cursor, created with the jQuery framework and CSS that’s easy to implement and configure. DEMO DOWNLOAD The idea behind the script was to create a floating navigation that follows the moving cursor throughout the page. The goal was to make the menu itself as minimal as possible with [...]

Resize flash dynamically with javascript and actionscript

malihu — Sun, 24 Oct 2010 16:28:18 +0000

A simple and efficient way of dynamically resizing flash embedded objects with javascript and actionscript. DEMO DOWNLOAD Ever wanted to change the dimensions of a flash movie on-the-fly without refreshing the page? If yes, read on! The idea is to wrap your flash movie within a div and embed it with swfobject making its width [...]

Style-my-tooltips jQuery plugin

malihu — Sun, 26 Sep 2010 04:07:28 +0000

A simple jQuery plugin to better style native browser tooltips. Small in size (3kb unminified) script to enhance the look of tooltips. It works just like browser’s native tooltips with few options and styling via CSS. By default, the script applies to any element with a “title” attribute like links, paragraphs, images etc. but you [...]

SIDEWAYS – jQuery fullscreen image gallery

malihu — Sun, 12 Sep 2010 16:25:28 +0000

A simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS. DEMO DEMO 2 DOWNLOAD SIDEWAYS image gallery is made by implementation of some previous scripts/tutorials posted on this blog and some (minor) CSS3. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing by George McGinley Smith and Brandon [...]

Simple jQuery fullscreen image gallery

malihu — Wed, 08 Sep 2010 15:58:43 +0000

A fullscreen image gallery made with jQuery and CSS. DEMO DOWNLOAD Simple and elegant image gallery made by a combination of some previous scripts/tutorials posted on this blog. As of 23/01/2011 the gallery features next/previous image functionality via buttons and keyboard arrows. Thumbnails scrolling function has been optimized significantly. The demo and .zip files are [...]

How to use @font-face

malihu — Sun, 05 Sep 2010 15:16:58 +0000

A quick guide on how to use CSS @font-face in order to get custom fonts on any web page. DEMO DOWNLOAD Firstly, you’ll need to find a nice-free font in order to use it on your web page. Graublau Sans Web by Georg Seifert is a perfect font for our example since it’s free and [...]

Flash image slideshow

malihu — Sun, 05 Sep 2010 11:05:14 +0000

A highly customizable, xml-driven dynamic flash slideshow/banner rotator with simple navigation and auto-play feature. DEMO DOWNLOAD Very easy to customize via SWFObject variables and XML attributes. Features include: Set slideshow dimensions via CSS without editing the .fla file) Set the directory of the images and XML file through swfobject variable Set transition types, time, speed [...]

Flash background with html content

malihu — Sun, 29 Aug 2010 15:37:59 +0000

Set a flash fullscreen background with html content on top and customize it within html via SWFObject variables. DEMO DOWNLOAD Why a flash background? Because we can and cause all those cool things flash does. The code Load the SWFObject that’ll embed the flash straight from Google <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"></script> The css with some custom [...]

Simple navigation with CSS3 and jQuery

malihu — Sun, 29 Aug 2010 12:01:13 +0000

A simple navigation menu built with CSS3 and the jQuery UI. DEMO DEMO WITH SELECTED STATE DOWNLOAD As of 27/10/2011 the script features an optional selected state for menu options (as requested by some users). Also the code itself is much shorter and a bit more optimized. The demo and .zip files are updated. The [...]

FluidGrid Flash image Gallery

malihu — Fri, 06 Aug 2010 15:43:07 +0000

A dynamic Flash-xml driven image gallery, fully customizable through javascript variables within the html. DEMO DOWNLOAD Main features XML driven Configurable via the html document Multiple galleries Title and description for each image Dynamic texts (footer) All colors are configured via the html document Preloaders for each image and thumbnail Uses SWFObject to embed flash [...]