CSS3を使ったオンマウスで吹き出しが現れるサンプル 1. 上から降ってくる Home Twitter Facebook RSS Setting 2. 下から現れる1 Home Twitter Facebook RSS Setting 3. 下から現れる2 Home Twitter Facebook RSS Setting 4. 回転して現れる1 Home Twitter Facebook RSS Setting 5. 回転して現れる2 Home Twitter Facebook RSS Setting

フクガンRSS フクガンRSSはブログの「記事タイトル」と「本文中の画像」を取得し、一覧表示できるブログパーツです。複数のブログから、単一のブログから、それぞれ取得できます。アカウントの作成も不要。自由度が高く、かなり思い通りのレイアウトで表示する事が可能なのが最大の魅力です。 このサイト内に新しい解説ページあり ※サイト内にさらに新しいページがあります(コード取得方法あり) RSSから画像をサムネイル化するブログパーツ「複眼RSS」がパワーアップ。400ページ分のサムネイル表示可能に 以下、フクガンRSSがリリースされた直後の情報です。資料としてお読みください。 RSS情報を取得し、こんな風に表示されます。 ▲これはダミー画像です。 2ｘ3個、画像は130ｘ100とかも可能。 こんな風にRSS情報からブログ記事を写真リンクで表示出来ます。 サイトへ飛ぶと、ページ上部に各種RSSサンプルが

Ladda ボタンに直接ローディングアニメーションを付けられる「Ladda」。 ボタンを押すとボタンに回転するアニメーションが付与され、そのまま結果をまつ、というような分かりやすいUIが実現可能です 文字＋ボタンを円形のボタンにして背景をグレーにしたり、そのボタン自体をプログレスバーにしてしまうなど、面白いデモが詰まっていますので一度是非試してみて下さい 色々なUIのデザインの仕方があるなぁという関心をしてしまいますね 関連エントリ 範囲指定が可能になるUI実装jQueryプラグイン「noUiSlider」 １ページ内で複数ページに分割できるjQueryプラグイン「windows」 エレメントを立体的に回転させられるjQueryプラグイン「Vortex」 レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」 リアルなア

$('.gallery').stripe(); You have a gallery of images, and you are tired of the same old gallery plug-ins, you want something that reminds you of a shredder, well that is this. Things to note: The height of the gallery is determined by the height of the smallest image. The images are proportionately down scaled to fit, and preserve image quality. You can use a combination of portrait and landscape

Fixed Background Scrolling Layout | Codrops 不思議な間隔に陥る背景をスクロールするレイアウトデモ。 パララックスのようでパララックスではなく単に背景画像だけをスクローリングさせて面白い効果を演出できています デモページ ブラウザの進化で表現方法がどんどん広がりますね 関連エントリ ドラッグ＆ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」 画像のレイアウトに使えるjQueryプラグイン「jQuery Photoset Grid」 テキストを新聞風のレイアウトにできるjQueryプラグイン「Columnizer」 CSSレイアウトをWEB上でサクッと作れる「PageBlox」 アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」

windows １ページ内で複数ページに分割できるjQueryプラグイン「windows」 <section>で区切ったブロックをフルスクリーンのスライドに分割してくれます。 スクロールでページを切替えますが、中途半端なスクロール位置になると自動補正をかけてくれます キーボードショートカットなんかが入るともっと便利だと思いました。 関連エントリ 一枚の画像を高速にスライドさせてアニメーション表示する「JZoopraxiscope」 Youtube動画とSlideshareのスライドを同期して再生できる「Presentz」

Re:designのサイトで設置した、jQueryを使用してページ遷移時にフェードイン・フェードアウトさせる方法 //インラインCSSで#wrapper{display;block;}を追加 $(‘head’).append(‘<style type=”text/css”>#wrapper{display;none;}</style>’); $(function(){ //読み込み時にフェードイン $(‘#wrapper’).fadeIn(1000); //aタグクリック時にフェードアウト実行 $(‘#navi a, a.windowFade’).click(function(){ var url = $(this).attr(“href”); $(‘#wrapper’).animate({“opacity”:0},1000,function(){ location.href = url;

Fullscreen Pageflip Layout with BookBlock フルスクリーンでページめくりをするUI実装デモ。 なかなかいい感じのインタフェースのデモとサンプルのダウンロードが可能。 ページめくり部分はjQuery+CSSで実装されており再利用ができそう ページ全体をめくるというのもなかなかいい、と感じるデモでした。 完成度が高いのでそのままサイトに移植してもよさそうですね 関連エントリ ページめくりを実現するためのjQueryプラグイン集 Flipboardみたくページめくりを実現できるjQueryプラグイン「BookBlock」 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 美しいページめくり効果が作れるjQueryプラグイン「Flippy」

【bxslider】レスポンシブデザイン対応版の記事はこちら アップデートによりレスポンシブデザイン対応版に変更されていましたので、改めてメモとして記事にまとめております。CSS3のアニメーションを組み込んでスライドがさらにスムーズな動作になっています。※レスポンシブ版の方はイージングの選択の幅が狭い事やIE6が非対応だったり等、若干の癖がありますので、こちらで記事化したバージョンと使い分ける事をオススメします。 設置方法 > DEMO > DOWLOAD 設置方法も非常にシンプルです。プラグインを読み込みdivやliの階層を書くだけ。 プラグインのダウンロードは本家サイトより行えます。 <script src="js/jquery.1.X.X.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src

公海555000kk线路检测—首页（欢迎您） 404! Page is Not Found ! 返回首页 XML 地图 | Sitemap 地图

スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」 2012年09月10日- stickyMojo contained fixed position sticky sidebar jquery plugin スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」。 一昔まえだとスクロールする度にアニメーションして酔ってしまうようなナビゲーションが通常でしたが、FacebookのPC版右カラムのようにposition:fixedをうまく使ってページに固定されるナビゲーションを簡単に実装できます。 スクロール位置に応じてナビゲーションを固定するため、シームレスに固定されるのが特徴。 ページを開いた所 ページをスクロールした所。ページの左上に常に固定されるので、途中で移動し

5 plugins em jQuery para imagens em 360 | Wallace Erick | Desenvolvedor Front-End プロダクト画像を360度回転させられるようにするjQueryプラグイン５つがまとまっています。 ショッピングサイトでたまにみかける、マウスドラッグで回転する製品画像。これをjQueryプラグインによって簡単に実現することが出来ますが、更に５つのjQueryプラグインから自分にあったものを選ぶ際の参考に出来ます。 回転だけでなくズームできるものもあったり、多機能であったり、IEにも対応していたりとそれぞれ特徴があります オンラインショッピングのマイナス面を解消しようと生まれたこういう機能。 実際にやるとなると画像を効率良くいかに撮るかという部分が課題であったりしますが、画像さえあれば実装は簡単にできそうですね。 関連エントリ タイ

iView v2.0 超カッコいいスライドショーを実装できる「iView v2.0」。 コントロールのデザイン等が良い感じで画像を切り替える際のエフェクトも色々選べるスライドショーです。 レスポンシブにも対応しています 関連エントリ 超シンプルなFlickr画像のスライドショーライブラリ「Flickrshow」 これは新しい!パネルレイアウトが美しいスライドショー実装デモ CSS3のみでクロスフェードするワイルドなスライドショー