知識・ノウハウ
【保存版】江戸幕府 歴代将軍一覧と簡単な解説付きまとめ
HTML・CSS
HTML・CSS 【CSS】jQueryで切り替えるシンプルデザインのタブ装飾で下線を表示しないように工夫してみた
切り替えたときにどうやって「タブの下の線」を消せばよいのか試行錯誤した結果を備忘録としてポストします。
HTML・CSS 【CSS】ラジオボタンの背景色を選択肢によって変更する方法
今までも何度か登場していますが、ラジオボタンの背景色。今回は、選択肢によって色を変えれば見やすくなると思ったのでそれに対応したものの備忘録です。
HTML・CSS 【HTML】a要素（aタグ）で電話発信用リンクを設定する方法
a要素の href 属性に電話番号を設定するだけでスマートフォンで電話発信用のリンクを作成することが可能です。その方法を備忘録としてポストします。
HTML・CSS 【JS】ハンバーガーメニューをjQueryとCSSで作成する方法
スマホ画面でも常時表示していたグローバルメニューを、ハンバーガーメニューをタップすれば表示し、再度タップすることで非表示にできないかと相談されたので、作ってみました。
HTML・CSS 【JS】スクロールしたら画面途中にあるグローバルナビを画面上部に固定する方法
トップページなどで、動画や画像コンテンツの下に配置してあったグローバルナビを、スクロールしたら画面上部に固定して表示するスクリプトを作成したので、備忘録を兼ねて紹介します。
HTML・CSS Font Awesomeのアイコン（WEBフォント）をフォームのボタンに使用する方法
WEBアイコンフォントで有名な「font-awesome」のアイコンを、をフォームのボタンに使用する方法を備忘録としてポストします。
HTML・CSS WEBアイコンフォントの font-awesome を背景として指定する方法
WEBアイコンフォントで有名な「font-awesome」のアイコンをh1などの標題で使う際、各ページの標題に埋めるのもメンテナンスが大変なので背景に出来ないかと思ったので、その方法を備忘録としてポストします。
HTML・CSS HTML5 videoタグで背景に動画を使ったページを作る方法
背景に動画を使うサイトをよく見受けられるようになってきました。どうやって作っているのか気になったので調査してみると、結構簡単に出来ることがわかったので、備忘録としてポストします。
HTML・CSS 【css】リスト(UL/LI) を横並べにする「flexbox」の書き方
リストや定義リストなどを横並べに配置する「flexbox」の書き方メモ。以前書いたポストの補完記事を目指します。CSS3のflexboxで簡単に2カラムのレイアウトを作ってみる | Wataame Frog
HTML・CSS Bootstrap3 + jQueryでラジオボタンの背景色を変更するスクリプト
Bootstrapを使用して作成したラジオボタンの選択アイテムの背景書を変更するスクリプトが必要になったので、備忘録としてポストします。
HTML・CSS 【CSS】画像を円形に切り抜く方法
CSSで画像を丸く切り抜く方法を備忘録としてポストします。
HTML・CSS ウェブサイトにFacebookページを貼り付ける,埋め込む方法
Facebookページを静的サイトのトップページに貼り付けたいとの依頼を受けたので調査しました。せっかくなので、備忘録としてポストします。
HTML・CSS SVGファイルをIllustratorで簡単に作成し、HTML5で表示する方法
最近、ロゴに「.svg」となったファイルを使うサイトが増えていているような気がします。.svgとはなんなのかよく知らなかったので調査し、実際にブラウザで表示させることが出来るようになったので、備忘録としてポストしてみたいと思います。
HTML・CSS 【CSS】擬似要素を使って選択済みラジオボタンの背景色を変更する方法
以前ラジオボタンの背景色を制御するスクリプトをjQueryで作成したのですが、ラジオボタンを大量に設置するとブラウザが反応しないという事態に陥ったので、CSSの疑似要素を使って制御する方法を紹介します。
HTML・CSS 【CSS】「white-space:nowrap」で、タグクラウドを改行させずに表示させる
以前から、タグクラウドの表示で一文が改行させるのが非常に気になっていましたが、何の事はない、 対象のaタグに対して white-space:nowrap を指定するだけですっきりさせることが出来ましたので、備忘録としてポストします。
HTML・CSS 【CSS】一番単純でスッキリしているtable装飾用のCSS
タイトル通り、一番単純でスッキリしているテーブルのスタイル指定。自分へのコピペ用としてポストします。
HTML・CSS 【CSS】縦幅サイズがわからない要素の縦中央にテキストを配置する方法
heightがわからないボックスの中にテキストを縦方向中央に配置する方法を備忘録としてポストします。
HTML・CSS 【CSS】backgroundプロパティのまとめ
CSSの背景関係を指定するプロパティですが、一括指定の方法をよく忘れるので、一度、backgroundプロパティに整理してみます。
HTML・CSS 【CSS】リストの奇数・偶数・指定番目などを指定して装飾する方法
リストの奇数・偶数・指定番目などを指定して装飾する方法を備忘録としてポストします。
HTML・CSS 【CSS】スクロールしても画像を固定表示させる方法
画像を任意の場所に固定配置し、スクロールしてもその場に表示させる方法２種類を備忘録としてポストします。
HTML・CSS Bootstrapの表（テーブル）の使い方７選
Bootstrapでのテーブル作成する際のメモを忘備録としてポストします。
HTML・CSS 【CSS】CSS3でグラデーションを作るメモ
CSS3でグラデーションを作る際、コピペですぐ出来るよう、忘備録としてポストします。
HTML・CSS Bootstrapで画像をレスポンシブ対応した際にセンタリングさせる方法。
Bootstrap使用時、「img-responsive」プロパティで画像をレスポンシブ対応させた場合に左寄せとなりますが、それを中央寄せ（センタリング）させる方法を忘備録としてポストします。
HTML・CSS Bootstrap使用時にplaceholder属性の文字色を変更する方法。
Bootstrap使用時、HTML5の placeholder 属性の文字色を変更したい場合の方法を忘備録としてポストします。
HTML・CSS CSSのフレームワーク「Bootstrap」を使ってメールフォムを作成してみる。
CSSのフレームワークである「Bootstrap」を使って既存のメールフォームをリニューアルしたので、その使い方などを忘備録としてポストします。
HTML・CSS 【CSS】文字や画像は透過させず、背景のみ透明度を操作する方法
ボックスの透明度を操作する時に「opacity」を使うと、文字や画像までもが透過してしまうので、「background-color:rgba();」を使い、アルファ値を設定することで背景の透明度のみを操作する方法を紹介します。
HTML・CSS 【CSS】CSSのみでマウスオーバーしたテーブル行の背景色を変更する方法
HTMLで縦に長いテーブルを組んだ時など、カーソルがどこにあるのかよく分からなくなる事がたまにあるので、マウスカーソルがある行の背景色をCSSの設定のみで変更する方法を紹介します。
HTML・CSS HTML5のFile APIを使って、複数(の画像)ファイルをサーバにアップロードする方法。
HTML5のFile APIを使うと、複数ファイルのアップロードが簡単に出来るそうなので、試してみました。対象のブラウザがモダンブラウザに限定されるようなのですが、妙に簡単に出来たのが印象的。ちなみに、CakePHP2（2.3.6）でも動きました。
HTML・CSS 【CSS】CSSの「overflow:scroll」でボックス領域にスクロールバーを表示させる方法。
決まったサイズのDIV領域に「overflow」を設定し、スクロールバーを表示させて狭い範囲でも有効に利用する方法です。
HTML・CSS フェイスブックと自分のブログやその他のサイトを連携する一番簡単な方法
フェイスブックにも手軽にブログ記事をポストしたいなと思い調べたところ、やったらと簡単に自分のブログ、ほかサイトなどをFbに投稿できる方法があったのでご紹介。