知的?自己流?普利伊待夢な育児ブログ

主に子育て日記。パソコン関連はソフト紹介や備忘録。
美容/健康・ベビー/マタニティに関する商品も紹介中。

cssc cssc cssc
--/--/--  Post at Diskenth
Category スポンサー広告 Tags
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2009/12/28  Post at Diskenth
Category JavaScript Tags CSS Tips カスタマイズ
複数のパネルを順番に表示するウィザード形式のコンテンツを実装するJavaScript「Smart Wizard」を紹介したいと思います。インストールとかに良くある「次へ」「次へ」「完了」みたいなモノをWEBページ内に実装するようなイメージです。サンプルキャプチャは以下の通りです。
SmartWizard_sample.png

実際に動作するデモは以下をご覧ください。
Smart Wizard Demo

実装やTipsなどについては続きを参照ください。
スポンサーサイト
2009/12/27  Post at Diskenth
Category html / css Tags Tips CSS カスタマイズ
CSSだけで実装したパララックス(視差)効果を発見しましたので、紹介したいと思います。JavaScriptやFlashをまったく利用せずにhtml/cssだけで実装しているのが驚きです。というか、CSSでこんなことができるなんて知りもしませんでした。

実際に動くものを見ていただければ凄さがわかります。
CSS 3D Meninas

上記ページにアクセスし、メイン画像の上にマウスを置いて左右にカーソルを移動してみてください。背景が実際に動きますので驚きです。
2009/12/19  Post at Diskenth
Category JavaScript Tags CSS Tips カスタマイズ
デザインも綺麗かつ、ユーザビリティに配慮して大量のサブメニュー項目を掲載するドロップダウン型のナビゲーションを実装するCSSとJavaScriptのTipsを紹介したいと思います。
グローバルナビゲーションにマウスを乗せると、サブメニューが存在する場合、展開することは良く見かけるかと思います。それの項目が多い場合の綺麗に見せる方法になります。

サンプル画像とDemoは以下の通りです。
MegaDropDownMenus.png

Demoサイト

実装方法など詳細は続きをご覧ください。
2009/11/13  Post at Diskenth
Category JavaScript Tags CSS Tips カスタマイズ
画像などを配置したパネルをアニメーションでスライドする、シンプルなカルーセルを実装するJavaScriptを紹介したいと思います。非常にシンプルで、html/css/JavaScriptを加えるだけですぐに活用することができます。

サンプルは以下のような感じです。
InfiniteCarousel.png

実際に動くDemoサイトはこちら。
Demoサイト

実装手順などの詳細は続きへ。
2009/11/09  Post at Diskenth
Category JavaScript Tags CSS Tips カスタマイズ
ナビゲーションなどによく使用される、CSSスプライトにアニメーション効果を加えて簡単にセットアップできるAutoSpritesというスクリプトを、紹介したいと思います。
サンプルは以下のような感じです。
Demoサイト

AutoSprites.png

何かゆっくりと色が変化するようなイメージです。
実装手順については続き。
Profile

Diskenth

Author:Diskenth

はじめまして。Diskenthです。
30代のしがないリーマンですw
詳しくは ... 自己紹介 »

Archives
Categorise
Comments

Trackbacks
Links

MyBlog Links

Friend Links

Favorite Links

AffiFrend Links

Software | Material Links

Tips | Customize Links

Affiliate Links

Access Up Links

このブログをリンクに追加する

Ad Rakuten

Ad Micro

マイクロアドBTパートナーでおこづかいゲット!

Ad Sense

Ad Trend Match

Ad Adgger

アフィリエイト

ウェルカムボード

大阪 出張マッサージ 鍼灸 神戸 心理カウンセラー 福岡 Gree 広告 DM 制作 ダイレクトメール 代行 ダイレクトメール 発送代行 ショッピング枠現金化 リサイクルショップ 大阪

AccessUp Parts

キーワードアドバイス
ツールプラス

PING送信プラスSEO対策

RSS | Parts

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。