[JS]スクロールやスライド時に変化する背景に合わせてナビゲーションのテキストなどを最適なカラーにするスクリプト -BackgroundCheck
ユーザーのアクションで背景が変化するコンテンツ、例えば、複数のパネルを垂直に配置し、パネルごとに背景のカラーを変えているとか、スライダーの画像や写真に明るいカラーや暗いカラーが混在しているなど、そういった時にナビゲーションを暗いカラー、もしくは明るいカラー、どちらにしようか迷うことがありませんか？ 変化する背景のカラーに合わせて、指定したテキストやエレメントを最適なカラーに変更するスクリプトを紹介します。 BackgroundCheck BackgroundCheck -GitHub BackgroundCheckのデモ BackgroundCheckの使い方 BackgroundCheckのデモ デモは、スクリプトの基本性能、スクロール、スライドの3種類です。 Chrome, Safari, Firefoxなどモダンブラウザをはじめ、iPhone/iPadなどのiOS6/7でも動作します
Movable Typeでスマホサイト用トップページをPCサイト用トップページと異なるURLにする方法
Movable Typeでスマホ用トップページのURLに、PCサイトと異なるURLを設定する方法を紹介します。 １．サイトパスがドメイン直下の場合 例えば、サイトパスがドメイン直下、 http://user-domain/ となっている状態でスマホ用のトップページのURLを http://user-domain/i/ としたい場合、スマホ用トップページ（インデックステンプレート）の出力ファイル名を次のように設定します。 ファイル名にパスを設定することで、再構築時に「i」というパスを自動生成し、その直下にindex.htmlを出力します。 ２．サイトパスがサブディレクトリの場合 サイトパスがサブディレクトリ、 http://user-domain/blog/ になっていて、スマホ用のパスを http://user-domain/i/blog/ と、サブディレクトリの間に挿入したい場合もあると
[JS]ダイナミックなアニメーションでレイアウトを変更するスクリプト -Isotope
Demo: images IsotopeにはimagesLoadedプラグインも含まれており、画像のロードにコールバック関数を利用できます。 Isotopeの特徴 レイアウト モード： CSSだけではできない、インテリジェントでダイナミックなレイアウトを実現します。 フィルタリング： jQueryのセレクタを使用して、簡単にエレメントのフィルタリングが行えます。 ソート： あらゆるデータからソートが行えます。 各機能の互換性： レイアウトモード、フィルタリング、ソートの各機能は一緒に利用することができます。 最適化： Isotopeのアニメーションエンジンは、表示しているブラウザごとに最適なものを使用します。例えば、CSS3 transitons, transformsなどで、これらに非対応なブラウザ（IEなど）は、JavaScriptでアニメーションを実現します。 Isotopeの実装
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
