OTHER 2011年6月12日
supersizedでちょこっと改変

sunnygoydesignのトップページですが、
http://www.sunnyboydesign.com/

supersizedというjQueryプラグインを使い、
全面の背景画像をウィンドウサイズに合わせて可変、
かつフェードインアウトをしてしまうという、
改変しました。

FLASHなしで、こんなのやりたかった〜というのが
やっと出来ました。

いつも、こういうプラグインの恩恵をあずかっていますが、
作る人はすごいなぁと思うばかりです。。。

●配信元(参考サイト)
http://www.buildinternet.com/project/supersized/

Tags:
Category:OTHER  : Comments(2)


DIARYOTHER 2011年2月23日
yuga.js

を恥ずかしながら、今更知りました。
とても便利!

マウスオーバーの時など、
onmouseover…..などつらつら書かなくていいのと、
img要素のclass属性にbtnを設定するだけというお手軽感が
感動を覚えました。

あとは、
gazou_on.jpg
マウスオンする画像(_on)
を用意するだけらしいです。

●リンクmemo
http://javascript.webcreativepark.net/library/yuga

Tags:
Category:DIARYOTHER  : Comments(0)


OTHER 2011年2月20日
Fluid Grid Layout 可変グリッドレイアウト

の作り方を調べています。
難しい…
簡単そうで、意外に作ってみるとできない…

jQueryを使ってできるみたいですね。

●リンクmemo
http://blog.creativityden.com/fluid-grid-using-jquery/
http://fukasawa777.blog.so-net.ne.jp/2009-11-22
http://blog.xlune.com/2009/09/jqueryvgrid.html
http://kachibito.net/web-design/grid-layout.html
http://labs.adesignare.com/ajax_js/fluid_grid/

–2011.09.04追記–
可変グリッドレイアウトのプラグイン(Xluneさんのページで紹介していたjs)
jquery.vgrid.0.1.6.min.js
jquery.vgrid.0.1.6.js

(配信元)
http://blog.xlune.com/2009/09/jqueryvgrid.html

demo4のサンプルソースを利用・参考にさせていただき、作ってみました。
●フライヤーフリーポケット
http://f-freepocket.com/

Tags:
Category:OTHER  : Comments(0)