DIY Presentation Micro-Framework Press up and down keys to view example themes.
App Showcase with Grid Overlay オーバーレイするグリッドの超クールなデモ。 はじめてこういうのは見た気がしますが、なかなかクールなのでデモだけでも見ておくとよさそう。 見せ方として面白いデモになっていて、ソースも公開されているので応用してみると面白い物ができそう 有り物や流行りを使うだけではなく、こういう物を自分で考えて作れるデザイナーというのは価値が高そうですね 関連エントリ 垂直アイコンメニュー実装デモ&サンプルプログラム「Vertical Icon Menu」 ブラウザ上でまるで美術館。3Dイメージギャラリーデモ PayPalの読込中アイコンをCSSで実現したデモ フルスクリーンでページめくりをするUI実装デモ レスポンシブ&タッチフレンドリなWEBベースの音楽プレイヤー実装デモ これは新しい!パネルレイアウトが美しいスライドショー実装デモ 既にここまで
Perhaps after surfing through so dozens of web pages, one might find to be a little repetitive, you might wish to look for a new manner to present your new website, but on the other hand you want it to be something different, creative but not too complicated. Perhaps, we could suggest you to build something more responsive. In fact, the popular solution to all these problems would to install an in
Fully fluid, responsive CSS carousel ? CSS Wizardry?CSS, Web Standards, Typography, and Grids by Harry Roberts CSS3で実装された画像スライドショーサンプル。 簡単なマークアップとCSS3で画像のスライドショーが実現されています。 デモページ - CSS3ブラウザで確認してみてください それにしても、CSS3になってますます奥が深くなりましたね。組み合わせ次第で新しくて面白いこともできそうです。 関連エントリ CSS3のアニメーションサンプル47 テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」 CSS3を使った超カッコいいナビゲーション付きスライドショー実装例 jQueryとCSS3を使った3Dのフォトスタック実装例
Showing off the best content of your website or blog in a nice intuitive way will surely catch more eyeballs. Using an auto-playing content slider is the one of techniques to show your featured content. It saves you space and makes for a better user experience, and if you add a pinch of eye candy to it, then there’s no looking back. There are a few tutorials on creating featured content sliders li
全画面をスライドギャラリー風にするダイナミック なナビゲーションをjQueryを使って実装するサン プルです。透過処理が必要ですが、IE6、IE7の 両問題児でも問題なく動いてくれますので、実践 でもプロモーションなどに利用できるっぽいですね。 スライドするとロゴが平行してスライドする事で視差 効果も出しています。 クロスブラウザ対応なので使いどころも出て来るかもしれませんね。ダイナミックに動いてくれますのでプレゼンテーションやポートフォリオ、キャンペーンなどに使うのも面白そうです。 Awesome Scrolling Navigation 全画面がスライドします。背景に画像を指定しているのでテキストなんかも入れられるっぽいですね。試していませんけどこれは結構使えそうです。 動作確認していただくと分かるかと思いますが、左上のロゴ部分も微妙なスライドをして視差効果を出しています。 マークアッ
New Signature Labs | jCoverflip カバーフローっぽいUIが実現できるjQueryプラグイン「jCoverflip」。 次のようなカバーフローUIが比較的簡単に実現できるみたいです。 $(element).jcoverflip(); のようにして実装します。 HTMLは次のような感じで綺麗 <div id="flip"> <a href="http://newsignature.com" title="The first image"><img src="1.png"/></a> <a href="http://newsignature.com" title="A second image"><img src="2.png"/></a> <a href="http://newsignature.com" title="This is the descriptio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く