サイトに初めて来たユーザーには使い方を表示、リピーターには更新されたコンテンツを目立つように表示、などのようにユーザーの状況に応じてコンテンツをカスタマイズしたり、レイアウト変更ができるjQueryのプラグインを紹介します。 「ここまで読みましたね」マークをつけることもできます。
[JS]スクリプト初心者でも簡単！ユーザーの訪問状況ごとにコンテンツを変更するスクリプト -Aware.js
サイトに初めて来たユーザーには使い方を表示、リピーターには更新されたコンテンツを目立つように表示、などのようにユーザーの状況に応じてコンテンツをカスタマイズしたり、レイアウト変更ができるjQueryのプラグインを紹介します。 「ここまで読みましたね」マークをつけることもできます。
一発でレスポンシブルなデザインのチェックが可能になる「Responsivator」:phpspot開発日誌
Responsivator 一発でレスポンシブルなデザインのチェックが可能になる「Responsivator」。 幅を自分で調整しなくてもOK。開くとIFRAMEで複数パターンのWindowサイズでサイトを開いてくれます。 いろいろな方法があると思いますが、これはかなりお手軽でいいですね。 レスポンシブWEBデザインは今後必須のスキルというのは言うまでもありませんが、こうしたツールで楽にチェックを行いたいですね。 関連エントリ 最初からレスポンシブなCSSデザインのHTMLテンプレート３５ IFrame内もレスポンシブ対応にするjQueryプラグイン「ResponsiveIframes.js」 レスポンシブなレイアウトをON/OFFできるようにするJS「ReView」 レスポンシブなナビゲーションの見本やチュートリアル
カテゴリ別に見る、スマフォのアプリに使用されている気持ちのいいアニメーションのまとめ
気持ちのいいアニメーションは、スマフォのアプリには欠かせないと言ってもよいでしょう。 アニメーションはインターフェイスを設計する上で非常に重要で、4つのカテゴリに分けてユーザエクスペリエンスに欠かせないアニメーションを紹介します。 Great Animations Make Great Apps 下記は各ポイントを意訳したものです。 1. 知らせるアニメーション 2. 可能であることを伝えるアニメーション 3. あなたを歓迎するアニメーション 4. 楽しませるアニメーション 1. 知らせるアニメーション 最も単純なアニメーションの使い方で、ユーザーに知らせることを目的としたアニメーションです。これは多くのアプリケーションで使用されています。
スペースを有効に、jQueryでスクロールすれば現れるコンテンツ
このブログのように2カラムのレイアウトでメインコンテンツが長いと、スクロールしたときにサイドのスペースがなくなってしまいもったいないですよね。 サイドのコンテンツが終わった時点で固定されたコンテンツが現れたら無駄なくスペースを使えるのではないでしょうか。 ということで、サイドのコンテンツが終わったら固定されたコンテンツが現れるようにする方法を紹介します。 説明が下手で、イメージしにくい方もおられると思いますので、サンプルを用意しました。 イメージできましたでしょうか？ HTML 現れるボックスに何を表示するかによって中身も違ってくるので、とりあえず外枠だけ載せておきます。 <div id="fixed-box"> この中に表示したいコンテンツの内容を記述します。 </div> 挿入場所はサイドのコンテンツと同じ場所にします。 私は、はてブやツイートのボタン、ページ上部までスクロールするボタ
レスポンシブWebデザインに対応したjQueryスライドショープラグイン
RefineSlide / Camera | a free jQuery s... / CarouFredSel他...全7件
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
