Sunday, November 4, 2007

PopBox Moving and Resizing Images – Easy, Simple, Dynamic

PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page. Javascript? Yes – I know it’s nothing new and that you’ve been able to move and resize things in Javascript for years, but only now is there a prepackaged solution that makes it as easy as 3 lines of HTML without knowing a lick about positioning!

If your web site has a thumbnail image gallery then you need PopBox!

Main Features

  • Ridiculously simple to use.
  • Does not navigate away from the page or create separate windows.
  • Does not require any special browser plug-ins. 100% script and CSS solution.
  • Includes a multi-line caption capability that dynamically sizes to fit.
  • Allows for a different image to be used for the thumbnail and Popped images – on page load or on image click.
  • Can display a user-defined text message across the top of the image on page load on the thumbnail image.
  • Can display a user-defined text message across the top of the image after it has been popped.

Saturday, August 18, 2007

ModalBox – Web 2.0-style Modal Dialogs and Wizards

What is ModalBox?

ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It’s inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing bigger versions of images.

ModalBox is built with pure JavaScript and is based on Sam Stephenson’s excellent Prototype JavaScript Framework, script.aculo.us and valid XHTML/CSS. ModalBox uses AJAX to load content.

ModalBox technique is still in development. Believe me it is wonderful.

Friday, June 1, 2007

HTML and CSS Help Sheets

All designers or let me be specific web designers some times need a quick HTML or CSS reference of certain tags, css syntax and we wonder the web looking for the help. Here is two Help Sheets from Liquidicity in PDF which is quite handy.
HTML Help Sheet
CSS Help Sheet

Follow Me

Behance Delicious DeviantART Google LinkedIn Pinterest RSS

Subscribe by Email

Enter your email address:

Sponsors

Twitter Updates

Friends