(141) CSSで虹色文字にする。
1. やりたいこと 文字色をグラデーションさせたい。 画像を用意せず、CSSだけでこれを実現したい。 2. やってみる (1) シンプルに赤→青 (0度) 文字の下側の矩形領域は、文字背景に使っているグラデーションを確認… 続きを読む »
1. やりたいこと 文字色をグラデーションさせたい。 画像を用意せず、CSSだけでこれを実現したい。 2. やってみる (1) シンプルに赤→青 (0度) 文字の下側の矩形領域は、文字背景に使っているグラデーションを確認… 続きを読む »
1. やりたいこと text-decoration: underline で下線を引くときに 下線の太さ と 文字から下線までの距離 を自由に変えたい。 2. やってみる 簡単だった。 3. 参考情報 こちらのサイトには… 続きを読む »
1. やりたいこと formの配下、テキスト入力用の inputタグに入力候補が表示される。 これを抑制したい。 2. やってみる formタグの autocomplete 属性で指定する。 入力候補の表示を禁止したい場… 続きを読む »
1. やりたいこと JavaScriptのネイティブオブジェクトと JQueryのオブジェクトを双方向に変換したい。 2. やってみる (1) JavaScript native から JQuery へ (2) JQue… 続きを読む »
ToDo: 詳細は後日追記する。 1. 問題発生 作成中のページをスマホで見ていたら 意図せず水平スクロールしてしまった! 原因を探ると… どうやら、長いURL文字列がブロック要素の右端を突き抜けて、親要素の… 続きを読む »
1. 問題発生 divタグを上下に並べて書いた。 上側の divは白い背景で、中に画像を置いた。 下側の divは黒い背景だ。 すると… 両者の間に 謎の余白が出現してしまった… この余白を消した… 続きを読む »
1. やりたいこと コールバック関数に独自のパラメータを渡したい。 2. やってみる イベントハンドラの登録時に、任意のパラメーターを JSON形式で付加することができる。 まずは手順だけ記録しておく。 後日詳細を追記す… 続きを読む »
やりたいこと 画面上に子画面をポップアップ表示することがしばしばある。 ポップアップ画面の表示内容が多くなると、ポップアップ画面をスクロールさせたりする。 その時に… ポップアップ画面の背面にある要素はスクロ… 続きを読む »
1. やりたいこと 指定した要素を横方向にアニメーション移動させたい。 2. やってみる トリガーとなるイベント発生時に、以下のように animate 関数を実行すればよい。
1. やりたいこと ページ内リンクを押下時、ページ内移動をスムーズに見せたい。 2. やってみる HTML JavaScript 3. 参考情報 ・elem.offset()は、document (=最上位の親要素)を原… 続きを読む »