iframe の高さを動的に設定し親画面でスクロールバーを表示させなくする方法

iframe で読み込んだ子ページが動的に高さの変わるページであった場合、読込み元の html で高さを設定してあげることは難しいです。最大サイズに合わせると余白が余ってしまうし、それより小さくすると……

続きを見る

JavaScript で指定したテキストをクリップボードへコピーする方法

Internet Explorer (以下、IE) 以外のブラウザで、JavaScript からクリップボードへコピーさせるのが難しかったため、以前は Flash を経由させたライブラリ zerocl……

続きを見る

CSS で画像を丸く表示する方法

2016/01/29 HTML・CSS

ブログのアイキャッチ画像や記事の一覧リストの画像が丸くなっているサイトを見掛けることがあると思います。わざわざ画像を丸く切り取っているかと思いがちですが、CSS で簡単に実装することができます。 ……

続きを見る

CSS 隣接セレクタ 直下セレクタ 間接セレクタの使い方を理解しよう

2016/01/27 HTML・CSS

スタイルシートで画面デザインをしていると、ある特別な条件に限ってスタイルを指定したいことがあります。無理矢理その条件に対してクラス設定をして強制的にスタイルを噛ませることが多々ありましたが、ソースコー……

続きを見る

jQuery で右クリックのイベントを禁止する方法

Web サイトを構築していると、コンテキストメニューを表示させたくない場面がいくつが出てきます。例えば以下のようなケースが挙げられるでしょう。戻る、進むを利用させたくない 再読み込みをさ……

続きを見る

RSS アイコンを HTML と CSS で作成する方法

2016/01/19 HTML・CSS
,

ハンバーガーメニューのアイコン作成に続いて、RSS アイコンも HTML と CSS で実装してみます。こちらについてはあまり需要が無いかもしれませんが、僕の趣味の範囲の延長ということで、お付……

続きを見る

メニューの三本線「ハンバーガーメニュー」を HTML と CSS だけで実装する方法

2016/01/18 HTML・CSS
,

スマホでサイト閲覧している時によく見掛けるメニューの横にある三本線、ハンバーガーメニューと呼ばれ、場所を取らずシンプルにメニューが表示されるものであることを示すことができる、横幅の短い画面に最……

続きを見る

JavaScript で数値を3桁カンマ区切りにする方法

桁数の多い金額入力項目等、テキスト欄に数値を入れてフォーカスが外れたタイミングで見やすいようにカンマ区切り表示をして欲しいといった要望が時々あります。データ登録をする際にはカンマを外さなければいけない……

続きを見る

CSS で HTML 内の画像やテキストを中央寄せにする方法

2015/12/24 HTML・CSS
,

画像ファイルの img タグはインライン要素、そしてテキストを囲う段落を表す p タグはブロック要素です。テキストを装飾するための span タグや strong タグ、リンクの a タグはインライン……

続きを見る

jQuery でテキストボックスの書き換え/取得/追記/削除を行う方法

2015/10/08 jQuery 基本

テキストボックス内の value 値を変更したり取得や削除を行う処理は、jQuery の中でも基本的な操作となります。今回は様々な処理パターンを例に挙げ、テキストボックスに対する操作を jQuery ……

続きを見る

Name :
ダッフィーと jQuery が大好きなエンジニアです。リュックから顔を出しているのは、うちの「まさお」です。(笑)
まさおのブログ→「まさおです!

PAGE TOP ↑