Here are a few simple tricks to add some flavor to your typical bland images. Using Photoshop to style each image can be tedious and difficult to maintain in the long run. These following CSS techniques will help you ease that pain! If you have some of your own techniques, please share them! Drop Shadow Effect Add a drop shadow by using a background image with some padding. View Demo HTML <img cla

This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi

Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe

とか言っていても、もうしばらくはIE6の牙城が崩れないだろうから、なんとかIE6抹殺以外の解決方法を探してみたいと思います。 解決法その２：PNGを使わない はい。出ました。またもや何の解決にもならない方法。 まあ大体は透過PNGなんか使わなくてもサイトは構築出来るんですが、たまーに、ヘッダの背景とかがコンテンツによって変化して、左上のロゴマークは不動。なので透過PNGだと楽。とかいう場合がありますし、画像の上に透過PNGのメニューボタンおいて、それをロールオーバーさせたい、なんてことも、まあこれからは色々あるのではないでしょうか？ じゃあ、JavaScriptを使ってみる。 まず、透過PNGそのものをIE6で正しく表示出来ないので、それをクリアする必要があります。 iepngfix.js iepngfix.js という有名なjsがありますので、まず前提としてこちらを使用します。 このソー

販売、仕入、在庫、輸入、経理、手形 基幹システム OSやブラウザに依存しない操作性・視認性の高いシステムへ刷新　ユーザー要望への対応や経営判断の迅速化を目指す。 導入背景 Windows XPのサポート切れに伴い、IE6上で動作する基幹システムをWindows Vista以降のOSに切り替える必要があった 新しい端末やタブレットなども視野に入れて基盤を作る必要があった 経営判断を迅速にする環境や、ユーザーにとって旧システム以上の視認性や操作性の高いシステムを実現する必要があった 導入効果 旧システムのOracle Developer、PL/SQL部分を流用し、クライアント部分をノンブラウザ型Curlで実行することで、OSやブラウザに依存しないシステムを実現 ファンクションキーやショートカットキーなど旧システムと同様の操作性を実現しつつ、様々なディスプレイサイズへの対応やタブレット操作にも対

How to use it ? Step zero: Download it. To download it, go to the download page. Once you've got the files, come back here. First step: Install it. Just insert those lines of code in the header of your html files: Include those lines in your header: <script src="scripts/mootools.v1.11.js" type="text/javascript"></script> <script src="scripts/jd.gallery.js" type="text/javascript"></script

Example 1 This example shows the layer appears on top or bottom. Lorem ipsum dolor Consectetuer adipiscing elit. Donec eu massa vitae arcu laoreet aliquet. Praesent Maecenas est erat, aliquam a, ornare eu, pretium nec, pede. In hac habitasse Quisque ipsum est, fermentum quis, sodales nec, consectetuer sed, quam. Nulla feugiat lacinia odio. Fusce rhoncus Praesent pellentesque nibh sed nibh. Sed ac

16 26 08 2007 Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編 jQuery, Samples, Ajax 海外のjQueryを使ったAjaxサンプル集に日本語の紹介文をつけた記事 Effects Ajaxエフェクト集 要素の出現・消滅など全62種類のAjaxエフェクトサンプル Test new animate function 要素のAjaxアニメーションジェネレーター Use new functions stop, stopAll and pause to clear queue and stop flickering Ajaxでディレイ(遅延)を設定できるツールチップを表示サンプル Draggables | Droppables Ajaxでドロップ＆ドラッグ出来るサンプル10種類 Sortables list

About Again another image gallery. Click on the images bellow to see it in action. Download spacegallery.zip (205 kb): jQuery, Javscript files, CSS files, images, examples and instructions. Changelog 09.01.2008 The first release release. Implement Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme. Important: be

As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility. Interactive solutions for lightboxes, form validation, navigation, upload, auto-complete, image cropping, slideshows, tool tips, sliders and tables are being developed that use nifty JavaScript and AJAX scripts. Wh

HOLA! envero es un estudio de diseño y desarrollo web establecido en la provincia de Mendoza en la República Argentina, con una extensa trayectoria desarrollando sitios web para el ámbito local e internacional. Ponemos a su disposición toda nuestra experiencia en diseño y desarrollo web para definir el alcance de su proyecto y sus características óptimas. ESCUCHAMOS Y ASESORAMOS Ponemos a su dispo

jQuery Page Peel 1.2.1 - One step further Demos If you haven't seen it by now, check out the upper right corner of this page, or check out the new page peel in the bottom left of this box! Now, the one contained inside of the box has its limitations. You have to have enough room to display the full page out (this one's set up as 500x500). Also, I've set the bottom padding of this box to 105px so I

This domain may be for sale!