javascript

やりたいこと：Drupalのブロックシステムにある「ハイライトされ」エリアにTwitterなどのフォローボタンを配置します サイトSEO一環として、Twitter、Facebookなどのフォローボタンを設置したいです 配置場所としてページのトップにある「ハイライトされ」エリアにしたいです 問題点：テーマ（Bootstrap）のjumbotron、...

問題点：Views Bootstrapのブレイクポイント設定が乏しい、Bootstrapの機能を完全活かすことができない Drupalのバージョン：7.54 Views Boostrap:7.x-3.1 Views Bootstrapの設定画面（Home » Administration » Structure » Views 例：Article）...

問題点：Bootstrap導入後にモジュール（Better Exporsed Filters）のレイアウトが崩れました Drupal：7.53 Views：7.x-3.14 Better Exporsed Filters:7.x-3.4 モジュールViewsのExposed Filterがよく利用されると思います。特により機能良いBetter Exposed...

やりたいこと：画面サイズが変更（PC、スマホなど全デバイスの画面対応）時にposition:absolute要素の上下ポジションを保持したい サイトの個人紹介ページに個人写真が背景イメージの上に載せする手法がよく利用されます 方法としては、cssで人の顔写真のプロパティ：position:absolute; top:200px などえ設定すればよいです...

マウスオーバー：イメージのズームイン＋マウスクリック：イメージのズームアウト マウスオーバー、クリック時のイメージのズームアウト、インの効果を作成したいです 実現：ｃｓｓ＋jQueryで作成します       イメージのズームイン/アウトのcss（animationの使用）定義 ....

やりたいこと：ページがロード/スクロール時に、コンテンツがブラウザに次から次への流れ込むようなアニメ効果 ホームページがロード、またはスクロール時にコンテンツが一定な間隔で次から次へ流れ込むアニメ効果が比較的にコンテンツを強調しやすいです。 簡単なサンプルを作成して、以下のような効果となります： &...

FractionSliderでは、一枚のSlideに複数の画像/テキストオブジェクトが一定の時間間隔で次々に流れ込んで、Flash動画のような高い表現力として知られています。 FractionSliderの本家：http://jacksbox.de/ デモページ：http://jacksbox.de/fractiondemos/example_slides....

Javascriptの関数を使用するとき、関数内の変数定義時に、演算子「this」をつけるか否かは少し迷う（例：var name ⇒ var this.name?）。関数自体だけで言えば、変数の前に「this」をつける（例：var this.name）と「ローカル変数」と言う。変数の前に「this」をつけず（例： var name）に、「グローバル変数」と言うが、当該関数がプロトタイプのcall...

JavaScriptのanimate関数を利用して、ｃｓｓのposition属性を利用して表示物体の移動先を指定する際に、「aboslute」指定し忘れると、物体の移動がうまくいかないことがある。その場合「margin」属性の設定で物体を移動させることが可能となる。 cssのleftとrightで物体移動先設定する場合にposition属性に「aboslute」...

Javascriptの「this」の参照先が基本的に呼出し主に指す オブジェクト、関数、入れ子関数（nested function）などの状況で見ると、いろいろな違う現象が現れ、「this」への理解が少し難しくて、いろいろな例を読んで理解したほうが良いと思う。 ここで入れ子関数（nested function）内の「this」の参照先を見て、呼び出し方より「this」...